.footer--1YYWo {
                          display: flex;
                          justify-content: center;
                          flex-flow: column wrap;
                          width: 100%;
                          height: 5.0rem;
                          background-color: #f2f2f2;
                          color: #a2a2a2;
                          line-height: 1.24
                      }

.footer--1YYWo * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text
}

.footer--1YYWo p {
    width: 100%;
    font-size: .6rem;
    white-space: nowrap;
    text-align: center;
    line-height: 1
}

.footer--1YYWo .row1--3XOgT {
    -webkit-transform: scale(0.583) translateX(-31.9%);
    -ms-transform: scale(0.583) translateX(-31.9%);
    transform: scale(0.583) translateX(-31.9%)
}

.footer--1YYWo .row2--2Gcwd {
    -webkit-transform: scale(0.583) translateX(-30.9%);
    -ms-transform: scale(0.583) translateX(-30.9%);
    transform: scale(0.583) translateX(-30.9%)
}

.footer--1YYWo .row3--1ZQCg {
    -webkit-transform: scale(0.583) translateX(-18.3%);
    -ms-transform: scale(0.583) translateX(-18.3%);
    transform: scale(0.583) translateX(-18.3%)
}

.footer--1YYWo .row4--2jTKc {
    -webkit-transform: scale(0.583) translateX(-28.15%);
    -ms-transform: scale(0.583) translateX(-28.15%);
    transform: scale(0.583) translateX(-28.15%)
}

.footer--1YYWo a {
    color: #a2a2a2
}

.content--41cRZ {
    width: 100%;
    justify-content: center
}

.icpImage--1Cuic {
    width: .6rem;
    height: .6rem;
    margin-right: .1rem;
    vertical-align: bottom
}

.header--3n5LH {
                          position: fixed;
                          width: 100%;
                          z-index: 5;
                          top: 0;
                          left: 0;
                          background-color: rgba(29, 29, 31, 0.72);
                          backdrop-filter: saturate(180%) blur(20px);
                          -webkit-backdrop-filter: saturate(180%) blur(20px);
                          font-size: .6rem;
                          height: 2.4rem
                      }

.header_wrap--29nZr {
    height: 100%;
    display: flex;
    padding: 0 1.2rem;
    align-items: center;
    justify-content: space-between
}

.logo--2IYfi {
    width: 3.2rem
}

.right--1vc6e {
    width: 12.4rem;
    display: flex;
    justify-content: space-between
}

.toast--jBrm1 {
                          position: fixed;
                          top: 0;
                          left: 0;
                          right: 0;
                          bottom: 0;
                          z-index: 9999;
                          text-align: center
                      }

.nomask--DBIaP {
    pointer-events: none
}

.content--2c8C9 {
    position: relative;
    display: inline-block;
    top: 4.8rem;
    max-width: 88vw;
    padding: .26rem .4rem;
    overflow: hidden;
    border-radius: .08rem;
    font-size: .3rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5)
}

.icon--1bU3m {
                          width: 13px;
                          height: 15px;
                          margin: 0 8px 0 0;
                          vertical-align: text-bottom
                      }

.icon--1bU3m path {
    fill: silver
}

.feedbackBtn--2e_GS {
    position: fixed;
    right: 8px;
    bottom: 8px;
    width: 92px;
    height: 36px;
    font-size: 12px;
    font-weight: 600;
    line-height: 36px;
    color: silver;
    background: #131216;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    z-index: 998;
    cursor: pointer
}

.feedbackBtn--2e_GS:hover {
    color: #fff
}

.feedbackBtn--2e_GS:hover .icon--1bU3m path {
    fill: #fff
}

.feedbackBtn--2e_GS:active {
    color: #494949
}

.feedbackBtn--2e_GS:active .icon--1bU3m path {
    fill: #494949
}

.feedback--1wVXn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5)
}

.formWrap--ftY5w {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 328px;
    height: 391px;
    border-radius: 8px;
    background: #1a1a1a;
    padding: 16px
}

.formWrapTitle--3XfMi {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #c0c0c0;
    margin: 0 0 16px;
    text-align: center
}

.subTitle--2dmMT {
    font-size: 12px;
    line-height: 16px;
    color: #919191;
    margin: 0 0 6px
}

.textarea--3xTfj {
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    border-radius: 4px;
    background: #0f0f0f;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    border: none;
    resize: none;
    color: #b4b4b4;
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 0 24px
}

.contact--1ruCR {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: #0f0f0f;
    border-radius: 4px;
    padding: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #b4b4b4;
    margin: 0 0 24px
}

.btnWrap--3IaTT {
    margin: 0 0 16px;
    overflow: hidden
}

.btn--19Qk1 {
    width: 144px;
    height: 33px;
    float: left;
    border-radius: 4px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    border: none;
    cursor: pointer
}

.cancel--cpzro {
    background-color: #505057
}

.cancel--cpzro:hover {
    background: #737379
}

.cancel--cpzro:active {
    background: #202023
}

.submit--2ZDtU {
    margin: 0 0 0 8px
}

.forbiddenSubmit--3buQ5 {
    color: #505057;
    background-color: #213539
}

.permitSubmit--353KB {
    background-color: #00c1cd
}

.permitSubmit--353KB:hover {
    background: #33cdd7
}

.permitSubmit--353KB:active {
    background: #004d52
}

.tips--1RQry p {
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    color: #555
}

.ToastPC--3OWr- .toast-content {
    top: 50vh;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -44);
    -ms-transform: matrix(1, 0, 0, 1, 0, -44);
    transform: matrix(1, 0, 0, 1, 0, -44);
    width: 250px;
    height: 30px;
    padding: 8px 16px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: #000;
    border-radius: 15px;
    background-color: #fff
}

.ToastMobile--2IyQV .toast-content {
    top: 50vh;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -44);
    -ms-transform: matrix(1, 0, 0, 1, 0, -44);
    transform: matrix(1, 0, 0, 1, 0, -44);
    width: 240px;
    height: 30px;
    padding: 8px 16px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: #000;
    border-radius: 15px;
    background-color: #fff
}

@media only screen and (max-width: 352px) {
    .formWrap--ftY5w {
        width: calc(100% - 24px)
    }

    .btn--19Qk1 {
        width: calc(50% - 4px)
    }
}

@media only screen and (max-width: 240px) {
    .ToastMobile--2IyQV .toast-content {
        white-space: unset
    }
}

img {
                          width: 100%
                      }

.root--URM72 {
    width: 100%;
    min-height: 100vh
}

.description_wrap--1mPdV {
    position: absolute;
    width: 100%;
    top: 18.4rem
}

.description--3mEmU {
    width: 10rem;
    font-size: .6rem;
    line-height: .8rem;
    color: #f1f1fd;
    text-align: center;
    margin: 0 auto;
    white-space: pre-wrap;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.root--Cdhix {
                          display: flex;
                          justify-content: center;
                          margin: .3rem 0 0;
                          cursor: pointer
                      }

.downloadBtn--CJh1t {
    width: 1.9rem;
    height: .52rem;
    background-image: linear-gradient(67deg, #0ad3fb, #00ffe4);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.downloadBtn--CJh1t:hover {
    -webkit-filter: hue-rotate(40deg) saturate(220%);
    filter: hue-rotate(40deg) saturate(220%)
}

.downloadBtn--CJh1t > span {
    font-size: .17rem;
    margin: 0 0 0 .12rem;
    text-align: center;
    cursor: pointer;
    font-weight: 500
}

.macBtn--3x7F0 {
    border-radius: 8px
}

.macBtn--3x7F0 > img {
    width: 22px;
    height: 22px;
    cursor: pointer
}

.windowsBtn--1EMO4 {
    border-radius: .26rem
}

.windowsBtn--1EMO4 > img {
    width: 15px;
    height: 15px;
    cursor: pointer
}

.macAppstoreDownloadBtn--13itE {
    width: 1.75rem;
    height: .52rem;
    margin-left: .14rem;
    cursor: pointer
}

.root--2mXPf {
                          position: absolute;
                          width: 100%;
                          height: 100vh;
                          display: flex;
                          justify-content: center;
                          background-size: 100% auto;
                          background-repeat: no-repeat
                      }

.stars--3U185 {
    width: 11.57rem;
    height: 7.5rem
}

.homePage--Hj0Wt {
    position: absolute;
    width: 50vw;
    height: 100vh;
    top: 50%;
    left: 50%;
    margin: -50vh 0 0 -25vw;
    opacity: 1;
    display: flex;
    background-size: cover;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(0.5rem);
    -ms-transform: scale(1.1) translateY(0.5rem);
    transform: scale(1.1) translateY(0.5rem)
}

.titleWrap.titleWrap--25U58 {
    margin: -20vh 0 0
}

.bigTitle.bigTitle--2HR-F {
    font-size: .8rem;
    line-height: .84rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 51.33%, rgba(255, 255, 255, 0)) -100% 0 no-repeat;
    background-size: 200% 100%;
    background-position-x: 200%;
    background-clip: text;
    -webkit-background-clip: text
}

.tip.tip--fQewA {
    font-size: .2rem;
    margin: .3rem 0 0;
    text-align: center
}

.generalText--3lurD, .gotoLive--2IZBk {
    margin: .15rem 0 0;
    font-size: .24rem;
    padding: 0 0 2px
}

.gotoLive--2IZBk {
    border-bottom: 2px solid #08dbf6
}

.choreInfo--2nBiN {
    margin: .22rem 0 0;
    color: #a1a1a6;
    font-size: .11rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25
}

.choreInfo--2nBiN .line--2dvbu {
    display: flex;
    margin-bottom: .06rem
}

.choreInfo--2nBiN div {
    display: flex
}

.link--2feeV {
    cursor: pointer;
    color: #a1a1a6;
    margin-left: .05rem
}

.link--2feeV:hover {
    text-decoration: underline
}

.viewMore--3t8jh {
    position: absolute;
    left: 50%;
    bottom: 1.2rem;
    width: 50vw;
    height: .8rem;
    margin: 0 0 0 -25vw;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font-size: .18rem;
    font-weight: 500;
    color: #a1a1a6;
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-0.6rem);
    -ms-transform: scale(1.1) translateY(-0.6rem);
    transform: scale(1.1) translateY(-0.6rem)
}

.arrow--23PRO {
    flex-shrink: 0
}

@-webkit-keyframes arrowMove0--3web3 {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .9
    }
    to {
        -webkit-transform: translateY(0.13rem) rotate(-45deg);
        transform: translateY(0.13rem) rotate(-45deg);
        opacity: .6
    }
}

@keyframes arrowMove0--3web3 {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .9
    }
    to {
        -webkit-transform: translateY(0.13rem) rotate(-45deg);
        transform: translateY(0.13rem) rotate(-45deg);
        opacity: .6
    }
}

.arrow-0--2Z3_7 {
    content: "";
    display: block;
    box-sizing: content-box;
    width: .27rem;
    height: .27rem;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #a1a1a6;
    border-left: 1px solid #a1a1a6;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove0--3web3;
    animation-name: arrowMove0--3web3;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes arrowMove1--2gBO- {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .6
    }
    to {
        -webkit-transform: translateY(0.13rem) rotate(-45deg);
        transform: translateY(0.13rem) rotate(-45deg);
        opacity: .3
    }
}

@keyframes arrowMove1--2gBO- {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .6
    }
    to {
        -webkit-transform: translateY(0.13rem) rotate(-45deg);
        transform: translateY(0.13rem) rotate(-45deg);
        opacity: .3
    }
}

.arrow-1--3ffAv {
    content: "";
    display: block;
    box-sizing: content-box;
    width: .27rem;
    height: .27rem;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #a1a1a6;
    border-left: 1px solid #a1a1a6;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove1--2gBO-;
    animation-name: arrowMove1--2gBO-;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    margin: -.15rem 0 0
}

@-webkit-keyframes arrowMove2--JKEw4 {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .3
    }
    to {
        -webkit-transform: translateY(0.13rem) rotate(-45deg);
        transform: translateY(0.13rem) rotate(-45deg);
        opacity: 0
    }
}

@keyframes arrowMove2--JKEw4 {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .3
    }
    to {
        -webkit-transform: translateY(0.13rem) rotate(-45deg);
        transform: translateY(0.13rem) rotate(-45deg);
        opacity: 0
    }
}

.arrow-2--12bmK {
    content: "";
    display: block;
    box-sizing: content-box;
    width: .27rem;
    height: .27rem;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #a1a1a6;
    border-left: 1px solid #a1a1a6;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove2--JKEw4;
    animation-name: arrowMove2--JKEw4;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    margin: -.15rem 0 0
}

#waveFrameCanvas--3q4Nd {
                          background-color: #0b0b14
                      }

.root--1CtmJ {
                          position: absolute;
                          width: 100%;
                          height: 100%;
                          display: flex;
                          flex-flow: column nowrap;
                          align-items: center;
                          justify-content: center
                      }

.titleWrap--jM6_B {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(0.5rem);
    -ms-transform: scale(1.1) translateY(0.5rem);
    transform: scale(1.1) translateY(0.5rem)
}

.titleWrap--jM6_B p:nth-of-type(3) {
    margin: .3rem 0 0
}

.content--mlrMg {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex
}

.content--mlrMg img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%
}

.content--mlrMg .iphone--8CR9W {
    width: 1.57rem;
    height: 3.18rem;
    margin: -1.59rem 0 0 -.785rem;
    z-index: 3
}

.content--mlrMg .macbookContent--3qwsK {
    width: 2.5rem;
    height: 1.38rem;
    margin: -.69rem 0 0 -1.25rem;
    opacity: 0
}

.content--mlrMg .ipadContent--6R8sH {
    width: 3.2rem;
    height: 1.80rem;
    margin: -.9rem 0 0 -1.6rem;
    opacity: 0;
    z-index: 1
}

.content--mlrMg .mackbook--iAjlU {
    width: 7.29rem;
    height: 4.48rem;
    -webkit-transform: translate(-1.41rem, -0.11rem);
    -ms-transform: translate(-1.41rem, -0.11rem);
    transform: translate(-1.41rem, -0.11rem);
    margin: -2.24rem 0 0 -3.645rem;
    z-index: 2;
    opacity: 0
}

.content--mlrMg .ipad--14uBH {
    width: 4.65rem;
    height: 3.58rem;
    -webkit-transform: translate(3.06rem, 0.15rem);
    -ms-transform: translate(3.06rem, 0.15rem);
    transform: translate(3.06rem, 0.15rem);
    margin: -1.79rem 0 0 -2.325rem;
    opacity: 0
}

.content--mlrMg .iCloud--2QEOV {
    width: .815rem;
    height: 1.01rem;
    -webkit-transform: translate(3.85rem, 1.85rem);
    -ms-transform: translate(3.85rem, 1.85rem);
    transform: translate(3.85rem, 1.85rem);
    margin: -.505rem 0 0 -.4075rem;
    opacity: 0;
    z-index: 4
}

.waveframe--A8j9r {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    margin: 0 auto
}

.lv_pc_official video::-webkit-media-controls {
                          display: none !important
                      }

.lv_pc_official video::-webkit-media-controls-start-playback-button {
    display: none
}

.root--2doh1 {
                          position: absolute;
                          width: 100%;
                          height: 100%;
                          display: flex;
                          flex-flow: column nowrap;
                          align-items: center
                      }

.titleWrap--29eLZ {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(0.5rem);
    -ms-transform: scale(1.1) translateY(0.5rem);
    transform: scale(1.1) translateY(0.5rem)
}

.titleWrap--29eLZ p:nth-of-type(3) {
    margin: .3rem 0 0
}

.content--YINlK {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.sidebar--2C93O, .tracks--thv63, .monitor--2DBlA {
    position: absolute;
    opacity: 0;
    z-index: 2
}

.sidebar--2C93O {
    top: .15rem;
    left: .03rem;
    width: 2.52rem;
    height: 4.11rem;
    -webkit-transform: translateX(-50vw) translateZ(8rem) scale(1.3);
    transform: translateX(-50vw) translateZ(8rem) scale(1.3)
}

.tracks--thv63 {
    top: 4.29rem;
    left: .03rem;
    width: 9.53rem;
    height: 1.07rem;
    -webkit-transform: translateY(50vh) translateZ(8rem) scale(1.3);
    transform: translateY(50vh) translateZ(8rem) scale(1.3)
}

.monitor--2DBlA {
    top: .15rem;
    left: 2.58rem;
    width: 6.97rem;
    height: 4.11rem;
    -webkit-transform: translateX(50vw) translateZ(8rem) scale(1.3);
    transform: translateX(50vw) translateZ(8rem) scale(1.3)
}

#page3Video, .editor--2OLCy {
    width: 9.60rem;
    height: 5.38rem;
    opacity: 0
}

#page3Video {
    border-radius: 15px;
    z-index: -1
}

.editor--2OLCy {
    position: absolute;
    top: 50%;
    left: 50vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 5.4rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.root--1xgOF {
                          width: 100%
                      }

.navWrap--2FxYf {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.bar--2IE-f {
    display: flex;
    align-items: center;
    color: #a1a1a6;
    margin: 0 0 .16rem;
    font-size: .22rem;
    font-weight: 600
}

.bar--2IE-f .title--17vhs {
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.bar--2IE-f .title--17vhs:not(:first-of-type) {
    margin-left: .6rem
}

.division--2wpZh {
    position: relative;
    width: 5.28rem;
    height: 1px;
    background-color: #a1a1a6;
    margin: 0 0 .27rem
}

.desc--3WILR {
    font-size: .17rem;
    line-height: 1.24;
    color: #a1a1a6;
    display: flex;
    justify-content: center
}

.root--KUHzj {
                          width: 100%;
                          height: 100%;
                          display: flex;
                          flex-flow: column nowrap;
                          align-items: center;
                          justify-content: flex-start
                      }

.titleWrap--1WvB4 {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(0.5rem);
    -ms-transform: scale(1.1) translateY(0.5rem);
    transform: scale(1.1) translateY(0.5rem)
}

.titleWrap--1WvB4 p:nth-of-type(3) {
    margin: .3rem 0 0
}

.content--uPYE9 {
    position: relative;
    width: 100%;
    margin: 1.2rem 0 0
}

.video--uv8Ps {
    width: 100%;
    position: absolute;
    opacity: 0;
    transition: .3;
    will-change: opacity
}

.shadow--3ahF3 {
    position: absolute;
    bottom: -1px;
    z-index: 1
}

.swiperBarWrap--3ePnw {
    bottom: .67rem;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0
}

.mask--cx-E8 {
    position: absolute;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 99
}

.root--3znDN {
                          position: absolute;
                          width: 100%;
                          height: 100%;
                          display: flex;
                          flex-flow: column nowrap;
                          align-items: center;
                          justify-content: flex-start
                      }

.titleWrap---wadX {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(0.5rem);
    -ms-transform: scale(1.1) translateY(0.5rem);
    transform: scale(1.1) translateY(0.5rem)
}

.titleWrap---wadX p:nth-of-type(3) {
    margin: .3rem 0 0
}

.content--1OTB_ {
    width: 100%;
    flex-grow: 1;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: flex;
    flex-flow: column nowrap
}

.foldBox--2OD0e {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.25rem;
    height: 5.86rem;
    margin: -2.93rem 0 0 -4.125rem;
    border-radius: 15px;
    background-color: #202020;
    box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.5);
    padding: .5rem;
    color: #a1a1a6;
    font-size: .28rem;
    line-height: .32rem
}

.foldBox--2OD0e p, .foldBox--2OD0e span {
    font-size: .28rem;
    font-weight: 500
}

.foldBox1.foldBox--2OD0e {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(0.5rem);
    -ms-transform: scale(1.1) translateY(0.5rem);
    transform: scale(1.1) translateY(0.5rem)
}

.foldBox2.foldBox--2OD0e {
    -webkit-transform: translateY(10rem);
    -ms-transform: translateY(10rem);
    transform: translateY(10rem)
}

.foldBox3.foldBox--2OD0e {
    padding: 0;
    -webkit-transform: translateY(10rem);
    -ms-transform: translateY(10rem);
    transform: translateY(10rem)
}

.assetsListWrap--3-dmp {
    margin: .63rem -.5rem 0
}

.assetsList--2TUtL {
    width: 100%;
    height: 1.11rem;
    background-repeat: repeat-x;
    background-size: 19.02rem 1.11rem;
    background-position-x: 0;
    will-change: background-position-x
}

@-webkit-keyframes assetsListAnim--39DFZ {
    100% {
        background-position-x: 38.05rem
    }
}

@keyframes assetsListAnim--39DFZ {
    100% {
        background-position-x: 38.05rem
    }
}

@-webkit-keyframes reverseAssetsListAnim--3a7Br {
    100% {
        background-position-x: -38.05rem
    }
}

@keyframes reverseAssetsListAnim--3a7Br {
    100% {
        background-position-x: -38.05rem
    }
}

.assetsList--2TUtL:not(:first-child) {
    margin: .05rem 0 0
}

.assetsList1.assetsList--2TUtL {
    -webkit-animation: reverseAssetsListAnim--3a7Br 96s linear infinite;
    animation: reverseAssetsListAnim--3a7Br 96s linear infinite
}

.assetsList2.assetsList--2TUtL {
    -webkit-animation: assetsListAnim--39DFZ 92s linear infinite;
    animation: assetsListAnim--39DFZ 92s linear infinite
}

.assetsList3.assetsList--2TUtL {
    -webkit-animation: reverseAssetsListAnim--3a7Br 100s linear infinite;
    animation: reverseAssetsListAnim--3a7Br 100s linear infinite
}

.artistWrap--sgPj_ {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 5rem;
    height: 3.75rem;
    border-radius: .15rem .15rem 0 0;
    background-size: cover
}

.artistWrap--sgPj_ img {
    position: absolute
}

.stk1--1IYKi {
    width: 1.74rem;
    height: 1.78rem;
    top: -.89rem;
    right: -.87rem;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%)
}

.stk2--2HLVC {
    width: 1.84rem;
    height: 1.52rem;
    top: .7rem;
    left: -.92rem;
    opacity: 0;
    -webkit-transform: translateX(50%) translateY(0);
    -ms-transform: translateX(50%) translateY(0);
    transform: translateX(50%) translateY(0)
}

.stk3--1GaWn {
    width: .95rem;
    height: .48rem;
    top: .14rem;
    left: .85rem;
    opacity: 0;
    -webkit-transform: translateX(50%) translateY(0%);
    -ms-transform: translateX(50%) translateY(0%);
    transform: translateX(50%) translateY(0%)
}

.stk4--3OKpt {
    width: 1.19rem;
    height: 1.29rem;
    bottom: -.2rem;
    left: -.4rem;
    opacity: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%)
}

.stk5--3uyM0 {
    width: .9rem;
    height: .68rem;
    top: 1.3rem;
    right: -.5rem;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.stk6--mqMKI {
    width: 1.3rem;
    height: 1.23rem;
    top: 2rem;
    right: -.3rem;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.stk7--3Udj4 {
    width: 1.73rem;
    height: .84rem;
    top: 2.8rem;
    right: -1rem;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video--b1a-c {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    z-index: -1
}

.foldBox3TextWrap--2W4jc {
    float: left;
    width: 8.25rem;
    height: 5.86rem;
    border-radius: 15px;
    padding: .5rem
}

.root--KKumW {
                          position: absolute;
                          width: 100%;
                          height: 100%;
                          display: flex;
                          flex-flow: column nowrap;
                          align-items: center;
                          justify-content: center;
                          background-size: cover
                      }

.titleWrap--qOd3q {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(0.5rem);
    -ms-transform: scale(1.1) translateY(0.5rem);
    transform: scale(1.1) translateY(0.5rem)
}

.titleWrap--qOd3q p:nth-of-type(3) {
    margin: .3rem 0 0
}

.content--2gQyo {
    width: 12.80rem;
    margin: 1rem 0 0;
    color: #f5f5f7;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.paramsBox--3oh5K {
    display: flex;
    align-items: flex-end;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.paramsBox--3oh5K:not(:first-child) {
    margin-left: .3rem
}

.params--WB-ma {
    height: .52rem;
    margin: 0 .19rem 0 0;
    font-weight: 600;
    display: flex;
    align-items: flex-end
}

.params--WB-ma img {
    width: 100%;
    height: .6rem
}

.endingPageParamsBox1.paramsBox--3oh5K img {
    height: .58rem
}

.endingPageParamsBox2.paramsBox--3oh5K img {
    height: .61rem;
    -webkit-transform: translateY(0.08rem);
    -ms-transform: translateY(0.08rem);
    transform: translateY(0.08rem)
}

.endingPageParamsBox3.paramsBox--3oh5K img {
    height: .54rem
}

.endingPageParamsBox4.paramsBox--3oh5K img {
    height: .54rem
}

.desc--2rlzy {
    font-size: .17rem;
    line-height: 1.24
}

.desc--2rlzy p {
    font-size: .17rem;
    line-height: 1.24;
    white-space: nowrap
}

.canvas--2p7mc {
                          width: 100vw;
                          height: 100vh;
                          z-index: 9999;
                          position: fixed;
                          top: 0;
                          left: 0;
                          pointer-events: none
                      }

.stage-wrapper--1tD2o {
                          width: 100%;
                          height: 100%
                      }

.stage-wrapper--1tD2o .stage-wrapper-sticky-content--14kii {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

.stage-wrapper--1tD2o .stage-wrapper-nonsticky-content--1Lm_K {
    overflow: hidden;
    position: relative;
    height: 100%;
    max-height: inherit;
    width: 100vw
}

#sticky-polyfill {
    overflow: hidden;
    height: 100vh;
    width: 100%
}

.stage-page-wrapper--2nVag {
                          position: absolute;
                          bottom: 0;
                          left: 0;
                          width: 100vw;
                          height: calc(100% - .6rem)
                      }

.in-mobile--2jMn1 .stage-page-wrapper--2nVag {
    height: 100%
}

.style_spin__5uCiL, .style_spin__5uCiL svg {
                          animation: style_iconpark-spin__mGDV3 1s infinite linear;
                      }

.style_rtl__vYVyg, .style_rtl__vYVyg svg {
    transform: scaleX(-1);
}

.style_spin__5uCiL.style_rtl__vYVyg, .style_spin__5uCiL.style_rtl__vYVyg svg {
    animation: style_iconpark-spin-rtl__ZyqaE 1s infinite linear;
}

@keyframes style_iconpark-spin__mGDV3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes style_iconpark-spin-rtl__ZyqaE {
    0% {
        -webkit-transform: scaleX(-1) rotate(0);
        transform: scaleX(-1) rotate(0);
    }
    100% {
        -webkit-transform: scaleX(-1) rotate(360deg);
        transform: scaleX(-1) rotate(360deg);
    }
}
.arco-btn-primary.sign-up-btn {
                          background: linear-gradient(90deg, #60d4f5, #72f7e5)
                      }

.arco-btn-primary.sign-up-btn > span {
    color: #000;
    font-weight: 500
}

.user-avatar {
    cursor: pointer
}

.user-operation-top {
    color: var(--color-white);
    text-align: center
}

.user-operation-top .avatar {
    border-radius: 50%;
    height: 56px;
    margin-top: 28px;
    width: 56px
}

.user-operation-top .name {
    font-size: 14px;
    margin: 6px 30px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-menu {
    transform: translateY(12px);
    width: 240px
}

.user-menu.arco-dropdown-menu {
    border: none;
    max-height: 300px;
    padding: 0 0 12px
}

.user-menu .arco-dropdown-menu-inner {
    padding: 0
}

.user-menu .arco-dropdown-menu-item {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 0 12px
}

.user-menu .arco-dropdown-menu-item:last-child {
    margin-bottom: 0
}

.user-menu-icon {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: -5px
}

.user-item-inner {
    color: var(--color-white)
}

.bind-menu-item {
    color: var(--color-fill-red) !important;
    padding-left: 32px !important;
    position: relative
}

.bind-menu-item.active {
    background-color: var(--color-fill-2);
    cursor: not-allowed
}

.bind-menu-item.active .select-icon {
    font-size: 18px;
    left: 10px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}
.lv-users-selector_container {
                          background-color: var(--color-bg-3);
                          color: var(--color-white);
                          -webkit-user-select: none;
                          -moz-user-select: none;
                          user-select: none
                      }

.lv-users-selector_container .header {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
    position: relative
}

.lv-users-selector_container .header .text-area .title {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.lv-users-selector_container .header .text-area span {
    color: var(--color-text-2);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.lv-users-selector_container .header .icon-back {
    height: 15px;
    margin-right: 12px;
    padding: 5px 4px 5px 5px;
    transform: rotate(180deg);
    width: 15px
}

.lv-users-selector_container .header .icon-back:hover {
    background-color: var(--color-fill-4);
    border-radius: 2px;
    cursor: pointer
}

.lv-users-selector_container .header .icon-close {
    height: 16px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.lv-users-selector_container .header .icon-close:hover {
    background-color: var(--color-fill-4);
    border-radius: 2px;
    cursor: pointer
}

.lv-users-selector_container .header .icon-lark {
    height: 48px;
    margin-right: 12px;
    width: 48px
}

.lv-users-selector_container .btn-area {
    justify-content: right;
    margin-top: 24px;
    width: 100%
}

.lv-users-selector_container .btn-area .arco-btn {
    min-width: 74px
}

.lv-member-select_panel {
    border-radius: 4px;
    display: flex;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.lv-member-select_panel .member-selector {
    background-color: var(--color-bg-2)
}

.lv-member-select_panel .member-selector .select {
    margin: 16px;
    width: 89.5%
}

.lv-member-select_panel .member-selector .search {
    box-sizing: border-box;
    height: 64px;
    padding: 16px 16px 12px
}

.lv-member-select_panel .member-selector .search .arco-input-inner-wrapper {
    border: none
}

.lv-member-select_panel .member-selector .search .arco-input {
    padding-bottom: 7px;
    padding-top: 7px
}

.lv-member-select_panel .member-selector .list {
    padding: 0 8px 8px;
    width: 300px
}

.lv-member-select_panel .member-selector .list .search-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.lv-member-select_panel .member-selector .list .search-empty span {
    margin-bottom: 16px
}

.lv-member-select_panel .member-selector .list .icon-search {
    height: 96px;
    width: 96px
}

.lv-member-select_panel .member-selector .list .arco-list-item {
    cursor: pointer;
    padding: 8px 12px
}

.lv-member-select_panel .member-selector .list .arco-list-item:hover {
    background-color: var(--color-fill-4);
    border-radius: 2px
}

.lv-member-select_panel .member-selector .list .arco-list-scroll-loading:hover {
    background-color: transparent
}

.lv-member-select_panel .member-selector .list .arco-list-item-content {
    display: flex
}

.lv-member-select_panel .member-selector .list .member {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.lv-member-select_panel .member-selector .list .member .arco-checkbox-mask {
    border-radius: 2px;
    height: 16px;
    width: 16px
}

.lv-member-select_panel .member-selector .list .member .arco-checkbox-text {
    margin-left: 16px
}

.lv-member-select_panel .member-selector .list .member .avatar {
    margin-right: 12px
}

.lv-member-select_panel .member-selector .list .member span {
    color: var(--color-white);
    font-size: 14px;
    line-height: 22px
}

.lv-member-select_panel .member-select-list {
    background-color: var(--color-bg-2);
    margin-left: 1px
}

.lv-member-select_panel .member-select-list .text {
    align-items: center;
    color: var(--color-text-1);
    display: flex;
    font-size: 14px;
    height: 36px;
    line-height: 22px;
    margin-bottom: 12px;
    margin-left: 16px;
    margin-top: 16px
}

.lv-member-select_panel .member-select-list .list {
    padding: 0 0 8px 8px;
    width: 300px
}

.lv-member-select_panel .member-select-list .list .arco-list-item {
    padding: 8px 12px
}

.lv-member-select_panel .member-select-list .list .arco-list-item-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.lv-member-select_panel .member-select-list .list .member {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.lv-member-select_panel .member-select-list .list .member .avatar {
    margin-right: 12px
}

.lv-member-select_panel .member-select-list .list .member span {
    color: var(--color-white);
    font-size: 14px;
    line-height: 22px
}

.lv-member-select_panel .member-select-list .list .icon-del {
    height: 16px;
    padding: 4px;
    width: 16px
}

.lv-member-select_panel .member-select-list .list .icon-del:hover {
    background-color: var(--color-fill-4);
    border-radius: 2px;
    cursor: pointer
}
.lv-confirm-modal_container.arco-modal-simple .arco-modal-title {
                          font-size: 18px;
                          font-weight: 600;
                          line-height: 25px;
                          text-align: left
                      }

.lv-confirm-modal_container.arco-modal-simple .arco-modal-content {
    line-height: 20px
}
.invite-bind-lark_header {
                          border-bottom: 1px solid var(--color-border-1);
                          display: flex;
                          padding-top: 24px
                      }

.invite-bind-lark_header .desc {
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 22px
}

.invite-bind-lark_header .title {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.invite-bind-lark_header .icon {
    height: 48px;
    margin-bottom: 28px;
    margin-left: 28px;
    margin-right: 16px;
    width: 48px
}

.invite-lark-member-select {
    box-sizing: border-box;
    padding: 24px 28px
}
.lv-mobile-confirm-modal_container .arco-dialog-content {
                          border-radius: .04rem !important;
                          width: 3.34rem !important
                      }

.lv-mobile-confirm-modal_container .arco-dialog-body {
    padding: .24rem !important
}

.lv-mobile-confirm-modal_container .header {
    font-size: .16rem;
    font-weight: 500;
    line-height: .24rem;
    text-align: center
}

.lv-mobile-confirm-modal_container .content {
    margin-bottom: .24rem;
    margin-top: .24rem;
    text-align: left
}

.lv-mobile-confirm-modal_container .footer {
    display: flex
}

.lv-mobile-confirm-modal_container .footer .arco-button {
    height: .32rem;
    min-width: 1.39rem
}

.lv-mobile-confirm-modal_container .footer .arco-button .btn-text {
    font-size: .14rem;
    font-weight: 500
}
.lv-mobile-bind-lark-guide {
                          align-items: center;
                          display: flex;
                          justify-content: center;
                          margin-bottom: .4rem;
                          margin-top: .24rem
                      }

.lv-mobile-bind-lark-guide .item {
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 1.21rem
}

.lv-mobile-bind-lark-guide .item .tenant {
    color: var(--color-white);
    margin-bottom: .02rem
}

.lv-mobile-bind-lark-guide .icon {
    border-radius: .08rem;
    flex-shrink: 0;
    height: .4rem;
    margin-bottom: .08rem;
    width: .4rem
}

.lv-mobile-bind-lark-guide .bind-icon {
    height: .2rem;
    margin-left: .12rem;
    margin-right: .12rem;
    width: .2rem
}

.lv-mobile-bind-lark-guide .name {
    font-size: .14rem;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.lv-mobile-bind-lark-guide .name div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.lv-mobile-bind-lark-guide .name .avatar {
    color: var(--fill-3)
}

.lv-mobile-invite-lark-modal .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: .14rem
}

.lv-mobile-invite-lark-modal .icon {
    height: .64rem;
    margin-bottom: .16rem;
    width: .64rem
}

.lv-mobile-invite-lark-modal .title {
    font-size: .16rem;
    font-weight: 500;
    line-height: .24rem;
    margin-bottom: .04rem
}

.lv-mobile-invite-lark-modal .desc {
    color: var(--fill-3);
    font-size: .14rem;
    font-weight: 400;
    line-height: .22rem;
    margin-bottom: .14rem
}
.lv-bind-lark-guide {
                          align-items: center;
                          display: flex;
                          margin-bottom: 40px;
                          margin-top: 24px
                      }

.lv-bind-lark-guide .item {
    align-items: center;
    display: flex;
    max-width: 180px;
    overflow: hidden
}

.lv-bind-lark-guide .item .tenant {
    color: var(--color-white);
    margin-bottom: 2px
}

.lv-bind-lark-guide .icon {
    border-radius: 8px;
    flex-shrink: 0;
    height: 48px;
    margin-right: 8px;
    width: 48px
}

.lv-bind-lark-guide .bind-icon {
    height: 20px;
    margin-left: 16px;
    margin-right: 16px;
    width: 20px
}

.lv-bind-lark-guide .name {
    overflow: hidden
}

.lv-bind-lark-guide .name div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lv-bind-lark-modal {
    box-sizing: border-box !important
}

.lv-bind-lark-modal .arco-modal-footer .arco-btn {
    min-width: 74px
}

.lv-bind-lark-modal .arco-modal-header {
    margin-bottom: 0
}

.lv-bind-lark-modal .lv-bind-lark-modal_description {
    font-size: 14px;
    line-height: 22px
}

.lv-bind-lark-modal .lv-bind-lark-modal_title {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 0
}
.career-wrapper.arco-modal {
                          width: 694px
                      }

.career-wrapper.arco-modal-simple {
    padding: 24px 32px 0
}

.career-wrapper.arco-modal-simple .arco-modal-header {
    height: 0;
    margin: 0;
    overflow: hidden
}

.career-container-title {
    color: var(--color-white);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 26px
}

.career-option {
    background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .36));
    border-radius: 2px;
    cursor: pointer;
    padding-bottom: 14px;
    padding-top: 22px
}

.career-option.active {
    outline: 1px solid var(--color-border-4)
}

.career-option.active > .career-label {
    color: var(--color-border-4)
}

.career-cover {
    display: block;
    height: 80px;
    margin: 0 auto 12px;
    width: 120px
}

.career-label {
    color: var(--color-white);
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-align: center
}

.career-footer {
    align-items: center;
    display: flex;
    height: 72px;
    justify-content: flex-end;
    margin-top: 24px
}

.career-confirm.arco-btn {
    width: 140px
}

body:not([arco-theme=dark]) .career-container-title {
    color: var(--color-text-dark)
}
.lv_feedback:hover {
                          background: rgba(240, 240, 255, .11)
                      }

.feedback-modal-container .upload-section .img-count {
    align-self: flex-end;
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    line-height: 16px
}

.feedback-modal-container .feedback-form .feedback-cancel {
    height: 40px;
    width: 60px
}

.feedback-modal-container .arco-modal {
    background-color: rgba(48, 48, 51, .98);
    border: 0 solid transparent;
    border-radius: 4px
}

.feedback-modal-container .arco-textarea {
    color: #fff
}

.feedback-modal-container .feedback-form .feedback-content, .feedback-modal-container .feedback-form .feedback-input, .feedback-modal-container .upload-section .upload-button {
    background-color: #28282e
}

.feedback-modal-container .arco-input.arco-input-focus, .feedback-modal-container .arco-input:focus, .feedback-modal-container .arco-textarea.arco-textarea-focus, .feedback-modal-container .arco-textarea:focus {
    border-color: #00c1cd
}

.feedback-modal-container .arco-textarea-word-limit {
    color: hsla(0, 0%, 100%, .2)
}

.feedback-modal-container .arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: hsla(240, 1%, 67%, .24);
    border-color: transparent;
    color: hsla(0, 0%, 100%, .4)
}

.feedback-modal-container .feedback-form .feedback-type .arco-radio {
    background-color: hsla(0, 0%, 87%, .08)
}

.feedback-modal-container .feedback-form .feedback-type .arco-radio-checked, .feedback-modal-container .feedback-form .feedback-type .arco-radio-checked:hover, .feedback-modal-container .feedback-form .feedback-type .arco-radio:hover {
    background-color: rgba(31, 196, 217, .2)
}

.feedback-modal-container .arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #3e3e42;
    border-color: transparent;
    color: hsla(0, 0%, 100%, .4)
}

.feedback-modal-container .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #484952;
    border: 1px solid transparent;
    color: #fff
}

.feedback-modal-container .arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: #003d4d;
    border-color: transparent;
    color: #fff
}

.feedback-modal-container .arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #27d1d7;
    border-color: transparent;
    color: #fff
}

.feedback-modal-container .arco-btn-primary:not(.arco-btn-disabled) {
    background-color: #00c1cd;
    border: 1px solid transparent;
    color: #fff
}

.feedback-modal-container .arco-btn-size-default {
    border-radius: 4px !important;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    min-width: unset
}

.feedback-modal-container .arco-textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.feedback-modal-container .arco-textarea::placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.feedback-modal-container .arco-input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.feedback-modal-container .arco-input::placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.feedback-modal-container .arco-btn-primary.arco-btn-disabled {
    background-color: #0b7c8d;
    color: hsla(0, 0%, 100%, .3);
    cursor: not-allowed
}

.feedback-modal-container .img-count {
    color: hsla(0, 0%, 100%, .4)
}

.feedback-modal-container .arco-col-19 {
    flex: 0 0 79.16666667%;
    width: 79.16666667%
}

.feedback-modal-container .arco-col-5 {
    flex: 0 0 20.83333333%;
    width: 20.83333333%
}

.feedback-modal-container .arco-col-24 {
    flex: 0 0 100%;
    width: 100%
}
.upload-section {
                          align-items: center;
                          display: flex;
                          justify-content: flex-start
                      }

.upload-section .del_icon-wrapper {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    border-radius: 100%;
    cursor: pointer;
    display: none;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px
}

.upload-section .icons {
    color: var(--color-bg-white)
}

.upload-section .icons--add {
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    z-index: 0
}

.upload-section .icons--del {
    height: 9px;
    width: 9px
}

.upload-section .upload-input {
    position: relative;
    z-index: 1
}

.upload-section .upload-img {
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
    height: 60px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    width: 60px
}

.upload-section .upload-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.upload-section .upload-img .arco-spin {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.upload-section .upload-img:hover .icons {
    z-index: 2
}

.upload-section .upload-img:hover .del_icon-wrapper {
    display: flex
}

.upload-section .upload-button {
    background-color: #28282e;
    border-radius: 6px;
    box-sizing: border-box;
    height: 60px;
    margin-right: 12px;
    position: relative;
    width: 60px
}

.upload-section .upload-button input {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    width: 100%
}

.upload-section .img-count {
    align-self: flex-end;
    color: var(--color-text-2);
    font-size: 12px;
    line-height: 16px
}
.feedback-form .arco-row {
                          align-items: center;
                          display: flex
                      }

.feedback-form .arco-form-item {
    margin-bottom: 16px
}

.feedback-form .arco-form-item.--last_input_field {
    margin-bottom: 24px
}

.feedback-form .arco-form-label-item > label {
    color: var(--color-bg-white);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.feedback-form .feedback-modal-header {
    align-items: center;
    color: var(--color-bg-white);
    display: flex;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 24px
}

.feedback-form .feedback-type {
    background-color: transparent
}

.feedback-form .feedback-type .arco-radio {
    align-items: center;
    background-color: var(--color-secondary);
    border: 1px solid transparent;
    border-radius: 82px;
    box-sizing: border-box;
    display: inline-flex;
    margin-right: 8px;
    padding: 8px 14px
}

.feedback-form .feedback-type .arco-radio > span {
    color: var(--color-bg-white);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.feedback-form .feedback-type .arco-radio:last-child {
    margin-right: 0
}

.feedback-form .feedback-type .arco-radio-checked, .feedback-form .feedback-type .arco-radio-checked:hover, .feedback-form .feedback-type .arco-radio:hover {
    background-color: rgba(31, 196, 217, .2)
}

.feedback-form .feedback-type .arco-radio-checked:hover > span, .feedback-form .feedback-type .arco-radio-checked > span, .feedback-form .feedback-type .arco-radio:hover > span {
    color: var(--color-bg-white);
    font-weight: 800
}

.feedback-form .arco-textarea-word-limit {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.feedback-form .feedback-content {
    background-color: #28282e;
    border-radius: 6px;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
    height: 120px;
    line-height: 20px;
    resize: none
}

.feedback-form .feedback-content::-webkit-scrollbar {
    display: none
}

.feedback-form .feedback-upload-img {
    margin: 24px 0
}

.feedback-form .feedback-input {
    background-color: #28282e;
    color: var(--color-bg-white);
    height: 40px
}

.feedback-form .feedback-actions {
    margin-bottom: 0;
    margin-top: 6px
}

.feedback-form .feedback-actions .arco-form-item-control-children {
    display: flex;
    justify-content: flex-end
}

.feedback-form .feedback-actions .arco-btn:not(:last-child) {
    margin-right: 8px
}

.feedback-form .feedback-cancel {
    height: 40px;
    width: 60px
}

.feedback-form .feedback-confirm {
    height: 40px;
    width: 140px
}
.feedback-modal-container .arco-modal {
                          border-radius: 8px;
                          box-sizing: border-box;
                          padding: 40px;
                          width: 680px
                      }

.feedback-modal-container .arco-modal-simple .arco-modal-header {
    margin-bottom: 0
}
.lv_feedback {
                          align-items: center;
                          color: var(--color-bg-white);
                          cursor: pointer;
                          display: flex;
                          height: 32px;
                          justify-content: center;
                          width: 32px
                      }

.lv_feedback:hover {
    background-color: hsla(0, 0%, 100%, .08);
    border-radius: 5px
}

.lv_feedback:hover svg g path {
    fill: var(--color-bg-white)
}

.lv_feedback-icon g path {
    fill: #cacace
}
/******** borderSize *******/
                          /******** borderStyle *******/
                          /******** radius *******/
                          /******** shadow distance *******/
                          /******** size *******/
                          /******** spacing *******/
                          /******** shadow *******/
                          /******** opacity *******/
                          /******** fontSize *******/
                          /******** fontWeight ********/
                          /******** Primary *******/
                          /******** success *******/
                          /******** warning *******/
                          /******** danger *******/
                          /******** link *******/
                          /******** radius *******/
                          /********* icon hover *********/
                      body {
                          --red-1: 255, 236, 232;
                          --red-2: 253, 205, 197;
                          --red-3: 251, 172, 163;
                          --red-4: 249, 137, 129;
                          --red-5: 247, 101, 96;
                          --red-6: 245, 63, 63;
                          --red-7: 203, 39, 45;
                          --red-8: 161, 21, 30;
                          --red-9: 119, 8, 19;
                          --red-10: 77, 0, 10;
                          --orangered-1: 255, 243, 232;
                          --orangered-2: 253, 221, 195;
                          --orangered-3: 252, 197, 159;
                          --orangered-4: 250, 172, 123;
                          --orangered-5: 249, 144, 87;
                          --orangered-6: 247, 114, 52;
                          --orangered-7: 204, 81, 32;
                          --orangered-8: 162, 53, 17;
                          --orangered-9: 119, 31, 6;
                          --orangered-10: 77, 14, 0;
                          --orange-1: 255, 247, 232;
                          --orange-2: 255, 228, 186;
                          --orange-3: 255, 207, 139;
                          --orange-4: 255, 182, 93;
                          --orange-5: 255, 154, 46;
                          --orange-6: 255, 125, 0;
                          --orange-7: 210, 95, 0;
                          --orange-8: 166, 69, 0;
                          --orange-9: 121, 46, 0;
                          --orange-10: 77, 27, 0;
                          --gold-1: 255, 252, 232;
                          --gold-2: 253, 244, 191;
                          --gold-3: 252, 233, 150;
                          --gold-4: 250, 220, 109;
                          --gold-5: 249, 204, 69;
                          --gold-6: 247, 186, 30;
                          --gold-7: 204, 146, 19;
                          --gold-8: 162, 109, 10;
                          --gold-9: 119, 75, 4;
                          --gold-10: 77, 45, 0;
                          --yellow-1: 254, 255, 232;
                          --yellow-2: 254, 254, 190;
                          --yellow-3: 253, 250, 148;
                          --yellow-4: 252, 242, 107;
                          --yellow-5: 251, 232, 66;
                          --yellow-6: 250, 220, 25;
                          --yellow-7: 207, 175, 15;
                          --yellow-8: 163, 132, 8;
                          --yellow-9: 120, 93, 3;
                          --yellow-10: 77, 56, 0;
                          --lime-1: 252, 255, 232;
                          --lime-2: 237, 248, 187;
                          --lime-3: 220, 241, 144;
                          --lime-4: 201, 233, 104;
                          --lime-5: 181, 226, 65;
                          --lime-6: 159, 219, 29;
                          --lime-7: 126, 183, 18;
                          --lime-8: 95, 148, 10;
                          --lime-9: 67, 112, 4;
                          --lime-10: 42, 77, 0;
                          --green-1: 232, 255, 234;
                          --green-2: 175, 240, 181;
                          --green-3: 123, 225, 136;
                          --green-4: 76, 210, 99;
                          --green-5: 35, 195, 67;
                          --green-6: 0, 180, 42;
                          --green-7: 0, 154, 41;
                          --green-8: 0, 128, 38;
                          --green-9: 0, 102, 34;
                          --green-10: 0, 77, 28;
                          --cyan-1: 232, 255, 251;
                          --cyan-2: 183, 244, 236;
                          --cyan-3: 137, 233, 224;
                          --cyan-4: 94, 223, 214;
                          --cyan-5: 55, 212, 207;
                          --cyan-6: 20, 201, 201;
                          --cyan-7: 13, 165, 170;
                          --cyan-8: 7, 130, 139;
                          --cyan-9: 3, 97, 108;
                          --cyan-10: 0, 66, 77;
                          --blue-1: 232, 247, 255;
                          --blue-2: 195, 231, 254;
                          --blue-3: 159, 212, 253;
                          --blue-4: 123, 192, 252;
                          --blue-5: 87, 169, 251;
                          --blue-6: 52, 145, 250;
                          --blue-7: 32, 108, 207;
                          --blue-8: 17, 75, 163;
                          --blue-9: 6, 48, 120;
                          --blue-10: 0, 26, 77;
                          --arcoblue-1: 232, 243, 255;
                          --arcoblue-2: 190, 218, 255;
                          --arcoblue-3: 148, 191, 255;
                          --arcoblue-4: 106, 161, 255;
                          --arcoblue-5: 64, 128, 255;
                          --arcoblue-6: 22, 93, 255;
                          --arcoblue-7: 14, 66, 210;
                          --arcoblue-8: 7, 44, 166;
                          --arcoblue-9: 3, 26, 121;
                          --arcoblue-10: 0, 13, 77;
                          --purple-1: 245, 232, 255;
                          --purple-2: 221, 190, 246;
                          --purple-3: 195, 150, 237;
                          --purple-4: 168, 113, 227;
                          --purple-5: 141, 78, 218;
                          --purple-6: 114, 46, 209;
                          --purple-7: 85, 29, 176;
                          --purple-8: 60, 16, 143;
                          --purple-9: 39, 6, 110;
                          --purple-10: 22, 0, 77;
                          --pinkpurple-1: 255, 232, 251;
                          --pinkpurple-2: 247, 186, 239;
                          --pinkpurple-3: 240, 142, 230;
                          --pinkpurple-4: 232, 101, 223;
                          --pinkpurple-5: 225, 62, 219;
                          --pinkpurple-6: 217, 26, 217;
                          --pinkpurple-7: 176, 16, 182;
                          --pinkpurple-8: 138, 9, 147;
                          --pinkpurple-9: 101, 3, 112;
                          --pinkpurple-10: 66, 0, 77;
                          --magenta-1: 255, 232, 241;
                          --magenta-2: 253, 194, 219;
                          --magenta-3: 251, 157, 199;
                          --magenta-4: 249, 121, 183;
                          --magenta-5: 247, 84, 168;
                          --magenta-6: 245, 49, 157;
                          --magenta-7: 203, 30, 131;
                          --magenta-8: 161, 16, 105;
                          --magenta-9: 119, 6, 79;
                          --magenta-10: 77, 0, 52;
                          --gray-1: 247, 248, 250;
                          --gray-2: 242, 243, 245;
                          --gray-3: 229, 230, 235;
                          --gray-4: 201, 205, 212;
                          --gray-5: 169, 174, 184;
                          --gray-6: 134, 144, 156;
                          --gray-7: 107, 119, 133;
                          --gray-8: 78, 89, 105;
                          --gray-9: 39, 46, 59;
                          --gray-10: 29, 33, 41;
                          --success-1: var(--green-1);
                          --success-2: var(--green-2);
                          --success-3: var(--green-3);
                          --success-4: var(--green-4);
                          --success-5: var(--green-5);
                          --success-6: var(--green-6);
                          --success-7: var(--green-7);
                          --success-8: var(--green-8);
                          --success-9: var(--green-9);
                          --success-10: var(--green-10);
                          --primary-1: var(--arcoblue-1);
                          --primary-2: var(--arcoblue-2);
                          --primary-3: var(--arcoblue-3);
                          --primary-4: var(--arcoblue-4);
                          --primary-5: var(--arcoblue-5);
                          --primary-6: var(--arcoblue-6);
                          --primary-7: var(--arcoblue-7);
                          --primary-8: var(--arcoblue-8);
                          --primary-9: var(--arcoblue-9);
                          --primary-10: var(--arcoblue-10);
                          --danger-1: var(--red-1);
                          --danger-2: var(--red-2);
                          --danger-3: var(--red-3);
                          --danger-4: var(--red-4);
                          --danger-5: var(--red-5);
                          --danger-6: var(--red-6);
                          --danger-7: var(--red-7);
                          --danger-8: var(--red-8);
                          --danger-9: var(--red-9);
                          --danger-10: var(--red-10);
                          --warning-1: var(--orange-1);
                          --warning-2: var(--orange-2);
                          --warning-3: var(--orange-3);
                          --warning-4: var(--orange-4);
                          --warning-5: var(--orange-5);
                          --warning-6: var(--orange-6);
                          --warning-7: var(--orange-7);
                          --warning-8: var(--orange-8);
                          --warning-9: var(--orange-9);
                          --warning-10: var(--orange-10);
                          --link-1: var(--arcoblue-1);
                          --link-2: var(--arcoblue-2);
                          --link-3: var(--arcoblue-3);
                          --link-4: var(--arcoblue-4);
                          --link-5: var(--arcoblue-5);
                          --link-6: var(--arcoblue-6);
                          --link-7: var(--arcoblue-7);
                          --link-8: var(--arcoblue-8);
                          --link-9: var(--arcoblue-9);
                          --link-10: var(--arcoblue-10);
                          --data-1: var(--arcoblue-5);
                          --data-2: var(--arcoblue-2);
                          --data-3: 85, 197, 253;
                          --data-4: 156, 220, 252;
                          --data-5: var(--orange-6);
                          --data-6: var(--orange-3);
                          --data-7: var(--green-4);
                          --data-8: var(--green-2);
                          --data-9: var(--purple-4);
                          --data-10: var(--purple-2);
                          --data-11: var(--gold-6);
                          --data-12: var(--gold-4);
                          --data-13: var(--lime-6);
                          --data-14: var(--lime-4);
                          --data-15: var(--magenta-4);
                          --data-16: var(--magenta-3);
                          --data-17: var(--cyan-6);
                          --data-18: var(--cyan-3);
                          --data-19: var(--pinkpurple-4);
                          --data-20: var(--pinkpurple-2);
                      }

body[arco-theme='dark'] {
    --red-1: 77, 0, 10;
    --red-2: 119, 6, 17;
    --red-3: 161, 22, 31;
    --red-4: 203, 46, 52;
    --red-5: 245, 78, 78;
    --red-6: 247, 105, 101;
    --red-7: 249, 141, 134;
    --red-8: 251, 176, 167;
    --red-9: 253, 209, 202;
    --red-10: 255, 240, 236;
    --orangered-1: 77, 14, 0;
    --orangered-2: 119, 30, 5;
    --orangered-3: 162, 55, 20;
    --orangered-4: 204, 87, 41;
    --orangered-5: 247, 126, 69;
    --orangered-6: 249, 146, 90;
    --orangered-7: 250, 173, 125;
    --orangered-8: 252, 198, 161;
    --orangered-9: 253, 222, 197;
    --orangered-10: 255, 244, 235;
    --orange-1: 77, 27, 0;
    --orange-2: 121, 48, 4;
    --orange-3: 166, 75, 10;
    --orange-4: 210, 105, 19;
    --orange-5: 255, 141, 31;
    --orange-6: 255, 150, 38;
    --orange-7: 255, 179, 87;
    --orange-8: 255, 205, 135;
    --orange-9: 255, 227, 184;
    --orange-10: 255, 247, 232;
    --gold-1: 77, 45, 0;
    --gold-2: 119, 75, 4;
    --gold-3: 162, 111, 15;
    --gold-4: 204, 150, 31;
    --gold-5: 247, 192, 52;
    --gold-6: 249, 204, 68;
    --gold-7: 250, 220, 108;
    --gold-8: 252, 233, 149;
    --gold-9: 253, 244, 190;
    --gold-10: 255, 252, 232;
    --yellow-1: 77, 56, 0;
    --yellow-2: 120, 94, 7;
    --yellow-3: 163, 134, 20;
    --yellow-4: 207, 179, 37;
    --yellow-5: 250, 225, 60;
    --yellow-6: 251, 233, 75;
    --yellow-7: 252, 243, 116;
    --yellow-8: 253, 250, 157;
    --yellow-9: 254, 254, 198;
    --yellow-10: 254, 255, 240;
    --lime-1: 42, 77, 0;
    --lime-2: 68, 112, 6;
    --lime-3: 98, 148, 18;
    --lime-4: 132, 183, 35;
    --lime-5: 168, 219, 57;
    --lime-6: 184, 226, 75;
    --lime-7: 203, 233, 112;
    --lime-8: 222, 241, 152;
    --lime-9: 238, 248, 194;
    --lime-10: 253, 255, 238;
    --green-1: 0, 77, 28;
    --green-2: 4, 102, 37;
    --green-3: 10, 128, 45;
    --green-4: 18, 154, 55;
    --green-5: 29, 180, 64;
    --green-6: 39, 195, 70;
    --green-7: 80, 210, 102;
    --green-8: 126, 225, 139;
    --green-9: 178, 240, 183;
    --green-10: 235, 255, 236;
    --cyan-1: 0, 66, 77;
    --cyan-2: 6, 97, 108;
    --cyan-3: 17, 131, 139;
    --cyan-4: 31, 166, 170;
    --cyan-5: 48, 201, 201;
    --cyan-6: 63, 212, 207;
    --cyan-7: 102, 223, 215;
    --cyan-8: 144, 233, 225;
    --cyan-9: 190, 244, 237;
    --cyan-10: 240, 255, 252;
    --blue-1: 0, 26, 77;
    --blue-2: 5, 47, 120;
    --blue-3: 19, 76, 163;
    --blue-4: 41, 113, 207;
    --blue-5: 70, 154, 250;
    --blue-6: 90, 170, 251;
    --blue-7: 125, 193, 252;
    --blue-8: 161, 213, 253;
    --blue-9: 198, 232, 254;
    --blue-10: 234, 248, 255;
    --arcoblue-1: 0, 13, 77;
    --arcoblue-2: 4, 27, 121;
    --arcoblue-3: 14, 50, 166;
    --arcoblue-4: 29, 77, 210;
    --arcoblue-5: 48, 111, 255;
    --arcoblue-6: 60, 126, 255;
    --arcoblue-7: 104, 159, 255;
    --arcoblue-8: 147, 190, 255;
    --arcoblue-9: 190, 218, 255;
    --arcoblue-10: 234, 244, 255;
    --purple-1: 22, 0, 77;
    --purple-2: 39, 6, 110;
    --purple-3: 62, 19, 143;
    --purple-4: 90, 37, 176;
    --purple-5: 123, 61, 209;
    --purple-6: 142, 81, 218;
    --purple-7: 169, 116, 227;
    --purple-8: 197, 154, 237;
    --purple-9: 223, 194, 246;
    --purple-10: 247, 237, 255;
    --pinkpurple-1: 66, 0, 77;
    --pinkpurple-2: 101, 3, 112;
    --pinkpurple-3: 138, 13, 147;
    --pinkpurple-4: 176, 27, 182;
    --pinkpurple-5: 217, 46, 217;
    --pinkpurple-6: 225, 61, 219;
    --pinkpurple-7: 232, 102, 223;
    --pinkpurple-8: 240, 146, 230;
    --pinkpurple-9: 247, 193, 240;
    --pinkpurple-10: 255, 242, 253;
    --magenta-1: 77, 0, 52;
    --magenta-2: 119, 8, 80;
    --magenta-3: 161, 23, 108;
    --magenta-4: 203, 43, 136;
    --magenta-5: 245, 69, 166;
    --magenta-6: 247, 86, 169;
    --magenta-7: 249, 122, 184;
    --magenta-8: 251, 158, 200;
    --magenta-9: 253, 195, 219;
    --magenta-10: 255, 232, 241;
    --gray-1: 23, 23, 26;
    --gray-2: 46, 46, 48;
    --gray-3: 72, 72, 73;
    --gray-4: 95, 95, 96;
    --gray-5: 120, 120, 122;
    --gray-6: 146, 146, 147;
    --gray-7: 171, 171, 172;
    --gray-8: 197, 197, 197;
    --gray-9: 223, 223, 223;
    --gray-10: 246, 246, 246;
    --primary-1: var(--arcoblue-1);
    --primary-2: var(--arcoblue-2);
    --primary-3: var(--arcoblue-3);
    --primary-4: var(--arcoblue-4);
    --primary-5: var(--arcoblue-5);
    --primary-6: var(--arcoblue-6);
    --primary-7: var(--arcoblue-7);
    --primary-8: var(--arcoblue-8);
    --primary-9: var(--arcoblue-9);
    --primary-10: var(--arcoblue-10);
    --success-1: var(--green-1);
    --success-2: var(--green-2);
    --success-3: var(--green-3);
    --success-4: var(--green-4);
    --success-5: var(--green-5);
    --success-6: var(--green-6);
    --success-7: var(--green-7);
    --success-8: var(--green-8);
    --success-9: var(--green-9);
    --success-10: var(--green-10);
    --danger-1: var(--red-1);
    --danger-2: var(--red-2);
    --danger-3: var(--red-3);
    --danger-4: var(--red-4);
    --danger-5: var(--red-5);
    --danger-6: var(--red-6);
    --danger-7: var(--red-7);
    --danger-8: var(--red-8);
    --danger-9: var(--red-9);
    --danger-10: var(--red-10);
    --warning-1: var(--orange-1);
    --warning-2: var(--orange-2);
    --warning-3: var(--orange-3);
    --warning-4: var(--orange-4);
    --warning-5: var(--orange-5);
    --warning-6: var(--orange-6);
    --warning-7: var(--orange-7);
    --warning-8: var(--orange-8);
    --warning-9: var(--orange-9);
    --warning-10: var(--orange-10);
    --link-1: var(--arcoblue-1);
    --link-2: var(--arcoblue-2);
    --link-3: var(--arcoblue-3);
    --link-4: var(--arcoblue-4);
    --link-5: var(--arcoblue-5);
    --link-6: var(--arcoblue-6);
    --link-7: var(--arcoblue-7);
    --link-8: var(--arcoblue-8);
    --link-9: var(--arcoblue-9);
    --link-10: var(--arcoblue-10);
    --data-1: var(--arcoblue-5);
    --data-2: var(--arcoblue-3);
    --data-3: var(--blue-5);
    --data-4: var(--blue-3);
    --data-5: var(--orange-6);
    --data-6: var(--orange-3);
    --data-7: var(--green-4);
    --data-8: var(--green-3);
    --data-9: var(--purple-4);
    --data-10: var(--purple-3);
    --data-11: var(--gold-6);
    --data-12: var(--gold-4);
    --data-13: var(--lime-6);
    --data-14: var(--lime-4);
    --data-15: var(--magenta-4);
    --data-16: var(--magenta-3);
    --data-17: var(--cyan-6);
    --data-18: var(--cyan-3);
    --data-19: var(--pinkpurple-4);
    --data-20: var(--pinkpurple-2);
}

body {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-border: rgb(var(--gray-3));
    --color-bg-popup: var(--color-bg-5);
    --color-bg-1: #fff;
    --color-bg-2: #fff;
    --color-bg-3: #fff;
    --color-bg-4: #fff;
    --color-bg-5: #fff;
    --color-bg-white: #fff;
    --color-neutral-1: rgb(var(--gray-1));
    --color-neutral-2: rgb(var(--gray-2));
    --color-neutral-3: rgb(var(--gray-3));
    --color-neutral-4: rgb(var(--gray-4));
    --color-neutral-5: rgb(var(--gray-5));
    --color-neutral-6: rgb(var(--gray-6));
    --color-neutral-7: rgb(var(--gray-7));
    --color-neutral-8: rgb(var(--gray-8));
    --color-neutral-9: rgb(var(--gray-9));
    --color-neutral-10: rgb(var(--gray-10));
    --color-text-1: var(--color-neutral-10);
    --color-text-2: var(--color-neutral-8);
    --color-text-3: var(--color-neutral-6);
    --color-text-4: var(--color-neutral-4);
    --color-border-1: var(--color-neutral-2);
    --color-border-2: var(--color-neutral-3);
    --color-border-3: var(--color-neutral-4);
    --color-border-4: var(--color-neutral-6);
    --color-fill-1: var(--color-neutral-1);
    --color-fill-2: var(--color-neutral-2);
    --color-fill-3: var(--color-neutral-3);
    --color-fill-4: var(--color-neutral-4);
    --color-primary-light-1: rgb(var(--primary-1));
    --color-primary-light-2: rgb(var(--primary-2));
    --color-primary-light-3: rgb(var(--primary-3));
    --color-primary-light-4: rgb(var(--primary-4));
    --color-secondary: var(--color-neutral-2);
    --color-secondary-hover: var(--color-neutral-3);
    --color-secondary-active: var(--color-neutral-4);
    --color-secondary-disabled: var(--color-neutral-1);
    --color-danger-light-1: rgb(var(--danger-1));
    --color-danger-light-2: rgb(var(--danger-2));
    --color-danger-light-3: rgb(var(--danger-3));
    --color-danger-light-4: rgb(var(--danger-4));
    --color-success-light-1: rgb(var(--success-1));
    --color-success-light-2: rgb(var(--success-2));
    --color-success-light-3: rgb(var(--success-3));
    --color-success-light-4: rgb(var(--success-4));
    --color-warning-light-1: rgb(var(--warning-1));
    --color-warning-light-2: rgb(var(--warning-2));
    --color-warning-light-3: rgb(var(--warning-3));
    --color-warning-light-4: rgb(var(--warning-4));
    --color-link-light-1: rgb(var(--link-1));
    --color-link-light-2: rgb(var(--link-2));
    --color-link-light-3: rgb(var(--link-3));
    --color-link-light-4: rgb(var(--link-4));
    --color-data-1: rgb(var(--arcoblue-5));
    --color-data-2: rgb(var(--arcoblue-3));
    --color-data-3: rgb(var(--blue-5));
    --color-data-4: rgb(var(--blue-3));
    --color-data-5: rgb(var(--orange-6));
    --color-data-6: rgb(var(--orange-3));
    --color-data-7: rgb(var(--green-4));
    --color-data-8: rgb(var(--green-3));
    --color-data-9: rgb(var(--purple-4));
    --color-data-10: rgb(var(--purple-3));
    --color-data-11: rgb(var(--gold-6));
    --color-data-12: rgb(var(--gold-4));
    --color-data-13: rgb(var(--lime-6));
    --color-data-14: rgb(var(--lime-4));
    --color-data-15: rgb(var(--magenta-4));
    --color-data-16: rgb(var(--magenta-3));
    --color-data-17: rgb(var(--cyan-6));
    --color-data-18: rgb(var(--cyan-3));
    --color-data-19: rgb(var(--pinkpurple-4));
    --color-data-20: rgb(var(--pinkpurple-2));
    --border-radius-none: 0;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
    --border-radius-circle: 50%;
    --color-tooltip-bg: rgb(var(--gray-10));
    --color-spin-layer-bg: rgba(255, 255, 255, 0.6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #ffffff;
    --color-menu-dark-hover: rgba(255, 255, 255, 0.04);
    --color-mask-bg: rgba(29, 33, 41, 0.6);
    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;
}

body[arco-theme='dark'] {
    --color-white: rgba(255, 255, 255, 0.9);
    --color-black: #000000;
    --color-border: #333335;
    --color-bg-1: #17171a;
    --color-bg-2: #232324;
    --color-bg-3: #2a2a2b;
    --color-bg-4: #313132;
    --color-bg-5: #373739;
    --color-bg-white: #f6f6f6;
    --color-text-1: rgba(255, 255, 255, 0.9);
    --color-text-2: rgba(255, 255, 255, 0.7);
    --color-text-3: rgba(255, 255, 255, 0.5);
    --color-text-4: rgba(255, 255, 255, 0.3);
    --color-fill-1: rgba(255, 255, 255, 0.04);
    --color-fill-2: rgba(255, 255, 255, 0.08);
    --color-fill-3: rgba(255, 255, 255, 0.12);
    --color-fill-4: rgba(255, 255, 255, 0.16);
    --color-primary-light-1: rgba(var(--primary-6), 0.2);
    --color-primary-light-2: rgba(var(--primary-6), 0.35);
    --color-primary-light-3: rgba(var(--primary-6), 0.5);
    --color-primary-light-4: rgba(var(--primary-6), 0.65);
    --color-secondary: rgba(var(--gray-9), 0.08);
    --color-secondary-hover: rgba(var(--gray-8), 0.16);
    --color-secondary-active: rgba(var(--gray-7), 0.24);
    --color-secondary-disabled: rgba(var(--gray-9), 0.08);
    --color-danger-light-1: rgba(var(--danger-6), 0.2);
    --color-danger-light-2: rgba(var(--danger-6), 0.35);
    --color-danger-light-3: rgba(var(--danger-6), 0.5);
    --color-danger-light-4: rgba(var(--danger-6), 0.65);
    --color-success-light-1: rgba(var(--success-6), 0.2);
    --color-success-light-2: rgba(var(--success-6), 0.35);
    --color-success-light-3: rgba(var(--success-6), 0.5);
    --color-success-light-4: rgba(var(--success-6), 0.65);
    --color-warning-light-1: rgba(var(--warning-6), 0.2);
    --color-warning-light-2: rgba(var(--warning-6), 0.35);
    --color-warning-light-3: rgba(var(--warning-6), 0.5);
    --color-warning-light-4: rgba(var(--warning-6), 0.65);
    --color-link-light-1: rgba(var(--link-6), 0.2);
    --color-link-light-2: rgba(var(--link-6), 0.35);
    --color-link-light-3: rgba(var(--link-6), 0.5);
    --color-link-light-4: rgba(var(--link-6), 0.65);
    --color-tooltip-bg: #373739;
    --color-spin-layer-bg: rgba(51, 51, 51, 0.6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #232324;
    --color-menu-dark-hover: var(--color-fill-2);
    --color-mask-bg: rgba(23, 23, 26, 0.6);
}

/* stylelint-disable */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html,
body {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-font-smoothing: antialiased;
    /* chrome、safari */
    -moz-osx-font-smoothing: grayscale;
    /* firefox */
    font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
    padding: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

tr,
th {
    margin: 0;
    padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

* {
    outline: none;
}

/**
 * remove input clear icon in IE & Edge
 */
input::-ms-clear,
input::-ms-reveal {
    display: none;
}

.arco-icon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    width: 1em;
    height: 1em;
    vertical-align: -2px;
    stroke: currentColor;
}

.arco-icon[fill='currentColor'] {
    fill: currentColor;
    stroke: none;
}

.arco-icon[stroke='currentColor'] {
    stroke: currentColor;
    fill: none;
}

.arco-icon[fill='currentColor'][stroke='currentColor'] {
    fill: currentColor;
    stroke: currentColor;
}

.arco-icon-loading {
    -webkit-animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
    -moz-animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
    animation: arco-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
}

@-webkit-keyframes arco-loading-circle {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes arco-loading-circle {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes arco-loading-circle {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.arco-icon-hover {
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 0;
}

.arco-icon-hover .arco-icon {
    position: relative;
    vertical-align: -0.09em;
}

.arco-icon-hover::before {
    content: '';
    position: absolute;
    display: block;
    border-radius: var(--border-radius-circle);
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-icon-hover:hover::before {
    background-color: var(--color-fill-2);
}

.arco-icon-hover.arco-icon-hover-disabled::before {
    opacity: 0;
}

.arco-icon-hover::before {
    top: 50%;
    left: 50%;
    height: 20px;
    width: 20px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-icon-hover-size-mini::before {
    top: 50%;
    left: 50%;
    height: 20px;
    width: 20px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-icon-hover-size-small::before {
    top: 50%;
    left: 50%;
    height: 20px;
    width: 20px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-icon-hover-size-large::before {
    top: 50%;
    left: 50%;
    height: 24px;
    width: 24px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-icon-hover-size-huge::before {
    top: 50%;
    left: 50%;
    height: 24px;
    width: 24px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fadeInStandard-enter,
.fadeInStandard-appear {
    opacity: 0;
}

.fadeInStandard-enter-active,
.fadeInStandard-appear-active {
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.fadeInStandard-exit {
    opacity: 1;
}

.fadeInStandard-exit-active {
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.fadeIn-enter,
.fadeIn-appear {
    opacity: 0;
}

.fadeIn-enter-active,
.fadeIn-appear-active {
    opacity: 1;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}

.fadeIn-exit {
    opacity: 1;
}

.fadeIn-exit-active {
    opacity: 0;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}

.slideDynamicOrigin-enter,
.slideDynamicOrigin-appear {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.9) translateZ(0);
    -moz-transform: scaleY(0.9) translateZ(0);
    transform: scaleY(0.9) translateZ(0);
}

.slideDynamicOrigin-enter-active,
.slideDynamicOrigin-appear-active {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1) translateZ(0);
    -moz-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
    -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideDynamicOrigin-exit {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1) translateZ(0);
    -moz-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
    -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideDynamicOrigin-exit-active {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.9) translateZ(0);
    -moz-transform: scaleY(0.9) translateZ(0);
    transform: scaleY(0.9) translateZ(0);
    -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideLeft-enter,
.slideLeft-appear {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.slideLeft-enter-active,
.slideLeft-appear-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideLeft-exit {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.slideLeft-exit-active {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideRight-enter,
.slideRight-appear {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.slideRight-enter-active,
.slideRight-appear-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideRight-exit {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.slideRight-exit-active {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideTop-enter,
.slideTop-appear {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.slideTop-enter-active,
.slideTop-appear-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideTop-exit {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.slideTop-exit-active {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideBottom-enter,
.slideBottom-appear {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.slideBottom-enter-active,
.slideBottom-appear-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideBottom-exit {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.slideBottom-exit-active {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.zoomIn-enter,
.zoomIn-appear {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}

.zoomIn-enter-active,
.zoomIn-appear-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.zoomIn-exit {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}

.zoomIn-exit-active {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomInFadeOut-enter,
.zoomInFadeOut-appear {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}

.zoomInFadeOut-enter-active,
.zoomInFadeOut-appear-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.zoomInFadeOut-exit {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}

.zoomInFadeOut-exit-active {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomInBig-enter,
.zoomInBig-appear {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}

.zoomInBig-enter-active,
.zoomInBig-appear-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1);
}

.zoomInBig-exit {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}

.zoomInBig-exit-active {
    opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 1, 1), -moz-transform 0.2s cubic-bezier(0, 0, 1, 1);
}

.zoomInLeft-enter,
.zoomInLeft-appear {
    opacity: 0.1;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
}

.zoomInLeft-enter-active,
.zoomInLeft-appear-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomInLeft-exit {
    opacity: 1;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}

.zoomInLeft-exit-active {
    opacity: 0.1;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomInTop-enter,
.zoomInTop-appear {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8) translateZ(0);
    -moz-transform: scaleY(0.8) translateZ(0);
    transform: scaleY(0.8) translateZ(0);
}

.zoomInTop-enter-active,
.zoomInTop-appear-active {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1) translateZ(0);
    -moz-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomInTop-exit {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1) translateZ(0);
    -moz-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
}

.zoomInTop-exit-active {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8) translateZ(0);
    -moz-transform: scaleY(0.8) translateZ(0);
    transform: scaleY(0.8) translateZ(0);
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomInBottom-enter,
.zoomInBottom-appear {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8) translateZ(0);
    -moz-transform: scaleY(0.8) translateZ(0);
    transform: scaleY(0.8) translateZ(0);
}

.zoomInBottom-enter-active,
.zoomInBottom-appear-active {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1) translateZ(0);
    -moz-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomInBottom-exit {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1) translateZ(0);
    -moz-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
}

.zoomInBottom-exit-active {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8) translateZ(0);
    -moz-transform: scaleY(0.8) translateZ(0);
    transform: scaleY(0.8) translateZ(0);
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

body {
    font-size: 14px;
}

@-webkit-keyframes arco-draggable-item-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes arco-draggable-item-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@keyframes arco-draggable-item-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.arco-draggable-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-draggable-item-dragging {
    opacity: 0.3;
}

.arco-draggable-item-dragover.arco-draggable-item-gap-left {
    -webkit-box-shadow: -1px 0 rgb(var(--primary-6));
    box-shadow: -1px 0 rgb(var(--primary-6));
}

.arco-draggable-item-dragover.arco-draggable-item-gap-right {
    -webkit-box-shadow: 1px 0 rgb(var(--primary-6));
    box-shadow: 1px 0 rgb(var(--primary-6));
}

.arco-draggable-item-dragover.arco-draggable-item-gap-top {
    -webkit-box-shadow: 0 -1px rgb(var(--primary-6));
    box-shadow: 0 -1px rgb(var(--primary-6));
}

.arco-draggable-item-dragover.arco-draggable-item-gap-bottom {
    -webkit-box-shadow: 0 1px rgb(var(--primary-6));
    box-shadow: 0 1px rgb(var(--primary-6));
}

.arco-draggable-item-dragged {
    -webkit-animation: arco-draggable-item-blink 0.8s;
    -moz-animation: arco-draggable-item-blink 0.8s;
    animation: arco-draggable-item-blink 0.8s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}

.arco-overflow {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    max-width: 100%;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-overflow-item {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
}

.arco-overflow-item-hidden {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.arco-picker {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 11px 4px 4px;
    line-height: 1.5715;
    border-radius: var(--border-radius-small);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-picker-input {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-picker input {
    text-align: left;
    padding: 0;
    padding-left: 8px;
    border: none;
    width: 100%;
    color: var(--color-text-1);
    background-color: transparent;
    line-height: 1.5715;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-picker input::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-picker input::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-picker input::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-picker input:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-picker input:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-picker input::placeholder {
    color: var(--color-text-3);
}

.arco-picker-input-placeholder input {
    color: var(--color-text-3);
}

.arco-picker-has-prefix {
    padding-left: 12px;
}

.arco-picker-prefix {
    color: var(--color-text-2);
    padding-right: 4px;
    font-size: 14px;
}

.arco-picker-suffix {
    width: 14px;
    margin-left: 4px;
    text-align: center;
}

.arco-picker-suffix-icon {
    color: var(--color-text-2);
}

.arco-picker .arco-picker-clear-icon {
    display: none;
    font-size: 12px;
    color: var(--color-text-2);
}

.arco-picker:hover {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-picker:not(.arco-picker-disabled):hover .arco-picker-clear-icon {
    display: inline-block;
}

.arco-picker:not(.arco-picker-disabled):hover .arco-picker-suffix .arco-picker-clear-icon + span {
    display: none;
}

.arco-picker-focused {
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-picker-focused,
.arco-picker-focused:hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
}

.arco-picker-focused .arco-picker-input-active input,
.arco-picker-focused:hover .arco-picker-input-active input {
    background: var(--color-primary-light-1);
}

.arco-picker-error:not(.arco-picker-disabled) {
    border-color: transparent;
    background-color: var(--color-danger-light-1);
}

.arco-picker-error:not(.arco-picker-disabled):hover {
    border-color: transparent;
    background-color: var(--color-danger-light-2);
}

.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled),
.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled):hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-picker-warning:not(.arco-picker-disabled) {
    border-color: transparent;
    background-color: var(--color-warning-light-1);
}

.arco-picker-warning:not(.arco-picker-disabled):hover {
    border-color: transparent;
    background-color: var(--color-warning-light-2);
}

.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled),
.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled):hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-picker input[disabled] {
    cursor: not-allowed;
    color: var(--color-text-4);
    -webkit-text-fill-color: var(--color-text-4);
}

.arco-picker input[disabled]::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-picker input[disabled]::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-picker input[disabled]::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-picker input[disabled]:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-picker input[disabled]:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-picker input[disabled]::placeholder {
    color: var(--color-text-4);
}

.arco-picker-disabled,
.arco-picker-disabled:hover {
    color: var(--color-text-4);
    border-color: transparent;
    background-color: var(--color-fill-2);
    cursor: not-allowed;
}

.arco-picker-disabled input[disabled],
.arco-picker-disabled:hover input[disabled] {
    cursor: not-allowed;
    color: var(--color-text-4);
    -webkit-text-fill-color: var(--color-text-4);
}

.arco-picker-disabled input[disabled]::-webkit-input-placeholder,
.arco-picker-disabled:hover input[disabled]::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-picker-disabled input[disabled]::-moz-placeholder,
.arco-picker-disabled:hover input[disabled]::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-picker-disabled input[disabled]::-ms-input-placeholder,
.arco-picker-disabled:hover input[disabled]::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-picker-disabled input[disabled]:-moz-placeholder,
.arco-picker-disabled:hover input[disabled]:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-picker-disabled input[disabled]:-ms-input-placeholder,
.arco-picker-disabled:hover input[disabled]:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-picker-disabled input[disabled]::placeholder,
.arco-picker-disabled:hover input[disabled]::placeholder {
    color: var(--color-text-4);
}

.arco-picker-separator {
    min-width: 10px;
    padding: 0 8px;
    color: var(--color-text-3);
}

.arco-picker-disabled .arco-picker-separator {
    color: var(--color-text-4);
}

.arco-picker-disabled .arco-picker-suffix-icon {
    color: var(--color-text-4);
}

.arco-picker-size-mini {
    height: 24px;
}

.arco-picker-size-mini input {
    font-size: 12px;
}

.arco-picker-size-small {
    height: 28px;
}

.arco-picker-size-small input {
    font-size: 14px;
}

.arco-picker-size-default {
    height: 32px;
}

.arco-picker-size-default input {
    font-size: 14px;
}

.arco-picker-size-large {
    height: 36px;
}

.arco-picker-size-large input {
    font-size: 14px;
}

.arco-picker-rtl {
    direction: rtl;
    padding: 4px 4px 4px 11px;
}

.arco-picker-rtl input {
    text-align: right;
    padding-left: 0;
    padding-right: 8px;
}

.arco-picker-rtl .arco-picker-suffix {
    margin-left: 0;
    margin-right: 4px;
}

.arco-affix {
    position: fixed;
    z-index: 999;
}

/*****************************************************
 * type: info / warning / error /success
 *****************************************************/
.arco-alert {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
    padding: 8px 15px;
    font-size: 14px;
    overflow: hidden;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: left;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5715;
}

.arco-alert-with-title {
    padding: 15px 15px;
}

.arco-alert-with-title {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.arco-alert-info {
    border: 1px solid transparent;
    background-color: var(--color-primary-light-1);
}

.arco-alert-success {
    border: 1px solid transparent;
    background-color: var(--color-success-light-1);
}

.arco-alert-warning {
    border: 1px solid transparent;
    background-color: var(--color-warning-light-1);
}

.arco-alert-error {
    border: 1px solid transparent;
    background-color: var(--color-danger-light-1);
}

.arco-alert-banner {
    border: none;
    border-radius: 0;
}

.arco-alert-content-wrapper {
    position: relative;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-alert-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 4px;
}

.arco-alert-info .arco-alert-title {
    color: var(--color-text-1);
}

.arco-alert-info .arco-alert-content {
    color: var(--color-text-1);
}

.arco-alert-info.arco-alert-with-title .arco-alert-content {
    color: var(--color-text-2);
}

.arco-alert-success .arco-alert-title {
    color: var(--color-text-1);
}

.arco-alert-success .arco-alert-content {
    color: var(--color-text-1);
}

.arco-alert-success.arco-alert-with-title .arco-alert-content {
    color: var(--color-text-2);
}

.arco-alert-warning .arco-alert-title {
    color: var(--color-text-1);
}

.arco-alert-warning .arco-alert-content {
    color: var(--color-text-1);
}

.arco-alert-warning.arco-alert-with-title .arco-alert-content {
    color: var(--color-text-2);
}

.arco-alert-error .arco-alert-title {
    color: var(--color-text-1);
}

.arco-alert-error .arco-alert-content {
    color: var(--color-text-1);
}

.arco-alert-error.arco-alert-with-title .arco-alert-content {
    color: var(--color-text-2);
}

.arco-alert-icon-wrapper {
    margin-right: 8px;
    height: 22.001px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-alert-icon-wrapper svg {
    font-size: 16px;
}

.arco-alert-with-title .arco-alert-icon-wrapper {
    height: 24px;
}

.arco-alert-with-title .arco-alert-icon-wrapper svg {
    font-size: 18px;
}

.arco-alert-info .arco-alert-icon-wrapper svg {
    color: rgb(var(--primary-6));
}

.arco-alert-success .arco-alert-icon-wrapper svg {
    color: rgb(var(--success-6));
}

.arco-alert-warning .arco-alert-icon-wrapper svg {
    color: rgb(var(--warning-6));
}

.arco-alert-error .arco-alert-icon-wrapper svg {
    color: rgb(var(--danger-6));
}

.arco-alert-close-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border: none;
    outline: none;
    font-size: 12px;
    color: var(--color-text-2);
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    margin-left: 8px;
    top: 4px;
    right: 0;
}

.arco-alert-close-btn:hover {
    color: var(--color-text-1);
}

.arco-alert-action + .arco-alert-close-btn {
    margin-left: 8px;
}

.arco-alert-action {
    margin-left: 8px;
}

.arco-alert-with-title .arco-alert-close-btn {
    margin-top: 0;
    margin-right: 0;
}

.arco-alert-rtl {
    direction: rtl;
    text-align: right;
}

.arco-alert-rtl .arco-alert-with-title {
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.arco-alert-rtl .arco-alert-icon-wrapper {
    margin-right: 0;
    margin-left: 8px;
}

.arco-alert-rtl .arco-alert-close-btn {
    right: initial;
    left: 0;
}

.arco-alert-rtl .arco-alert-action {
    margin-left: 0;
    margin-right: 8px;
}

.arco-alert-rtl .arco-alert-action + .arco-alert-close-btn {
    margin-left: 0;
    margin-right: 8px;
}

.arco-anchor {
    position: relative;
    width: 150px;
    overflow: auto;
}

.arco-anchor-line-slider {
    position: absolute;
    height: 12px;
    width: 2px;
    margin-top: 9.0005px;
    background-color: rgb(var(--primary-6));
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    z-index: 1;
}

.arco-anchor-list {
    margin-left: 6px;
    position: relative;
}

.arco-anchor-list::before {
    content: '';
    position: absolute;
    height: 100%;
    background-color: var(--color-fill-3);
    width: 2px;
    left: -6px;
}

.arco-anchor-link {
    margin-bottom: 2px;
}

.arco-anchor-link-title {
    color: var(--color-text-2);
    line-height: 1.5715;
    font-size: 14px;
    margin-bottom: 2px;
    padding: 4px 8px;
    text-decoration: none;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    border-radius: var(--border-radius-small);
}

.arco-anchor-link-title:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1);
    font-weight: 500;
}

.arco-anchor-link-title:focus-visible {
    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--primary-6));
    box-shadow: inset 0 0 0 2px rgb(var(--primary-6));
}

.arco-anchor-link-active > .arco-anchor-link-title {
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    color: var(--color-text-1);
    font-weight: 500;
}

.arco-anchor-link .arco-anchor-link {
    margin-left: 16px;
}

.arco-anchor-lineless .arco-anchor-list {
    margin-left: 0;
}

.arco-anchor-lineless .arco-anchor-list::before {
    display: none;
}

.arco-anchor-lineless .arco-anchor-link-active > .arco-anchor-link-title {
    background-color: var(--color-fill-2);
    color: rgb(var(--primary-6));
    font-weight: 500;
}

.arco-anchor-rtl {
    direction: rtl;
}

.arco-anchor-rtl .arco-anchor-list {
    margin-left: 0;
    margin-right: 6px;
}

.arco-anchor-rtl .arco-anchor-list::before {
    left: initial;
    right: -6px;
}

.arco-anchor-rtl .arco-anchor-link .arco-anchor-link {
    margin-left: 0;
    margin-right: 16px;
}

.arco-anchor-rtl.arco-anchor-lineless .arco-anchor-list {
    margin-right: 0;
}

.arco-anchor-rtl .arco-anchor-line-slider {
    left: initial;
    right: 0;
}

.arco-anchor.arco-anchor-horizontal {
    width: 100%;
}

.arco-anchor-horizontal .arco-anchor-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
}

.arco-anchor-horizontal .arco-anchor-list::before {
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 2px;
}

.arco-anchor-horizontal .arco-anchor-link-title:hover {
    font-weight: 400;
}

.arco-anchor-horizontal .arco-anchor-link-active .arco-anchor-link-title:hover {
    font-weight: 500;
}

.arco-anchor-horizontal .arco-anchor-link:not(:first-of-type) {
    margin-left: 16px;
}

.arco-anchor-rtl.arco-anchor-horizontal .arco-anchor-link:not(:first-of-type) {
    margin-right: 16px;
    margin-left: unset;
}

.arco-anchor-horizontal .arco-anchor-line-slider {
    height: 2px;
    width: 0;
    margin: 0;
    top: unset;
    bottom: 0;
    background-color: transparent;
    right: unset;
}

.arco-anchor-horizontal .arco-anchor-line-slider::before {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    right: 8px;
    height: 100%;
    background-color: rgb(var(--primary-6));
}

.arco-anchor.arco-anchor-lineless .arco-anchor-link,
.arco-anchor.arco-anchor-lineless .arco-anchor-link-title {
    margin-bottom: 0;
}

/**********************************************
 * Popup Box
 **********************************************/
/**********************************************
 * Popup Options
 * status: default / disabled / selected / hover
 **********************************************/
.arco-autocomplete-popup .arco-select-popup {
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner {
    padding: 4px 0;
    max-height: 200px;
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option {
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 36px;
    color: var(--color-text-1);
    background-color: var(--color-bg-popup);
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
    color: var(--color-text-1);
    background-color: var(--color-bg-popup);
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled {
    color: var(--color-text-4);
    background-color: var(--color-bg-popup);
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
    font-weight: 500;
}

.arco-avatar {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: var(--color-fill-4);
    white-space: nowrap;
    color: var(--color-white);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    font-size: 20px;
}

.arco-avatar-circle {
    border-radius: var(--border-radius-circle);
}

.arco-avatar-circle .arco-avatar-image {
    border-radius: var(--border-radius-circle);
    overflow: hidden;
}

.arco-avatar-square {
    border-radius: var(--border-radius-medium);
}

.arco-avatar-square .arco-avatar-image {
    border-radius: var(--border-radius-medium);
    overflow: hidden;
}

.arco-avatar-text {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    transform-origin: 0 center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 500;
    line-height: 1;
}

.arco-avatar-image {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
}

.arco-avatar-image img,
.arco-avatar-image picture {
    width: 100%;
    height: 100%;
}

.arco-avatar-trigger-icon-button {
    position: absolute;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -4px;
    right: -4px;
    color: var(--color-fill-4);
    font-size: 12px;
    border-radius: var(--border-radius-circle);
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: var(--color-neutral-2);
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    z-index: 1;
}

.arco-avatar-trigger-icon-mask {
    position: absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    z-index: 0;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 16px;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    border-radius: var(--border-radius-medium);
    background-color: rgba(29, 33, 41, 0.6);
    color: var(--color-white);
}

.arco-avatar-circle .arco-avatar-trigger-icon-mask {
    border-radius: var(--border-radius-circle);
}

.arco-avatar-with-trigger-icon {
    cursor: pointer;
}

.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-mask {
    z-index: 2;
    opacity: 1;
}

.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-button {
    background-color: var(--color-neutral-3);
}

.arco-avatar-rtl {
    direction: rtl;
}

.arco-avatar-rtl .arco-avatar-trigger-icon-button {
    right: unset;
    left: -4px;
}

.arco-avatar-group {
    display: inline-block;
    line-height: 0;
}

.arco-avatar-group-max-count-avatar {
    cursor: default;
    color: var(--color-white);
    font-size: 20px;
}

.arco-avatar-group-rtl {
    direction: rtl;
}

.arco-avatar-group .arco-avatar {
    border: 2px solid var(--color-bg-2);
}

.arco-avatar-group .arco-avatar:not(:first-child) {
    margin-left: -10px;
}

.arco-avatar-group-popover .arco-avatar:not(:first-child) {
    margin-left: 4px;
}

.arco-backtop {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 100;
    cursor: pointer;
}

.arco-backtop-button {
    width: 40px;
    height: 40px;
    font-size: 12px;
    text-align: center;
    outline: none;
    background-color: rgb(var(--primary-6));
    border-radius: var(--border-radius-circle);
    color: var(--color-white);
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    cursor: pointer;
    border: none;
}

.arco-backtop-button:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-backtop-button:hover {
    background-color: rgb(var(--primary-5));
}

.arco-backtop-button svg {
    font-size: 14px;
}

.arco-badge {
    display: inline-block;
    position: relative;
    line-height: 1;
}

.arco-badge-rtl {
    direction: rtl;
}

.arco-badge-number,
.arco-badge-dot,
.arco-badge-text,
.arco-badge-custom-dot {
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    top: 2px;
    right: 2px;
    overflow: hidden;
}

.arco-badge-rtl .arco-badge-number,
.arco-badge-rtl .arco-badge-dot,
.arco-badge-rtl .arco-badge-text,
.arco-badge-rtl .arco-badge-custom-dot {
    right: unset;
}

.arco-badge-custom-dot {
    background-color: var(--color-bg-2);
}

.arco-badge-number,
.arco-badge-text {
    height: 20px;
    min-width: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 6px;
    font-size: 12px;
    color: var(--color-white);
    background-color: rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 2px var(--color-bg-2);
    box-shadow: 0 0 0 2px var(--color-bg-2);
}

.arco-badge-dot {
    width: 6px;
    height: 6px;
    background-color: rgb(var(--danger-6));
    border-radius: var(--border-radius-circle);
    -webkit-box-shadow: 0 0 0 2px var(--color-bg-2);
    box-shadow: 0 0 0 2px var(--color-bg-2);
}

.arco-badge-no-children .arco-badge-dot,
.arco-badge-no-children .arco-badge-number,
.arco-badge-no-children .arco-badge-text {
    position: relative;
    display: inline-block;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    top: unset;
    right: unset;
}

.arco-badge-status-wrapper {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-badge-status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--border-radius-circle);
}

.arco-badge-status-default {
    background-color: var(--color-fill-4);
}

.arco-badge-status-processing {
    background-color: rgb(var(--primary-6));
}

.arco-badge-status-success {
    background-color: rgb(var(--success-6));
}

.arco-badge-status-warning {
    background-color: rgb(var(--warning-6));
}

.arco-badge-status-error {
    background-color: rgb(var(--danger-6));
}

.arco-badge-color-red {
    background-color: rgb(var(--danger-6));
}

.arco-badge-color-orangered {
    background-color: #f77234;
}

.arco-badge-color-orange {
    background-color: rgb(var(--orange-6));
}

.arco-badge-color-gold {
    background-color: rgb(var(--gold-6));
}

.arco-badge-color-lime {
    background-color: rgb(var(--lime-6));
}

.arco-badge-color-green {
    background-color: rgb(var(--success-6));
}

.arco-badge-color-cyan {
    background-color: rgb(var(--cyan-6));
}

.arco-badge-color-arcoblue {
    background-color: rgb(var(--primary-6));
}

.arco-badge-color-purple {
    background-color: rgb(var(--purple-6));
}

.arco-badge-color-pinkpurple {
    background-color: rgb(var(--pinkpurple-6));
}

.arco-badge-color-magenta {
    background-color: rgb(var(--magenta-6));
}

.arco-badge-color-gray {
    background-color: rgb(var(--gray-4));
}

.arco-badge-status-text {
    color: var(--color-text-1);
    margin-left: 8px;
    font-size: 14px;
    line-height: 1.5715;
}

.arco-badge-rtl .arco-badge-status-text {
    margin-left: 0;
    margin-right: 8px;
}

.arco-badge-number-text {
    display: inline-block;
    -webkit-animation: arco-badge-scale 0.5s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-animation: arco-badge-scale 0.5s cubic-bezier(0.3, 1.3, 0.3, 1);
    animation: arco-badge-scale 0.5s cubic-bezier(0.3, 1.3, 0.3, 1);
}

@-webkit-keyframes arco-badge-scale {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes arco-badge-scale {
    from {
        -moz-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    to {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes arco-badge-scale {
    from {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.badge-zoom-enter,
.badge-zoom-appear {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(50%, -50%) scale(0.2, 0.2);
    -moz-transform: translate(50%, -50%) scale(0.2, 0.2);
    transform: translate(50%, -50%) scale(0.2, 0.2);
}

.badge-zoom-enter-active,
.badge-zoom-appear-active {
    opacity: 1;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(50%, -50%) scale(1, 1);
    -moz-transform: translate(50%, -50%) scale(1, 1);
    transform: translate(50%, -50%) scale(1, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.badge-zoom-exit {
    opacity: 1;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(50%, -50%) scale(1, 1);
    -moz-transform: translate(50%, -50%) scale(1, 1);
    transform: translate(50%, -50%) scale(1, 1);
}

.badge-zoom-exit-active {
    opacity: 0;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(50%, -50%) scale(0.2, 0.2);
    -moz-transform: translate(50%, -50%) scale(0.2, 0.2);
    transform: translate(50%, -50%) scale(0.2, 0.2);
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-breadcrumb {
    display: inline-block;
    font-size: 14px;
    color: var(--color-text-2);
}

.arco-breadcrumb-icon {
    color: var(--color-text-2);
}

.arco-breadcrumb-item {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4px;
    vertical-align: middle;
    line-height: 24px;
    color: var(--color-text-2);
}

.arco-breadcrumb-item > .arco-icon {
    color: var(--color-text-3);
}

.arco-breadcrumb-item a,
.arco-breadcrumb-item[href] {
    display: inline-block;
    border-radius: var(--border-radius-small);
    padding: 0 4px;
    margin: 0 -4px;
    text-decoration: none;
    color: var(--color-text-2);
    background-color: transparent;
}

.arco-breadcrumb-item a:hover,
.arco-breadcrumb-item[href]:hover {
    background-color: var(--color-fill-2);
    color: rgb(var(--link-6));
}

.arco-breadcrumb-item a:focus-visible,
.arco-breadcrumb-item[href]:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
}

.arco-breadcrumb-item:last-child {
    color: var(--color-text-1);
    font-weight: 500;
}

.arco-breadcrumb-item-ellipses {
    display: inline-block;
    position: relative;
    top: -3px;
    padding: 0 4px;
    color: var(--color-text-2);
}

.arco-breadcrumb-item-separator {
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle;
    line-height: 24px;
    color: var(--color-text-4);
}

.arco-breadcrumb-item-with-dropdown {
    cursor: pointer;
}

.arco-breadcrumb-item-dropdown-icon {
    font-size: 12px;
    margin-left: 4px;
    color: var(--color-text-2);
}

.arco-breadcrumb-item-dropdown-icon-active svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arco-breadcrumb-rtl .arco-breadcrumb-item-dropdown-icon {
    margin-left: 0;
    margin-right: 4px;
}

/***** Outline *****/
/***** Primary *****/
/***** Secondary *****/
/***** Dashed *****/
/***** Text *****/
/***** focus-visible *****/
.arco-btn {
    display: inline-block;
    position: relative;
    outline: none;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5715;
}

.arco-btn > a:only-child {
    color: currentColor;
}

.arco-btn:active {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.arco-btn:empty {
    display: inline-block;
    vertical-align: bottom;
}

.arco-btn-long {
    display: block;
    width: 100%;
}

.arco-btn-link {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}

.arco-btn-link:not([href]) {
    color: var(--color-text-4);
}

.arco-btn-link:hover {
    text-decoration: none;
}

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

.arco-btn-loading::before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    background: #fff;
    border-radius: inherit;
    opacity: 0.4;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    pointer-events: none;
}

.arco-btn-loading-fixed-width {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.arco-btn-two-chinese-chars > *:not(svg) {
    letter-spacing: 0.3em;
    margin-right: -0.3em;
}

a.arco-btn-icon-only {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: top;
}

.arco-btn-outline:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--primary-6));
    border: 1px solid rgb(var(--primary-6));
}

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: rgb(var(--primary-5));
    color: rgb(var(--primary-5));
    background-color: transparent;
}

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: rgb(var(--primary-7));
    color: rgb(var(--primary-7));
    background-color: transparent;
}

.arco-btn-outline:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-3));
    box-shadow: 0 0 0 2px rgb(var(--primary-3));
}

.arco-btn-outline.arco-btn-disabled {
    background-color: transparent;
    color: var(--color-primary-light-3);
    border: 1px solid var(--color-primary-light-3);
    cursor: not-allowed;
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--warning-6));
    border-color: rgb(var(--warning-6));
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: rgb(var(--warning-5));
    color: rgb(var(--warning-5));
    background-color: transparent;
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: rgb(var(--warning-7));
    color: rgb(var(--warning-7));
    background-color: transparent;
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--warning-3));
    box-shadow: 0 0 0 2px rgb(var(--warning-3));
}

.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled {
    color: var(--color-warning-light-3);
    background-color: transparent;
    border: 1px solid var(--color-warning-light-3);
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--danger-6));
    border-color: rgb(var(--danger-6));
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: rgb(var(--danger-5));
    color: rgb(var(--danger-5));
    background-color: transparent;
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: rgb(var(--danger-7));
    color: rgb(var(--danger-7));
    background-color: transparent;
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--danger-3));
    box-shadow: 0 0 0 2px rgb(var(--danger-3));
}

.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled {
    color: var(--color-danger-light-3);
    background-color: transparent;
    border: 1px solid var(--color-danger-light-3);
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--success-6));
    border-color: rgb(var(--success-6));
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: rgb(var(--success-5));
    color: rgb(var(--success-5));
    background-color: transparent;
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: rgb(var(--success-7));
    color: rgb(var(--success-7));
    background-color: transparent;
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--success-3));
    box-shadow: 0 0 0 2px rgb(var(--success-3));
}

.arco-btn-outline.arco-btn-status-success.arco-btn-disabled {
    color: var(--color-success-light-3);
    background-color: transparent;
    border: 1px solid var(--color-success-light-3);
}

.arco-btn-primary:not(.arco-btn-disabled) {
    background-color: rgb(var(--primary-6));
    color: #fff;
    border: 1px solid transparent;
}

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--primary-5));
}

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--primary-7));
}

.arco-btn-primary:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-3));
    box-shadow: 0 0 0 2px rgb(var(--primary-3));
}

.arco-btn-primary.arco-btn-disabled {
    background-color: var(--color-primary-light-3);
    color: #fff;
    border: 1px solid transparent;
    cursor: not-allowed;
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: rgb(var(--warning-6));
    color: #fff;
    border-color: transparent;
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--warning-5));
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--warning-7));
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--warning-3));
    box-shadow: 0 0 0 2px rgb(var(--warning-3));
}

.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled {
    color: #fff;
    background-color: var(--color-warning-light-3);
    border: 1px solid transparent;
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: rgb(var(--danger-6));
    color: #fff;
    border-color: transparent;
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--danger-5));
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--danger-7));
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--danger-3));
    box-shadow: 0 0 0 2px rgb(var(--danger-3));
}

.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled {
    color: #fff;
    background-color: var(--color-danger-light-3);
    border: 1px solid transparent;
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: rgb(var(--success-6));
    color: #fff;
    border-color: transparent;
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--success-5));
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: #fff;
    background-color: rgb(var(--success-7));
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--success-3));
    box-shadow: 0 0 0 2px rgb(var(--success-3));
}

.arco-btn-primary.arco-btn-status-success.arco-btn-disabled {
    color: #fff;
    background-color: var(--color-success-light-3);
    border: 1px solid transparent;
}

.arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: var(--color-secondary);
    color: var(--color-text-2);
    border: 1px solid transparent;
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: var(--color-text-2);
    background-color: var(--color-secondary-hover);
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: var(--color-text-2);
    background-color: var(--color-secondary-active);
}

.arco-btn-secondary:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-neutral-4);
    box-shadow: 0 0 0 2px var(--color-neutral-4);
}

.arco-btn-secondary.arco-btn-disabled {
    background-color: var(--color-secondary-disabled);
    color: var(--color-text-4);
    border: 1px solid transparent;
    cursor: not-allowed;
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: var(--color-warning-light-1);
    color: rgb(var(--warning-6));
    border-color: transparent;
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-2);
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-3);
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--warning-3));
    box-shadow: 0 0 0 2px rgb(var(--warning-3));
}

.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled {
    color: var(--color-warning-light-3);
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent;
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: var(--color-danger-light-1);
    color: rgb(var(--danger-6));
    border-color: transparent;
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-2);
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-3);
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--danger-3));
    box-shadow: 0 0 0 2px rgb(var(--danger-3));
}

.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled {
    color: var(--color-danger-light-3);
    background-color: var(--color-danger-light-1);
    border: 1px solid transparent;
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: var(--color-success-light-1);
    color: rgb(var(--success-6));
    border-color: transparent;
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-2);
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-3);
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--success-3));
    box-shadow: 0 0 0 2px rgb(var(--success-3));
}

.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled {
    color: var(--color-success-light-3);
    background-color: var(--color-success-light-1);
    border: 1px solid transparent;
}

.arco-btn-dashed:not(.arco-btn-disabled) {
    background-color: var(--color-fill-2);
    color: var(--color-text-2);
    border: 1px dashed var(--color-neutral-3);
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: var(--color-neutral-4);
    color: var(--color-text-2);
    background-color: var(--color-fill-3);
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: var(--color-neutral-5);
    color: var(--color-text-2);
    background-color: var(--color-fill-4);
}

.arco-btn-dashed:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-neutral-4);
    box-shadow: 0 0 0 2px var(--color-neutral-4);
}

.arco-btn-dashed.arco-btn-disabled {
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
    border: 1px dashed var(--color-neutral-3);
    cursor: not-allowed;
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: var(--color-warning-light-1);
    color: rgb(var(--warning-6));
    border-color: var(--color-warning-light-2);
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: var(--color-warning-light-3);
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-2);
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: var(--color-warning-light-4);
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-3);
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--warning-3));
    box-shadow: 0 0 0 2px rgb(var(--warning-3));
}

.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled {
    color: var(--color-warning-light-3);
    background-color: var(--color-warning-light-1);
    border: 1px dashed var(--color-warning-light-2);
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: var(--color-danger-light-1);
    color: rgb(var(--danger-6));
    border-color: var(--color-danger-light-2);
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: var(--color-danger-light-3);
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-2);
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: var(--color-danger-light-4);
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-3);
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--danger-3));
    box-shadow: 0 0 0 2px rgb(var(--danger-3));
}

.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled {
    color: var(--color-danger-light-3);
    background-color: var(--color-danger-light-1);
    border: 1px dashed var(--color-danger-light-2);
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: var(--color-success-light-1);
    color: rgb(var(--success-6));
    border-color: var(--color-success-light-2);
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: var(--color-success-light-3);
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-2);
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: var(--color-success-light-4);
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-3);
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--success-3));
    box-shadow: 0 0 0 2px rgb(var(--success-3));
}

.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled {
    color: var(--color-success-light-3);
    background-color: var(--color-success-light-1);
    border: 1px dashed var(--color-success-light-2);
}

.arco-btn-text:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--primary-6));
    border: 1px solid transparent;
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: rgb(var(--primary-6));
    background-color: var(--color-fill-2);
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: rgb(var(--primary-6));
    background-color: var(--color-fill-3);
}

.arco-btn-text:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-neutral-4);
    box-shadow: 0 0 0 2px var(--color-neutral-4);
}

.arco-btn-text.arco-btn-disabled {
    background-color: transparent;
    color: var(--color-primary-light-3);
    border: 1px solid transparent;
    cursor: not-allowed;
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--warning-6));
    border-color: transparent;
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: rgb(var(--warning-6));
    background-color: var(--color-fill-2);
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: rgb(var(--warning-6));
    background-color: var(--color-fill-3);
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--warning-3));
    box-shadow: 0 0 0 2px rgb(var(--warning-3));
}

.arco-btn-text.arco-btn-status-warning.arco-btn-disabled {
    color: var(--color-warning-light-3);
    background-color: transparent;
    border: 1px solid transparent;
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--danger-6));
    border-color: transparent;
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: rgb(var(--danger-6));
    background-color: var(--color-fill-2);
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: rgb(var(--danger-6));
    background-color: var(--color-fill-3);
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--danger-3));
    box-shadow: 0 0 0 2px rgb(var(--danger-3));
}

.arco-btn-text.arco-btn-status-danger.arco-btn-disabled {
    color: var(--color-danger-light-3);
    background-color: transparent;
    border: 1px solid transparent;
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled) {
    background-color: transparent;
    color: rgb(var(--success-6));
    border-color: transparent;
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    border-color: transparent;
    color: rgb(var(--success-6));
    background-color: var(--color-fill-2);
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    border-color: transparent;
    color: rgb(var(--success-6));
    background-color: var(--color-fill-3);
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--success-3));
    box-shadow: 0 0 0 2px rgb(var(--success-3));
}

.arco-btn-text.arco-btn-status-success.arco-btn-disabled {
    color: var(--color-success-light-3);
    background-color: transparent;
    border: 1px solid transparent;
}

.arco-btn-size-mini {
    padding: 0 11px;
    font-size: 12px;
    height: 24px;
    border-radius: var(--border-radius-small);
}

.arco-btn-size-mini > svg + span,
.arco-btn-size-mini > span + svg {
    margin-left: 4px;
}

.arco-btn-size-mini svg {
    vertical-align: -2px;
}

.arco-btn-size-mini.arco-btn-rtl > svg + span,
.arco-btn-size-mini.arco-btn-rtl > span + svg {
    margin-left: 0;
    margin-right: 4px;
}

.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 3px;
    padding-right: 3px;
}

.arco-btn-size-mini.arco-btn-icon-only {
    width: 24px;
    height: 24px;
    padding: 0;
}

.arco-btn-size-mini.arco-btn-shape-circle {
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle);
}

.arco-btn-size-mini.arco-btn-shape-round {
    border-radius: -moz-calc(24px * 0.5);
    border-radius: calc(24px * 0.5);
}

.arco-btn-group .arco-btn-size-mini:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-mini:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-size-mini:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child {
    border-radius: -moz-calc(24px * 0.5) 0 0 -moz-calc(24px * 0.5);
    border-radius: calc(24px * 0.5) 0 0 calc(24px * 0.5);
}

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:last-child {
    border-radius: 0 -moz-calc(24px * 0.5) -moz-calc(24px * 0.5) 0;
    border-radius: 0 calc(24px * 0.5) calc(24px * 0.5) 0;
}

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(24px * 0.5);
    border-radius: calc(24px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child {
    border-radius: 0 -moz-calc(24px * 0.5) -moz-calc(24px * 0.5) 0;
    border-radius: 0 calc(24px * 0.5) calc(24px * 0.5) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:last-child {
    border-radius: -moz-calc(24px * 0.5) 0 0 -moz-calc(24px * 0.5);
    border-radius: calc(24px * 0.5) 0 0 calc(24px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(24px * 0.5);
    border-radius: calc(24px * 0.5);
}

.arco-btn-size-small {
    padding: 0 15px;
    font-size: 14px;
    height: 28px;
    border-radius: var(--border-radius-small);
}

.arco-btn-size-small > svg + span,
.arco-btn-size-small > span + svg {
    margin-left: 6px;
}

.arco-btn-size-small svg {
    vertical-align: -2px;
}

.arco-btn-size-small.arco-btn-rtl > svg + span,
.arco-btn-size-small.arco-btn-rtl > span + svg {
    margin-left: 0;
    margin-right: 6px;
}

.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 5px;
    padding-right: 5px;
}

.arco-btn-size-small.arco-btn-icon-only {
    width: 28px;
    height: 28px;
    padding: 0;
}

.arco-btn-size-small.arco-btn-shape-circle {
    width: 28px;
    height: 28px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle);
}

.arco-btn-size-small.arco-btn-shape-round {
    border-radius: -moz-calc(28px * 0.5);
    border-radius: calc(28px * 0.5);
}

.arco-btn-group .arco-btn-size-small:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-small:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-size-small:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child {
    border-radius: -moz-calc(28px * 0.5) 0 0 -moz-calc(28px * 0.5);
    border-radius: calc(28px * 0.5) 0 0 calc(28px * 0.5);
}

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:last-child {
    border-radius: 0 -moz-calc(28px * 0.5) -moz-calc(28px * 0.5) 0;
    border-radius: 0 calc(28px * 0.5) calc(28px * 0.5) 0;
}

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(28px * 0.5);
    border-radius: calc(28px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child {
    border-radius: 0 -moz-calc(28px * 0.5) -moz-calc(28px * 0.5) 0;
    border-radius: 0 calc(28px * 0.5) calc(28px * 0.5) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:last-child {
    border-radius: -moz-calc(28px * 0.5) 0 0 -moz-calc(28px * 0.5);
    border-radius: calc(28px * 0.5) 0 0 calc(28px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(28px * 0.5);
    border-radius: calc(28px * 0.5);
}

.arco-btn-size-default {
    padding: 0 15px;
    font-size: 14px;
    height: 32px;
    border-radius: var(--border-radius-small);
}

.arco-btn-size-default > svg + span,
.arco-btn-size-default > span + svg {
    margin-left: 8px;
}

.arco-btn-size-default svg {
    vertical-align: -2px;
}

.arco-btn-size-default.arco-btn-rtl > svg + span,
.arco-btn-size-default.arco-btn-rtl > span + svg {
    margin-left: 0;
    margin-right: 8px;
}

.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 4px;
    padding-right: 4px;
}

.arco-btn-size-default.arco-btn-icon-only {
    width: 32px;
    height: 32px;
    padding: 0;
}

.arco-btn-size-default.arco-btn-shape-circle {
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle);
}

.arco-btn-size-default.arco-btn-shape-round {
    border-radius: -moz-calc(32px * 0.5);
    border-radius: calc(32px * 0.5);
}

.arco-btn-group .arco-btn-size-default:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-default:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-size-default:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child {
    border-radius: -moz-calc(32px * 0.5) 0 0 -moz-calc(32px * 0.5);
    border-radius: calc(32px * 0.5) 0 0 calc(32px * 0.5);
}

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:last-child {
    border-radius: 0 -moz-calc(32px * 0.5) -moz-calc(32px * 0.5) 0;
    border-radius: 0 calc(32px * 0.5) calc(32px * 0.5) 0;
}

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(32px * 0.5);
    border-radius: calc(32px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child {
    border-radius: 0 -moz-calc(32px * 0.5) -moz-calc(32px * 0.5) 0;
    border-radius: 0 calc(32px * 0.5) calc(32px * 0.5) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:last-child {
    border-radius: -moz-calc(32px * 0.5) 0 0 -moz-calc(32px * 0.5);
    border-radius: calc(32px * 0.5) 0 0 calc(32px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(32px * 0.5);
    border-radius: calc(32px * 0.5);
}

.arco-btn-size-large {
    padding: 0 19px;
    font-size: 14px;
    height: 36px;
    border-radius: var(--border-radius-small);
}

.arco-btn-size-large > svg + span,
.arco-btn-size-large > span + svg {
    margin-left: 8px;
}

.arco-btn-size-large svg {
    vertical-align: -2px;
}

.arco-btn-size-large.arco-btn-rtl > svg + span,
.arco-btn-size-large.arco-btn-rtl > span + svg {
    margin-left: 0;
    margin-right: 8px;
}

.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading {
    padding-left: 8px;
    padding-right: 8px;
}

.arco-btn-size-large.arco-btn-icon-only {
    width: 36px;
    height: 36px;
    padding: 0;
}

.arco-btn-size-large.arco-btn-shape-circle {
    width: 36px;
    height: 36px;
    padding: 0;
    text-align: center;
    border-radius: var(--border-radius-circle);
}

.arco-btn-size-large.arco-btn-shape-round {
    border-radius: -moz-calc(36px * 0.5);
    border-radius: calc(36px * 0.5);
}

.arco-btn-group .arco-btn-size-large:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-large:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-size-large:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child {
    border-radius: -moz-calc(36px * 0.5) 0 0 -moz-calc(36px * 0.5);
    border-radius: calc(36px * 0.5) 0 0 calc(36px * 0.5);
}

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:last-child {
    border-radius: 0 -moz-calc(36px * 0.5) -moz-calc(36px * 0.5) 0;
    border-radius: 0 calc(36px * 0.5) calc(36px * 0.5) 0;
}

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(36px * 0.5);
    border-radius: calc(36px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child:last-child {
    border-radius: var(--border-radius-small);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child {
    border-radius: 0 -moz-calc(36px * 0.5) -moz-calc(36px * 0.5) 0;
    border-radius: 0 calc(36px * 0.5) calc(36px * 0.5) 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:last-child {
    border-radius: -moz-calc(36px * 0.5) 0 0 -moz-calc(36px * 0.5);
    border-radius: calc(36px * 0.5) 0 0 calc(36px * 0.5);
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child:last-child {
    border-radius: -moz-calc(36px * 0.5);
    border-radius: calc(36px * 0.5);
}

.arco-btn-group {
    display: inline-block;
}

.arco-btn-group .arco-btn-outline:not(:first-child),
.arco-btn-group .arco-btn-dashed:not(:first-child) {
    margin-left: -1px;
}

.arco-btn-group .arco-btn-primary:not(:last-child) {
    border-right: 1px solid rgb(var(--primary-5));
}

.arco-btn-group .arco-btn-secondary:not(:last-child) {
    border-right: 1px solid var(--color-secondary-hover);
}

.arco-btn-group .arco-btn-text:not(:last-child) {
    border-right: 1px solid transparent;
}

.arco-btn-group .arco-btn-status-warning:not(:last-child) {
    border-right: 1px solid rgb(var(--warning-5));
}

.arco-btn-group .arco-btn-status-warning:not(:last-child).arco-btn-text {
    border-right: 1px solid var(--color-fill-2);
}

.arco-btn-group .arco-btn-status-danger:not(:last-child) {
    border-right: 1px solid rgb(var(--danger-5));
}

.arco-btn-group .arco-btn-status-danger:not(:last-child).arco-btn-text {
    border-right: 1px solid var(--color-fill-2);
}

.arco-btn-group .arco-btn-status-success:not(:last-child) {
    border-right: 1px solid rgb(var(--success-5));
}

.arco-btn-group .arco-btn-status-success:not(:last-child).arco-btn-text {
    border-right: 1px solid var(--color-fill-2);
}

.arco-btn-group .arco-btn-rtl.arco-btn-outline:not(:first-child),
.arco-btn-group .arco-btn-rtl.arco-btn-dashed:not(:first-child) {
    margin-left: 0;
    margin-right: -1px;
}

.arco-btn-group .arco-btn-rtl.arco-btn-primary:not(:last-child) {
    border-left: 1px solid rgb(var(--primary-5));
    border-right: 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-secondary:not(:last-child) {
    border-left: 1px solid var(--color-secondary-hover);
    border-right: 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-text:not(:last-child) {
    border-left: 1px solid transparent;
    border-right: 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child) {
    border-left: 1px solid rgb(var(--warning-5));
    border-right: 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child).arco-btn-text {
    border-left: 1px solid var(--color-fill-2);
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child) {
    border-left: 1px solid rgb(var(--danger-5));
    border-right: 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child).arco-btn-text {
    border-left: 1px solid var(--color-fill-2);
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child) {
    border-left: 1px solid rgb(var(--success-5));
    border-right: 0;
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child).arco-btn-text {
    border-left: 1px solid var(--color-fill-2);
}

.arco-btn-group .arco-btn-outline:hover,
.arco-btn-group .arco-btn-dashed:hover,
.arco-btn-group .arco-btn-outline:active,
.arco-btn-group .arco-btn-dashed:active {
    z-index: 2;
}

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

.arco-btn-rtl {
    direction: rtl;
}

body[arco-theme='dark'] .arco-btn-primary.arco-btn-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.arco-calendar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-neutral-3);
}

.arco-calendar-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 24px;
}

.arco-calendar-header-left {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 28px;
    line-height: 28px;
}

.arco-calendar-header-right {
    height: 28px;
    position: relative;
}

.arco-calendar-header-value {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-text-1);
}

.arco-calendar-header-icon {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 12px;
    color: var(--color-text-2);
    background-color: var(--color-bg-5);
}

.arco-calendar-header-icon:not(:first-child) {
    margin: 0 12px;
}

.arco-calendar-header-icon:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden) {
    cursor: pointer;
}

.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover {
    background-color: var(--color-fill-3);
}

.arco-calendar .arco-calendar-header-value-year {
    width: 100px;
    margin-right: 8px;
}

.arco-calendar .arco-calendar-header-value-month {
    width: 76px;
    margin-right: 32px;
}

.arco-calendar-month {
    width: 100%;
}

.arco-calendar-month-row {
    height: 100px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-calendar-month-row .arco-calendar-cell {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border-bottom: 1px solid var(--color-neutral-3);
    overflow: hidden;
}

.arco-calendar-month-row:last-child .arco-calendar-cell {
    border-bottom: unset;
}

.arco-calendar-month-cell-body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3);
}

.arco-calendar-week-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-calendar-week-list-item {
    padding: 20px 16px;
    text-align: left;
    color: #7d7d7f;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-calendar-cell .arco-calendar-date {
    height: 100%;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.arco-calendar-cell .arco-calendar-date-circle {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
}

.arco-calendar-date-content {
    height: 70px;
    overflow-y: auto;
}

.arco-calendar-cell-today .arco-calendar-date-circle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(var(--primary-6));
}

.arco-calendar-date-value {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-4);
}

.arco-calendar-cell-in-view .arco-calendar-date-value {
    color: var(--color-text-1);
}

.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle {
    border: 1px solid rgb(var(--primary-6));
    background-color: rgb(var(--primary-6));
    color: #fff;
}

.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle {
    border: 1px solid rgb(var(--primary-6));
    background-color: rgb(var(--primary-6));
    color: #fff;
}

.arco-calendar-mode-year:not(.arco-calendar-panel) {
    min-width: 820px;
}

.arco-calendar-mode-year .arco-calendar-header {
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-calendar-mode-year .arco-calendar-body {
    padding: 12px;
}

.arco-calendar-mode-year .arco-calendar-year-row {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-calendar-year-row > .arco-calendar-cell {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 20px 8px;
}

.arco-calendar-year-row > .arco-calendar-cell:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3);
}

.arco-calendar-year-row:not(:last-child) > .arco-calendar-cell {
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-calendar-month-with-days .arco-calendar-month-row {
    height: 26px;
}

.arco-calendar-month-with-days .arco-calendar-cell {
    border-bottom: 0;
}

.arco-calendar-month-with-days .arco-calendar-month-cell-body {
    padding: 0;
}

.arco-calendar-month-with-days .arco-calendar-month-title {
    padding: 10px 6px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-1);
}

.arco-calendar-month-cell {
    font-size: 12px;
    width: 100%;
}

.arco-calendar-month-cell .arco-calendar-week-list {
    border-bottom: unset;
    padding: 0;
}

.arco-calendar-month-cell .arco-calendar-week-list-item {
    padding: 6px;
    text-align: center;
    color: #7d7d7f;
}

.arco-calendar-month-cell .arco-calendar-cell {
    text-align: center;
}

.arco-calendar-month-cell .arco-calendar-date {
    padding: 2px;
}

.arco-calendar-month-cell .arco-calendar-date-value {
    font-size: 14px;
}

.arco-calendar-month-cell .arco-calendar-date-circle {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
}

.arco-calendar-panel {
    border: 1px solid var(--color-neutral-3);
    background-color: var(--color-bg-5);
}

.arco-calendar-panel .arco-calendar-header {
    padding: 8px 16px;
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-calendar-panel .arco-calendar-header-value {
    font-size: 14px;
    line-height: 24px;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
}

.arco-calendar-panel .arco-calendar-header-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 2px;
    margin-right: 2px;
}

.arco-calendar-panel .arco-calendar-body {
    padding: 14px 16px;
}

.arco-calendar-panel .arco-calendar-month-cell-body {
    padding: 0;
}

.arco-calendar-panel .arco-calendar-month-row {
    height: unset;
}

.arco-calendar-panel .arco-calendar-week-list {
    padding: 0;
    border-bottom: unset;
}

.arco-calendar-panel .arco-calendar-week-list-item {
    padding: 0;
    text-align: center;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
}

.arco-calendar-panel .arco-calendar-cell,
.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell {
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 0;
    border-bottom: 0;
    border-right: 0;
}

.arco-calendar-panel .arco-calendar-cell .arco-calendar-date {
    padding: 4px 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value {
    font-size: 14px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell {
    padding: 4px 0;
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date {
    padding: 4px;
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value {
    border-radius: 12px;
    width: 100%;
}

.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value {
    color: var(--color-white);
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
}

.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover {
    background-color: var(--color-primary-light-1);
    border-radius: 50%;
    color: rgb(var(--primary-6));
}

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover {
    border-radius: 12px;
}

.arco-calendar-panel .arco-calendar-cell-today {
    position: relative;
}

.arco-calendar-panel .arco-calendar-cell-today::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgb(var(--primary-6));
}

.arco-calendar-cell-in-range .arco-calendar-date {
    background-color: var(--color-primary-light-1);
}

.arco-calendar-cell-range-start .arco-calendar-date {
    border-radius: 16px 0 0 16px;
}

.arco-calendar-cell-range-end .arco-calendar-date {
    border-radius: 0 16px 16px 0;
}

.arco-calendar-cell-in-range-near-hover .arco-calendar-date {
    border-radius: 0;
}

.arco-calendar-cell-range-start .arco-calendar-date-value,
.arco-calendar-cell-range-end .arco-calendar-date-value {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    color: var(--color-white);
}

.arco-calendar-cell-hover-in-range .arco-calendar-date {
    background-color: var(--color-primary-light-1);
}

.arco-calendar-cell-hover-range-start .arco-calendar-date {
    border-radius: 16px 0 0 16px;
}

.arco-calendar-cell-hover-range-end .arco-calendar-date {
    border-radius: 0 16px 16px 0;
}

.arco-calendar-cell-hover-range-start .arco-calendar-date-value,
.arco-calendar-cell-hover-range-end .arco-calendar-date-value {
    background-color: var(--color-primary-light-2);
    border-radius: 50%;
    color: var(--color-text-1);
}

.arco-calendar-panel .arco-calendar-cell-disabled > .arco-calendar-date {
    background-color: var(--color-fill-1);
    cursor: not-allowed;
}

.arco-calendar-panel .arco-calendar-cell-disabled > .arco-calendar-date > .arco-calendar-date-value {
    color: var(--color-text-4);
    background-color: var(--color-fill-1);
    cursor: not-allowed;
}

.arco-calendar-panel .arco-calendar-footer-btn-wrapper {
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-top: 1px solid var(--color-neutral-3);
    cursor: pointer;
    color: var(--color-text-1);
}

.arco-calendar-rtl {
    direction: rtl;
}

.arco-calendar-rtl .arco-calendar-header-icon {
    margin-right: 0;
    margin-left: 12px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
}

.arco-calendar-rtl .arco-calendar-week-list-item {
    text-align: right;
}

.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) {
    border-left: 1px solid var(--color-neutral-3);
    border-right: 0;
}

.arco-calendar-rtl .arco-calendar-header-value-year {
    margin-left: 8px;
    margin-right: 0;
}

.arco-calendar-rtl .arco-calendar-header-value-month {
    margin-right: 0;
    margin-left: 32px;
}

.arco-card {
    position: relative;
    background: var(--color-bg-2);
    -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    transition: -webkit-box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1), -webkit-box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    border-radius: var(--border-radius-none);
}

.arco-card-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-neutral-3);
    overflow: hidden;
}

.arco-card-header-no-title::before {
    content: ' ';
    display: block;
}

.arco-card-header-title {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-weight: 500;
    color: var(--color-text-1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-card-header-extra {
    color: rgb(var(--primary-6));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-card-body {
    color: var(--color-text-2);
}

.arco-card-cover {
    overflow: hidden;
}

.arco-card-cover > * {
    display: block;
    width: 100%;
}

.arco-card-actions {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

.arco-card-actions::before {
    content: '';
    visibility: hidden;
}

.arco-card-actions-right {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-card-actions-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-text-2);
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-card-actions-item:hover {
    color: rgb(var(--primary-6));
}

.arco-card-actions-item:not(:last-child) {
    margin-right: 12px;
}

.arco-card-meta-footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.arco-card-meta-footer:last-child {
    margin-top: 20px;
}

.arco-card-meta-footer-only-actions::before {
    content: '';
    visibility: hidden;
}

.arco-card-meta-footer .arco-card-actions {
    margin-top: 0;
}

.arco-card-meta-title {
    font-weight: 500;
    color: var(--color-text-1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-card-meta-description:not(:first-child) {
    margin-top: 4px;
}

.arco-card-grid {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    -webkit-box-shadow: 1px 0 0 0 var(--color-neutral-3), 0 1px 0 0 var(--color-neutral-3), 1px 1px 0 0 var(--color-neutral-3), 1px 0 0 0 var(--color-neutral-3) inset, 0 1px 0 0 var(--color-neutral-3) inset;
    box-shadow: 1px 0 0 0 var(--color-neutral-3), 0 1px 0 0 var(--color-neutral-3), 1px 1px 0 0 var(--color-neutral-3), 1px 0 0 0 var(--color-neutral-3) inset, 0 1px 0 0 var(--color-neutral-3) inset;
}

.arco-card-grid::before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    transition: -webkit-box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1), -webkit-box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-card-grid-hoverable:hover {
    z-index: 1;
}

.arco-card-grid-hoverable:hover::before {
    -webkit-box-shadow: 0 4px 10px rgb(var(--gray-2));
    box-shadow: 0 4px 10px rgb(var(--gray-2));
}

.arco-card-grid .arco-card {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-card-contain-grid:not(.arco-card-loading) > .arco-card-body {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1px;
    padding: 0;
}

.arco-card-hoverable:hover {
    -webkit-box-shadow: 0 4px 10px rgb(var(--gray-2));
    box-shadow: 0 4px 10px rgb(var(--gray-2));
}

.arco-card-bordered {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
}

.arco-card-bordered .arco-card-cover {
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}

.arco-card-loading .arco-card-body {
    overflow: hidden;
    text-align: center;
}

.arco-card-size-default {
    font-size: 14px;
}

.arco-card-size-default .arco-card-header {
    height: 46px;
    padding-left: 16px;
    padding-right: 16px;
}

.arco-card-size-default .arco-card-header-title,
.arco-card-size-default .arco-card-meta-title {
    font-size: 16px;
}

.arco-card-size-default .arco-card-header-extra {
    font-size: 14px;
}

.arco-card-size-default .arco-card-body {
    padding: 16px 16px;
}

.arco-card-size-small {
    font-size: 14px;
}

.arco-card-size-small .arco-card-header {
    height: 40px;
    padding-left: 16px;
    padding-right: 16px;
}

.arco-card-size-small .arco-card-header-title,
.arco-card-size-small .arco-card-meta-title {
    font-size: 16px;
}

.arco-card-size-small .arco-card-header-extra {
    font-size: 14px;
}

.arco-card-size-small .arco-card-body {
    padding: 12px 16px;
}

.arco-card-rtl .arco-card-actions-item:not(:last-child) {
    margin-left: 12px;
    margin-right: 0;
}

body[arco-theme='dark'] .arco-card-grid-hoverable:hover::before,
body[arco-theme='dark'] .arco-card-hoverable:hover {
    -webkit-box-shadow: 0 4px 10px rgba(var(--gray-1), 40%);
    box-shadow: 0 4px 10px rgba(var(--gray-1), 40%);
}

@-webkit-keyframes arco-carousel-slide-x-in {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes arco-carousel-slide-x-in {
    from {
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes arco-carousel-slide-x-in {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes arco-carousel-slide-x-out {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-moz-keyframes arco-carousel-slide-x-out {
    from {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes arco-carousel-slide-x-out {
    from {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes arco-carousel-slide-x-in-reverse {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes arco-carousel-slide-x-in-reverse {
    from {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes arco-carousel-slide-x-in-reverse {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes arco-carousel-slide-x-out-reverse {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-moz-keyframes arco-carousel-slide-x-out-reverse {
    from {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes arco-carousel-slide-x-out-reverse {
    from {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes arco-carousel-slide-y-in {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes arco-carousel-slide-y-in {
    from {
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes arco-carousel-slide-y-in {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes arco-carousel-slide-y-out {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-moz-keyframes arco-carousel-slide-y-out {
    from {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes arco-carousel-slide-y-out {
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes arco-carousel-slide-y-in-reverse {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes arco-carousel-slide-y-in-reverse {
    from {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes arco-carousel-slide-y-in-reverse {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes arco-carousel-slide-y-out-reverse {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-moz-keyframes arco-carousel-slide-y-out-reverse {
    from {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes arco-carousel-slide-y-out-reverse {
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes arco-carousel-card-bottom-to-middle {
    from {
        opacity: 0;
        -webkit-transform: translateX(0%) translateZ(-400px);
        transform: translateX(0%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-bottom-to-middle {
    from {
        opacity: 0;
        -moz-transform: translateX(0%) translateZ(-400px);
        transform: translateX(0%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-bottom-to-middle {
    from {
        opacity: 0;
        -webkit-transform: translateX(0%) translateZ(-400px);
        -moz-transform: translateX(0%) translateZ(-400px);
        transform: translateX(0%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-bottom {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateZ(-400px);
        transform: translateX(-100%) translateZ(-400px);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-bottom {
    from {
        opacity: 0.4;
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -moz-transform: translateX(-100%) translateZ(-400px);
        transform: translateX(-100%) translateZ(-400px);
    }
}

@keyframes arco-carousel-card-middle-to-bottom {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateZ(-400px);
        -moz-transform: translateX(-100%) translateZ(-400px);
        transform: translateX(-100%) translateZ(-400px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-bottom-rtl {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) translateZ(-400px);
        transform: translateX(100%) translateZ(-400px);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-bottom-rtl {
    from {
        opacity: 0.4;
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -moz-transform: translateX(100%) translateZ(-400px);
        transform: translateX(100%) translateZ(-400px);
    }
}

@keyframes arco-carousel-card-middle-to-bottom-rtl {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) translateZ(-400px);
        -moz-transform: translateX(100%) translateZ(-400px);
        transform: translateX(100%) translateZ(-400px);
    }
}

@-webkit-keyframes arco-carousel-card-top-to-middle {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-top-to-middle {
    from {
        opacity: 1;
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-top-to-middle {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-top-to-middle-rtl {
    from {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-top-to-middle-rtl {
    from {
        opacity: 1;
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-top-to-middle-rtl {
    from {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-top {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(0) translateZ(-200px);
        transform: translateX(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-top {
    from {
        opacity: 0.4;
        -moz-transform: translateX(0) translateZ(-200px);
        transform: translateX(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
}

@keyframes arco-carousel-card-middle-to-top {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(0) translateZ(-200px);
        -moz-transform: translateX(0) translateZ(-200px);
        transform: translateX(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-top-rtl {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(0) translateZ(-200px);
        transform: translateX(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-top-rtl {
    from {
        opacity: 0.4;
        -moz-transform: translateX(0) translateZ(-200px);
        transform: translateX(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
}

@keyframes arco-carousel-card-middle-to-top-rtl {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(0) translateZ(-200px);
        -moz-transform: translateX(0) translateZ(-200px);
        transform: translateX(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
}

@-webkit-keyframes arco-carousel-card-bottom-to-middle-reverse {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateZ(-400px);
        transform: translateX(-100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-bottom-to-middle-reverse {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%) translateZ(-400px);
        transform: translateX(-100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-bottom-to-middle-reverse {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateZ(-400px);
        -moz-transform: translateX(-100%) translateZ(-400px);
        transform: translateX(-100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-bottom-to-middle-reverse-rtl {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) translateZ(-400px);
        transform: translateX(100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-bottom-to-middle-reverse-rtl {
    from {
        opacity: 0;
        -moz-transform: translateX(100%) translateZ(-400px);
        transform: translateX(100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-bottom-to-middle-reverse-rtl {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) translateZ(-400px);
        -moz-transform: translateX(100%) translateZ(-400px);
        transform: translateX(100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-bottom-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(0%) translateZ(-400px);
        transform: translateX(0%) translateZ(-400px);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-bottom-reverse {
    from {
        opacity: 0.4;
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -moz-transform: translateX(0%) translateZ(-400px);
        transform: translateX(0%) translateZ(-400px);
    }
}

@keyframes arco-carousel-card-middle-to-bottom-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(0%) translateZ(-400px);
        -moz-transform: translateX(0%) translateZ(-400px);
        transform: translateX(0%) translateZ(-400px);
    }
}

@-webkit-keyframes arco-carousel-card-top-to-middle-reverse {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-top-to-middle-reverse {
    from {
        opacity: 1;
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-top-to-middle-reverse {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-top-to-middle-reverse-rtl {
    from {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-top-to-middle-reverse-rtl {
    from {
        opacity: 1;
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-top-to-middle-reverse-rtl {
    from {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(0%) translateZ(-200px);
        -moz-transform: translateX(0%) translateZ(-200px);
        transform: translateX(0%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-top-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-top-reverse {
    from {
        opacity: 0.4;
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
}

@keyframes arco-carousel-card-middle-to-top-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-100%) translateZ(-200px);
        -moz-transform: translateX(-100%) translateZ(-200px);
        transform: translateX(-100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-top-reverse-rtl {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-top-reverse-rtl {
    from {
        opacity: 0.4;
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
}

@keyframes arco-carousel-card-middle-to-top-reverse-rtl {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(100%) translateZ(-200px);
        -moz-transform: translateX(100%) translateZ(-200px);
        transform: translateX(100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(50%) translateZ(0);
        -moz-transform: translateX(50%) translateZ(0);
        transform: translateX(50%) translateZ(0);
    }
}

@-webkit-keyframes arco-carousel-card-right-to-middle {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        transform: translateX(-50%) translateY(0%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-right-to-middle {
    from {
        opacity: 0;
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        transform: translateX(-50%) translateY(0%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-right-to-middle {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        transform: translateX(-50%) translateY(0%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-right {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        transform: translateX(-50%) translateY(-100%) translateZ(-400px);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-right {
    from {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        transform: translateX(-50%) translateY(-100%) translateZ(-400px);
    }
}

@keyframes arco-carousel-card-middle-to-right {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        transform: translateX(-50%) translateY(-100%) translateZ(-400px);
    }
}

@-webkit-keyframes arco-carousel-card-left-to-middle {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-left-to-middle {
    from {
        opacity: 1;
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-left-to-middle {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-left {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0) translateZ(-200px);
        transform: translateX(-50%) translateY(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-left {
    from {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(0) translateZ(-200px);
        transform: translateX(-50%) translateY(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
}

@keyframes arco-carousel-card-middle-to-left {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(0) translateZ(-200px);
        transform: translateX(-50%) translateY(0) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
}

@-webkit-keyframes arco-carousel-card-right-to-middle-reverse {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        transform: translateX(-50%) translateY(-100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-right-to-middle-reverse {
    from {
        opacity: 0;
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        transform: translateX(-50%) translateY(-100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-right-to-middle-reverse {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-400px);
        transform: translateX(-50%) translateY(-100%) translateZ(-400px);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-right-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        transform: translateX(-50%) translateY(0%) translateZ(-400px);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-right-reverse {
    from {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        transform: translateX(-50%) translateY(0%) translateZ(-400px);
    }
}

@keyframes arco-carousel-card-middle-to-right-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-400px);
        transform: translateX(-50%) translateY(0%) translateZ(-400px);
    }
}

@-webkit-keyframes arco-carousel-card-left-to-middle-reverse {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
}

@-moz-keyframes arco-carousel-card-left-to-middle-reverse {
    from {
        opacity: 1;
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
}

@keyframes arco-carousel-card-left-to-middle-reverse {
    from {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
    to {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(0%) translateZ(-200px);
        transform: translateX(-50%) translateY(0%) translateZ(-200px);
    }
}

@-webkit-keyframes arco-carousel-card-middle-to-left-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
}

@-moz-keyframes arco-carousel-card-middle-to-left-reverse {
    from {
        opacity: 0.4;
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
}

@keyframes arco-carousel-card-middle-to-left-reverse {
    from {
        opacity: 0.4;
        -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
        transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
}

.arco-carousel {
    position: relative;
}

.arco-carousel-indicator-position-outer {
    margin-bottom: 30px;
}

.arco-carousel-slide,
.arco-carousel-card,
.arco-carousel-fade {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.arco-carousel-slide > *,
.arco-carousel-card > *,
.arco-carousel-fade > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.arco-carousel-item-current {
    z-index: 1;
    position: relative;
}

.arco-carousel-slide > *:not(.arco-carousel-item-current) {
    visibility: hidden;
}

.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out {
    display: block;
    -webkit-animation: arco-carousel-slide-x-out;
    -moz-animation: arco-carousel-slide-x-out;
    animation: arco-carousel-slide-x-out;
}

.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in {
    display: block;
    -webkit-animation: arco-carousel-slide-x-in;
    -moz-animation: arco-carousel-slide-x-in;
    animation: arco-carousel-slide-x-in;
}

.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out {
    -webkit-animation: arco-carousel-slide-x-out-reverse;
    -moz-animation: arco-carousel-slide-x-out-reverse;
    animation: arco-carousel-slide-x-out-reverse;
}

.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in {
    -webkit-animation: arco-carousel-slide-x-in-reverse;
    -moz-animation: arco-carousel-slide-x-in-reverse;
    animation: arco-carousel-slide-x-in-reverse;
}

.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out {
    display: block;
    -webkit-animation: arco-carousel-slide-y-out;
    -moz-animation: arco-carousel-slide-y-out;
    animation: arco-carousel-slide-y-out;
}

.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in {
    display: block;
    -webkit-animation: arco-carousel-slide-y-in;
    -moz-animation: arco-carousel-slide-y-in;
    animation: arco-carousel-slide-y-in;
}

.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out {
    -webkit-animation: arco-carousel-slide-y-out-reverse;
    -moz-animation: arco-carousel-slide-y-out-reverse;
    animation: arco-carousel-slide-y-out-reverse;
}

.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in {
    -webkit-animation: arco-carousel-slide-y-in-reverse;
    -moz-animation: arco-carousel-slide-y-in-reverse;
    animation: arco-carousel-slide-y-in-reverse;
}

.arco-carousel-card {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
}

.arco-carousel-card.arco-carousel-horizontal > * {
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateZ(-400px);
    -moz-transform: translateX(-50%) translateZ(-400px);
    transform: translateX(-50%) translateZ(-400px);
    -webkit-animation: arco-carousel-card-middle-to-bottom;
    -moz-animation: arco-carousel-card-middle-to-bottom;
    animation: arco-carousel-card-middle-to-bottom;
}

.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal > * {
    left: unset;
    right: 50%;
    -webkit-animation: arco-carousel-card-middle-to-bottom-rtl;
    -moz-animation: arco-carousel-card-middle-to-bottom-rtl;
    animation: arco-carousel-card-middle-to-bottom-rtl;
}

.arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-prev {
    opacity: 0.4;
    -webkit-transform: translateX(-100%) translateZ(-200px);
    -moz-transform: translateX(-100%) translateZ(-200px);
    transform: translateX(-100%) translateZ(-200px);
    -webkit-animation: arco-carousel-card-top-to-middle;
    -moz-animation: arco-carousel-card-top-to-middle;
    animation: arco-carousel-card-top-to-middle;
}

.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-prev {
    -webkit-transform: translateX(100%) translateZ(-200px);
    -moz-transform: translateX(100%) translateZ(-200px);
    transform: translateX(100%) translateZ(-200px);
    -webkit-animation: arco-carousel-card-top-to-middle-rtl;
    -moz-animation: arco-carousel-card-top-to-middle-rtl;
    animation: arco-carousel-card-top-to-middle-rtl;
}

.arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-next {
    opacity: 0.4;
    -webkit-transform: translateX(0%) translateZ(-200px);
    -moz-transform: translateX(0%) translateZ(-200px);
    transform: translateX(0%) translateZ(-200px);
    -webkit-animation: arco-carousel-card-bottom-to-middle;
    -moz-animation: arco-carousel-card-bottom-to-middle;
    animation: arco-carousel-card-bottom-to-middle;
}

.arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-current {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateZ(0);
    -moz-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
    -webkit-animation: arco-carousel-card-middle-to-top;
    -moz-animation: arco-carousel-card-middle-to-top;
    animation: arco-carousel-card-middle-to-top;
}

.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-current {
    -webkit-transform: translateX(50%) translateZ(0);
    -moz-transform: translateX(50%) translateZ(0);
    transform: translateX(50%) translateZ(0);
    -webkit-animation: arco-carousel-card-middle-to-top-rtl;
    -moz-animation: arco-carousel-card-middle-to-top-rtl;
    animation: arco-carousel-card-middle-to-top-rtl;
}

.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative > * {
    -webkit-animation: arco-carousel-card-middle-to-bottom-reverse;
    -moz-animation: arco-carousel-card-middle-to-bottom-reverse;
    animation: arco-carousel-card-middle-to-bottom-reverse;
}

.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-prev {
    -webkit-animation: arco-carousel-card-bottom-to-middle-reverse;
    -moz-animation: arco-carousel-card-bottom-to-middle-reverse;
    animation: arco-carousel-card-bottom-to-middle-reverse;
}

.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-prev {
    -webkit-animation: arco-carousel-card-bottom-to-middle-reverse-rtl;
    -moz-animation: arco-carousel-card-bottom-to-middle-reverse-rtl;
    animation: arco-carousel-card-bottom-to-middle-reverse-rtl;
}

.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-next {
    -webkit-animation: arco-carousel-card-top-to-middle-reverse;
    -moz-animation: arco-carousel-card-top-to-middle-reverse;
    animation: arco-carousel-card-top-to-middle-reverse;
}

.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-next {
    -webkit-animation: arco-carousel-card-top-to-middle-reverse-rtl;
    -moz-animation: arco-carousel-card-top-to-middle-reverse-rtl;
    animation: arco-carousel-card-top-to-middle-reverse-rtl;
}

.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-current {
    -webkit-animation: arco-carousel-card-middle-to-top-reverse;
    -moz-animation: arco-carousel-card-middle-to-top-reverse;
    animation: arco-carousel-card-middle-to-top-reverse;
}

.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-current {
    -webkit-animation: arco-carousel-card-middle-to-top-reverse-rtl;
    -moz-animation: arco-carousel-card-middle-to-top-reverse-rtl;
    animation: arco-carousel-card-middle-to-top-reverse-rtl;
}

.arco-carousel-card.arco-carousel-vertical > * {
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(-400px);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(-400px);
    transform: translateX(-50%) translateY(-50%) translateZ(-400px);
    -webkit-animation: arco-carousel-card-middle-to-right;
    -moz-animation: arco-carousel-card-middle-to-right;
    animation: arco-carousel-card-middle-to-right;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-carousel-card.arco-carousel-vertical .arco-carousel-item-prev {
    opacity: 0.4;
    -webkit-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    -moz-transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    transform: translateX(-50%) translateY(-100%) translateZ(-200px);
    -webkit-animation: arco-carousel-card-left-to-middle;
    -moz-animation: arco-carousel-card-left-to-middle;
    animation: arco-carousel-card-left-to-middle;
}

.arco-carousel-card.arco-carousel-vertical .arco-carousel-item-next {
    opacity: 0.4;
    -webkit-transform: translateX(-50%) translateY(0%) translateZ(-200px);
    -moz-transform: translateX(-50%) translateY(0%) translateZ(-200px);
    transform: translateX(-50%) translateY(0%) translateZ(-200px);
    -webkit-animation: arco-carousel-card-right-to-middle;
    -moz-animation: arco-carousel-card-right-to-middle;
    animation: arco-carousel-card-right-to-middle;
}

.arco-carousel-card.arco-carousel-vertical .arco-carousel-item-current {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-animation: arco-carousel-card-middle-to-left;
    -moz-animation: arco-carousel-card-middle-to-left;
    animation: arco-carousel-card-middle-to-left;
}

.arco-carousel-card.arco-carousel-negative > * {
    -webkit-animation: arco-carousel-card-middle-to-right-reverse;
    -moz-animation: arco-carousel-card-middle-to-right-reverse;
    animation: arco-carousel-card-middle-to-right-reverse;
}

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-prev {
    -webkit-animation: arco-carousel-card-right-to-middle-reverse;
    -moz-animation: arco-carousel-card-right-to-middle-reverse;
    animation: arco-carousel-card-right-to-middle-reverse;
}

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-next {
    -webkit-animation: arco-carousel-card-left-to-middle-reverse;
    -moz-animation: arco-carousel-card-left-to-middle-reverse;
    animation: arco-carousel-card-left-to-middle-reverse;
}

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-current {
    -webkit-animation: arco-carousel-card-middle-to-left-reverse;
    -moz-animation: arco-carousel-card-middle-to-left-reverse;
    animation: arco-carousel-card-middle-to-left-reverse;
}

.arco-carousel-fade > * {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

.arco-carousel-fade .arco-carousel-item-current {
    opacity: 1;
}

.arco-carousel-indicator {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    margin: 0;
    padding: 0;
}

.arco-carousel-indicator-wrapper {
    position: absolute;
    z-index: 2;
}

.arco-carousel-indicator-wrapper-top {
    left: 0;
    right: 0;
    top: 0;
    height: 48px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), color-stop(87%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
}

.arco-carousel-indicator-wrapper-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
}

.arco-carousel-indicator-wrapper-left {
    left: 0;
    top: 0;
    width: 48px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.15)), color-stop(87%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 87%);
}

.arco-carousel-indicator-wrapper-right {
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(13%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15) 100%);
}

.arco-carousel-indicator-wrapper-outer {
    left: 0;
    right: 0;
    background: none;
}

.arco-carousel-indicator-wrapper-outer-right {
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
}

.arco-carousel-indicator-bottom {
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-carousel-indicator-top {
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-carousel-indicator-left {
    left: 12px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.arco-carousel-indicator-right {
    right: 12px;
    top: 50%;
    -webkit-transform: translate(50%, -50%) rotate(90deg);
    -moz-transform: translate(50%, -50%) rotate(90deg);
    transform: translate(50%, -50%) rotate(90deg);
}

.arco-carousel-indicator-outer {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 4px;
    border-radius: 20px;
    background-color: transparent;
}

.arco-carousel-indicator-outer.arco-carousel-indicator-dot {
    bottom: -22px;
}

.arco-carousel-indicator-outer.arco-carousel-indicator-line {
    bottom: -20px;
}

.arco-carousel-indicator-outer.arco-carousel-indicator-slider {
    padding: 0;
    bottom: -16px;
    background-color: rgba(var(--gray-4), 0.5);
}

.arco-carousel-indicator-outer .arco-carousel-indicator-item {
    background-color: rgba(var(--gray-4), 0.5);
}

.arco-carousel-indicator-outer .arco-carousel-indicator-item:hover,
.arco-carousel-indicator-outer .arco-carousel-indicator-item-active {
    background-color: var(--color-fill-4);
}

.arco-carousel-indicator-outer-right {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    padding: 4px;
    border-radius: 20px;
    background-color: transparent;
}

.arco-carousel-indicator-outer-right.arco-carousel-indicator-slider {
    padding: 0;
    background-color: rgba(var(--gray-4), 0.5);
}

.arco-carousel-indicator-outer-right .arco-carousel-indicator-item {
    background-color: rgba(var(--gray-4), 0.5);
}

.arco-carousel-indicator-outer-right .arco-carousel-indicator-item:hover,
.arco-carousel-indicator-outer-right .arco-carousel-indicator-item-active {
    background-color: var(--color-fill-4);
}

.arco-carousel-indicator-item {
    display: inline-block;
    border-radius: var(--border-radius-medium);
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

.arco-carousel-indicator-item:hover,
.arco-carousel-indicator-item-active {
    background-color: var(--color-white);
}

.arco-carousel-indicator-dot .arco-carousel-indicator-item {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) {
    margin-right: 8px;
}

.arco-carousel-indicator-line .arco-carousel-indicator-item {
    width: 12px;
    height: 4px;
}

.arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) {
    margin-right: 8px;
}

.arco-carousel-indicator-slider {
    width: 48px;
    height: 4px;
    border-radius: var(--border-radius-medium);
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

.arco-carousel-indicator-slider .arco-carousel-indicator-item {
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
}

.arco-carousel-arrow > div {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: var(--color-white);
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-carousel-arrow > div:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-carousel-arrow > div > svg {
    color: var(--color-white);
    font-size: 14px;
}

.arco-carousel-arrow > div:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.arco-carousel-arrow-left {
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-carousel-arrow-right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
}

.arco-carousel-arrow-top {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 12px;
}

.arco-carousel-arrow-bottom {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 12px;
}

.arco-carousel-arrow-hover div {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.arco-carousel:hover .arco-carousel-arrow-hover div {
    opacity: 1;
}

.arco-carousel-rtl {
    direction: rtl;
}

.arco-carousel-rtl .arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) {
    margin-left: 8px;
    margin-right: 0;
}

.arco-carousel-rtl .arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) {
    margin-left: 8px;
    margin-right: 0;
}

body[arco-theme='dark'] .arco-carousel-arrow > div {
    background-color: rgba(var(--gray-1), 0.3);
}

body[arco-theme='dark'] .arco-carousel-arrow > div:hover {
    background-color: rgba(var(--gray-1), 0.5);
}

body[arco-theme='dark'] .arco-carousel-indicator-item,
body[arco-theme='dark'] .arco-carousel-indicator-slider {
    background-color: rgba(var(--gray-1), 0.3);
}

body[arco-theme='dark'] .arco-carousel-indicator-item-active,
body[arco-theme='dark'] .arco-carousel-indicator-item:hover {
    background-color: var(--color-white);
}

body[arco-theme='dark'] .arco-carousel-indicator-outer.arco-carousel-indicator-slider {
    background-color: rgba(var(--gray-4), 0.5);
}

body[arco-theme='dark'] .arco-carousel-indicator-outer .arco-carousel-indicator-item:hover,
body[arco-theme='dark'] .arco-carousel-indicator-outer .arco-carousel-indicator-item-active {
    background-color: var(--color-fill-4);
}

.arco-cascader .arco-cascader-view {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-cascader:hover .arco-cascader-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-cascader.arco-cascader-focused .arco-cascader-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-cascader .arco-cascader-suffix-icon,
.arco-cascader .arco-cascader-loading-icon,
.arco-cascader .arco-cascader-search-icon,
.arco-cascader .arco-cascader-clear-icon,
.arco-cascader .arco-cascader-arrow-icon,
.arco-cascader .arco-cascader-expand-icon {
    color: var(--color-text-2);
}

.arco-cascader-no-border .arco-cascader-view {
    border: none !important;
    background: none !important;
}

.arco-cascader-error .arco-cascader-view {
    background-color: var(--color-danger-light-1);
    border: 1px solid transparent;
}

.arco-cascader-error:hover .arco-cascader-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent;
}

.arco-cascader-error.arco-cascader-focused .arco-cascader-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-cascader-no-border .arco-cascader-view {
    border: none !important;
    background: none !important;
}

.arco-cascader-warning .arco-cascader-view {
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent;
}

.arco-cascader-warning:hover .arco-cascader-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent;
}

.arco-cascader-warning.arco-cascader-focused .arco-cascader-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-cascader-no-border .arco-cascader-view {
    border: none !important;
    background: none !important;
}

.arco-cascader-disabled .arco-cascader-view {
    color: var(--color-text-4);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-cascader-disabled:hover .arco-cascader-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-cascader-disabled .arco-cascader-suffix-icon,
.arco-cascader-disabled .arco-cascader-loading-icon,
.arco-cascader-disabled .arco-cascader-search-icon,
.arco-cascader-disabled .arco-cascader-clear-icon,
.arco-cascader-disabled .arco-cascader-arrow-icon,
.arco-cascader-disabled .arco-cascader-expand-icon {
    color: var(--color-text-4);
}

.arco-cascader-no-border .arco-cascader-view {
    border: none !important;
    background: none !important;
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view {
    height: auto;
    font-size: 12px;
    padding: 0 3px;
    line-height: 0;
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 4px;
}

.arco-cascader-size-mini.arco-cascader-multiple input {
    font-size: 12px;
}

.arco-cascader-size-mini.arco-cascader-single .arco-cascader-view {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 7px;
}

.arco-cascader-size-mini.arco-cascader-single input {
    font-size: 12px;
}

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 7px;
}

.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 8px;
}

.arco-cascader-size-small.arco-cascader-multiple input {
    font-size: 14px;
}

.arco-cascader-size-small.arco-cascader-single .arco-cascader-view {
    height: 28px;
    line-height: 26px;
    font-size: 14px;
    padding: 0 11px;
}

.arco-cascader-size-small.arco-cascader-single input {
    font-size: 14px;
}

.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 11px;
}

.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 8px;
}

.arco-cascader-size-default.arco-cascader-multiple input {
    font-size: 14px;
}

.arco-cascader-size-default.arco-cascader-single .arco-cascader-view {
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 11px;
}

.arco-cascader-size-default.arco-cascader-single input {
    font-size: 14px;
}

.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 11px;
}

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
}

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 12px;
}

.arco-cascader-size-large.arco-cascader-multiple input {
    font-size: 14px;
}

.arco-cascader-size-large.arco-cascader-single .arco-cascader-view {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    padding: 0 15px;
}

.arco-cascader-size-large.arco-cascader-single input {
    font-size: 14px;
}

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 15px;
}

.arco-cascader {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
}

.arco-cascader-view {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: var(--border-radius-small);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
    transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
}

.arco-cascader-view input {
    color: inherit;
    cursor: inherit;
}

.arco-cascader-view input::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-cascader-view input::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-cascader-view input::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-cascader-view input:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-cascader-view input:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-cascader-view input::placeholder {
    color: var(--color-text-3);
}

.arco-cascader-view input[disabled] {
    pointer-events: none;
}

.arco-cascader-multiple,
.arco-cascader-show-search {
    cursor: text;
}

.arco-cascader-disabled {
    cursor: not-allowed;
}

.arco-cascader-disabled .arco-cascader-view input::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-cascader-disabled .arco-cascader-view input::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-cascader-disabled .arco-cascader-view input::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-cascader-disabled .arco-cascader-view input:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-cascader-disabled .arco-cascader-view input:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-cascader-disabled .arco-cascader-view input::placeholder {
    color: var(--color-text-4);
}

.arco-cascader-single .arco-cascader-view-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-cascader-single .arco-cascader-view-selector {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-input {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-value-mirror {
    opacity: 0;
}

.arco-cascader-single .arco-cascader-view-value,
.arco-cascader-single .arco-cascader-view-value-mirror {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-cascader-single .arco-cascader-view-value::after,
.arco-cascader-single .arco-cascader-view-value-mirror::after {
    content: '.';
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.arco-cascader-single .arco-cascader-view .arco-cascader-hidden {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.arco-cascader-multiple {
    vertical-align: top;
}

.arco-cascader-multiple .arco-cascader-view {
    padding: 0 4px;
    line-height: 0;
}

.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 12px;
}

.arco-cascader-multiple .arco-input-tag {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 0;
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden;
}

.arco-cascader-multiple .arco-tag {
    max-width: 100%;
}

.arco-cascader-multiple:not(.arco-cascader-focused) .arco-input-tag input:not(:first-child)[value=''] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.arco-cascader-prefix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
    white-space: nowrap;
    color: var(--color-text-2);
}

.arco-cascader-suffix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4px;
}

.arco-cascader-suffix-icon,
.arco-cascader-search-icon,
.arco-cascader-loading-icon,
.arco-cascader-expand-icon,
.arco-cascader-clear-icon {
    font-size: 12px;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-cascader-arrow-icon {
    font-size: 12px;
}

.arco-cascader-open .arco-cascader-arrow-icon svg {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.arco-cascader .arco-cascader-clear-icon {
    display: none;
    cursor: pointer;
}

.arco-cascader .arco-cascader-clear-icon > svg {
    position: relative;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-cascader:hover .arco-cascader-clear-icon {
    display: block;
}

.arco-cascader:hover .arco-cascader-clear-icon ~ * {
    display: none;
}

.arco-cascader-wrapper {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.arco-cascader-wrapper .arco-cascader {
    min-width: 0;
}

.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:first-child) .arco-cascader-view {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:last-child) .arco-cascader-view {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-cascader-addbefore {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    white-space: nowrap;
    border: 1px solid transparent;
}

.arco-cascader-addbefore {
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 7px;
}

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 0;
    padding-left: 4px;
}

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 4px;
}

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 11px;
}

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 0;
    padding-left: 8px;
}

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 8px;
}

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 11px;
}

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 0;
    padding-left: 8px;
}

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 8px;
}

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 15px;
}

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 0;
    padding-left: 12px;
}

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input,
.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 12px;
}

.arco-cascader-wrapper-rtl .arco-cascader-addbefore {
    border-right: unset;
    border-left: 1px solid var(--color-border-2);
}

.arco-cascader-rtl .arco-cascader-view {
    text-align: right;
}

.arco-cascader-rtl .arco-cascader-multiple .arco-cascader-view-with-prefix {
    padding-left: 0;
    padding-right: 12px;
}

.arco-cascader-rtl .arco-cascader-prefix {
    margin-right: 0;
    margin-left: 12px;
}

.arco-cascader-rtl .arco-cascader-suffix {
    margin-left: 0;
    margin-right: 4px;
}

.arco-cascader-popup {
    top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.arco-cascader-popup-trigger-hover .arco-cascader-list-item {
    -webkit-transition: font-weight 0s;
    -moz-transition: font-weight 0s;
    transition: font-weight 0s;
}

.arco-cascader-popup .arco-cascader-popup-inner {
    width: 100%;
    white-space: nowrap;
    list-style: none;
    height: 200px;
}

.arco-cascader-highlight {
    font-weight: 500;
}

.arco-cascader-list-column {
    position: relative;
    vertical-align: top;
    display: inline-block;
    background-color: var(--color-bg-popup);
    height: 100%;
}

.arco-cascader-list-column-virtual {
    width: 120px;
}

.arco-cascader-list-column:not(:last-of-type) {
    border-right: 1px solid var(--color-fill-3);
}

.arco-cascader-list-wrapper {
    position: relative;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 0;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-cascader-list-wrapper-with-footer {
    padding-bottom: 0;
}

.arco-cascader-list-empty {
    height: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-cascader-list {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-cascader-list-item,
.arco-cascader-list-search-item {
    position: relative;
    height: 36px;
    line-height: 36px;
    min-width: 100px;
    font-size: 14px;
    color: var(--color-text-1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    background-color: transparent;
}

.arco-cascader-list-item-label,
.arco-cascader-list-search-item-label {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 12px;
    padding-right: 34px;
}

.arco-cascader-list-item .arco-icon-right,
.arco-cascader-list-search-item .arco-icon-right,
.arco-cascader-list-item .arco-icon-check,
.arco-cascader-list-search-item .arco-icon-check {
    position: absolute;
    color: var(--color-text-2);
    top: 50%;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}

.arco-cascader-list-item .arco-icon-check,
.arco-cascader-list-search-item .arco-icon-check {
    color: rgb(var(--primary-6));
}

.arco-cascader-list-item .arco-icon-loading,
.arco-cascader-list-search-item .arco-icon-loading {
    position: absolute;
    margin-top: -6px;
    top: 50%;
    font-size: 12px;
    right: 10px;
    color: rgb(var(--primary-6));
}

.arco-cascader-list-item:hover,
.arco-cascader-list-search-item-hover {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
}

.arco-cascader-list-item:hover .arco-checkbox input,
.arco-cascader-list-search-item-hover .arco-checkbox input {
    display: none;
}

.arco-cascader-list-item:hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover::before,
.arco-cascader-list-search-item-hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover::before {
    background-color: var(--color-fill-3);
}

.arco-cascader-list-item-disabled,
.arco-cascader-list-search-item-disabled,
.arco-cascader-list-item-disabled:hover,
.arco-cascader-list-search-item-disabled:hover {
    cursor: not-allowed;
    background-color: transparent;
    color: var(--color-text-4);
}

.arco-cascader-list-item-disabled .arco-icon-right,
.arco-cascader-list-search-item-disabled .arco-icon-right,
.arco-cascader-list-item-disabled:hover .arco-icon-right,
.arco-cascader-list-search-item-disabled:hover .arco-icon-right {
    color: inherit;
}

.arco-cascader-list-item-disabled .arco-icon-check,
.arco-cascader-list-search-item-disabled .arco-icon-check,
.arco-cascader-list-item-disabled:hover .arco-icon-check,
.arco-cascader-list-search-item-disabled:hover .arco-icon-check {
    color: var(--color-primary-light-3);
}

.arco-cascader-list-item-active {
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    background-color: var(--color-fill-2);
    color: var(--color-text-1);
    font-weight: 500;
}

.arco-cascader-list-item-active:hover {
    background-color: var(--color-fill-2);
    font-weight: 500;
    color: var(--color-text-1);
}

.arco-cascader-list-item-active.arco-cascader-list-item-disabled,
.arco-cascader-list-item-active.arco-cascader-list-item-disabled:hover {
    background-color: var(--color-fill-2);
    font-weight: 500;
    color: var(--color-text-4);
}

.arco-cascader-list-multiple .arco-cascader-list-item-label {
    padding-left: 0;
}

.arco-cascader-list-multiple .arco-cascader-list-item,
.arco-cascader-list-multiple .arco-cascader-list-search-item {
    padding-left: 12px;
}

.arco-cascader-list-multiple .arco-cascader-list-item .arco-checkbox,
.arco-cascader-list-multiple .arco-cascader-list-search-item .arco-checkbox {
    padding-left: 0;
    margin-right: 8px;
}

.arco-cascader-list-search.arco-cascader-list-multiple .arco-cascader-list-item-label {
    padding-right: 12px;
}

.arco-cascader-list-footer {
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
    border-top: 1px solid var(--color-fill-3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cascaderSlide-enter-active,
.cascaderSlide-appear-active {
    -webkit-transition: margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-cascader-list-column-rtl {
    direction: rtl;
}

.arco-cascader-list-column-rtl:not(:last-of-type) {
    border-left: 1px solid var(--color-fill-3);
    border-right: none;
}

.arco-cascader-list-rtl .arco-cascader-list-item-label,
.arco-cascader-list-rtl .arco-cascader-list-search-item-label {
    padding-left: 34px;
    padding-right: 12px;
}

.arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-left,
.arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-left,
.arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-check,
.arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-check {
    position: absolute;
    color: var(--color-text-2);
    top: 50%;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: initial;
    left: 10px;
}

.arco-cascader-list-rtl .arco-cascader-list-footer {
    padding-left: 0;
    padding-right: 12px;
}

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item-label {
    padding-right: 0;
}

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item,
.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item {
    padding-right: 12px;
}

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item .arco-checkbox,
.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item .arco-checkbox {
    padding-right: 0;
    margin-left: 8px;
}

.arco-cascader-list-rtl.arco-cascader-multiple.arco-cascader-list-search .arco-cascader-list-item-label {
    padding-left: 12px;
    padding-right: 0;
}

.arco-icon-hover.arco-checkbox-icon-hover::before {
    width: 24px;
    height: 24px;
}

.arco-checkbox {
    display: inline-block;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 5px;
    line-height: unset;
    position: relative;
}

.arco-checkbox > input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.arco-checkbox > input[type='checkbox']:focus-visible + .arco-checkbox-icon-hover::before {
    background-color: var(--color-fill-2);
    opacity: 1;
}

.arco-checkbox:hover .arco-checkbox-icon-hover::before {
    background-color: var(--color-fill-2);
}

.arco-checkbox-text {
    color: var(--color-text-1);
    margin-left: 8px;
}

.arco-checkbox-mask-wrapper {
    vertical-align: middle;
    top: -0.09em;
    position: relative;
    line-height: 1;
}

.arco-checkbox-mask {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid var(--color-fill-3);
    border-radius: var(--border-radius-small);
    background-color: var(--color-bg-2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-checkbox-mask::after {
    content: '';
    display: block;
    height: 2px;
    width: 6px;
    background: var(--color-white);
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    position: absolute;
    border-radius: 0.5px;
}

.arco-checkbox-mask-icon {
    position: relative;
    height: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    color: var(--color-white);
    -webkit-transform-origin: center 75%;
    -moz-transform-origin: center 75%;
    transform-origin: center 75%;
    margin: 0 auto;
    display: block;
    width: 8px;
}

.arco-checkbox:hover .arco-checkbox-mask {
    border-color: var(--color-fill-4);
    -webkit-transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-checkbox-checked:hover .arco-checkbox-mask,
.arco-checkbox-indeterminate:hover .arco-checkbox-mask {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-checkbox-checked .arco-checkbox-mask {
    border-color: transparent;
    background-color: rgb(var(--primary-6));
}

.arco-checkbox-checked .arco-checkbox-mask-icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-checkbox-indeterminate .arco-checkbox-mask {
    border-color: transparent;
    background-color: rgb(var(--primary-6));
}

.arco-checkbox-indeterminate .arco-checkbox-mask-icon {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.arco-checkbox-indeterminate .arco-checkbox-mask::after {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-checkbox.arco-checkbox-disabled {
    cursor: not-allowed;
}

.arco-checkbox.arco-checkbox-disabled .arco-checkbox-icon-hover {
    cursor: not-allowed;
}

.arco-checkbox.arco-checkbox-disabled:hover .arco-checkbox-mask {
    border-color: var(--color-fill-3);
}

.arco-checkbox-checked:hover .arco-checkbox-mask,
.arco-checkbox-indeterminate:hover .arco-checkbox-mask {
    border-color: transparent;
}

.arco-checkbox-disabled .arco-checkbox-mask {
    border-color: var(--color-fill-3);
    background-color: var(--color-fill-2);
}

.arco-checkbox-disabled.arco-checkbox-checked .arco-checkbox-mask,
.arco-checkbox-disabled.arco-checkbox-checked:hover .arco-checkbox-mask,
.arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-mask,
.arco-checkbox-disabled.arco-checkbox-indeterminate:hover .arco-checkbox-mask {
    border-color: transparent;
    background-color: var(--color-primary-light-3);
}

.arco-checkbox-disabled:hover .arco-checkbox-mask-wrapper::before,
.arco-checkbox-checked:hover .arco-checkbox-mask-wrapper::before,
.arco-checkbox-indeterminate:hover .arco-checkbox-mask-wrapper::before {
    background-color: transparent;
}

.arco-checkbox-disabled .arco-checkbox-text {
    color: var(--color-text-4);
}

.arco-checkbox-disabled .arco-checkbox-mask-icon {
    color: var(--color-fill-2);
}

.arco-checkbox-group {
    display: inline-block;
}

.arco-checkbox-group .arco-checkbox {
    margin-right: 16px;
}

.arco-checkbox-group-direction-vertical .arco-checkbox {
    display: block;
    margin-right: 0;
    line-height: 32px;
}

.arco-checkbox-rtl {
    direction: rtl;
    padding-left: 0;
    padding-right: 5px;
}

.arco-checkbox-rtl .arco-checkbox-text {
    margin-left: 0;
    margin-right: 8px;
}

.arco-checkbox-group-rtl .arco-checkbox {
    margin-right: 0;
    margin-left: 16px;
}

.arco-icon-hover.arco-collapse-item-icon-hover::before {
    width: 16px;
    height: 16px;
}

.arco-icon-hover.arco-collapse-item-icon-hover:hover::before {
    background-color: var(--color-fill-2);
}

.arco-collapse {
    overflow: hidden;
    border-radius: var(--border-radius-medium);
    border: 1px solid var(--color-neutral-3);
    line-height: 1.5715;
}

.arco-collapse-rtl {
    direction: rtl;
}

.arco-collapse-item {
    border-bottom: 1px solid var(--color-neutral-3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-collapse-item-active > .arco-collapse-item-header {
    background-color: var(--color-bg-2);
    border-color: var(--color-neutral-3);
    -webkit-transition: border-color 0s ease 0s;
    -moz-transition: border-color 0s ease 0s;
    transition: border-color 0s ease 0s;
}

.arco-collapse-item-active > .arco-collapse-item-header .arco-collapse-item-header-title {
    font-weight: 500;
}

.arco-collapse-item-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: var(--color-bg-2);
    border-bottom: 1px solid transparent;
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    line-height: 24px;
    -webkit-transition: border-color 0s ease 0.19s;
    -moz-transition: border-color 0s ease 0.19s;
    transition: border-color 0s ease 0.19s;
}

.arco-collapse-item-header[data-active-region='header'] {
    cursor: unset;
}

.arco-collapse-item-header[data-active-region='header'] > .arco-collapse-item-header-title,
.arco-collapse-item-header[data-active-region='header'] > .arco-icon-hover {
    cursor: pointer;
}

.arco-collapse-item-header[data-active-region='icon'] {
    cursor: unset;
}

.arco-collapse-item-header[data-active-region='icon'] > .arco-icon-hover {
    cursor: pointer;
}

.arco-collapse-item-header:focus-visible {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-collapse-item-header-left {
    padding-left: 32px;
    padding-right: 13px;
}

.arco-collapse-item-header-right {
    padding-left: 13px;
    padding-right: 32px;
}

.arco-collapse-item-header-disabled {
    cursor: not-allowed;
    color: var(--color-text-4);
    background-color: var(--color-bg-2);
}

.arco-collapse-item-header-disabled .arco-collapse-item-header-icon {
    color: var(--color-text-4);
}

.arco-collapse-item-header-title {
    display: inline;
}

.arco-collapse-item-header-extra {
    float: right;
}

.arco-collapse-item .arco-collapse-item-icon-hover {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 13px;
    text-align: center;
}

.arco-collapse-item .arco-collapse-item-icon-hover-right {
    right: 13px;
    left: unset;
}

.arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.arco-collapse-item-header-icon {
    color: var(--color-neutral-7);
    font-size: 14px;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    vertical-align: middle;
    position: relative;
    display: block;
}

.arco-collapse-item-header-icon-down {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.arco-collapse-item-content {
    display: none;
    overflow: hidden;
    position: relative;
    color: var(--color-text-1);
    background-color: var(--color-fill-1);
    font-size: 14px;
    -webkit-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-collapse-item-content-expanded {
    display: block;
    height: auto;
}

.arco-collapse-item-content-box {
    padding: 8px 13px 8px 34px;
}

.arco-collapse-item.arco-collapse-item-disabled > .arco-collapse-item-content {
    color: var(--color-text-1);
}

.arco-collapse-item-no-icon > .arco-collapse-item-header {
    padding-left: 13px;
    padding-right: 13px;
}

.arco-collapse-item:last-of-type {
    border-bottom: none;
}

.arco-collapse.arco-collapse-borderless {
    border: none;
}

.arco-collapse::after {
    display: table;
    content: '';
    clear: both;
}

.arco-color-picker {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: var(--color-fill-2);
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-color-picker-preview {
    border: 1px solid var(--color-border-2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.arco-color-picker-value {
    margin-left: 6px;
    font-weight: 400;
    color: var(--color-text-1);
}

.arco-color-picker-input {
    display: none;
}

.arco-color-picker:hover {
    cursor: pointer;
    background-color: var(--color-fill-3);
}

.arco-color-picker-size-default {
    min-height: 32px;
    padding: 4px 4px;
}

.arco-color-picker-size-default .arco-color-picker-preview {
    height: 24px;
    width: 24px;
}

.arco-color-picker-size-default .arco-color-picker-value {
    font-size: 14px;
}

.arco-color-picker-size-mini {
    min-height: 24px;
    padding: 4px 4px;
}

.arco-color-picker-size-mini .arco-color-picker-preview {
    height: 16px;
    width: 16px;
}

.arco-color-picker-size-mini .arco-color-picker-value {
    font-size: 12px;
}

.arco-color-picker-size-small {
    min-height: 28px;
    padding: 3px 4px;
}

.arco-color-picker-size-small .arco-color-picker-preview {
    height: 22px;
    width: 22px;
}

.arco-color-picker-size-small .arco-color-picker-value {
    font-size: 14px;
}

.arco-color-picker-size-large {
    min-height: 36px;
    padding: 5px 5px;
}

.arco-color-picker-size-large .arco-color-picker-preview {
    height: 26px;
    width: 26px;
}

.arco-color-picker-size-large .arco-color-picker-value {
    font-size: 14px;
}

.arco-color-picker.arco-color-picker-disabled {
    background-color: var(--color-fill-2);
    cursor: not-allowed;
}

.arco-color-picker.arco-color-picker-disabled .arco-color-picker-value {
    color: var(--color-text-4);
}

.arco-color-picker-panel {
    width: 260px;
    border-radius: 2px;
    background-color: var(--color-bg-1);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}

.arco-color-picker-panel .arco-color-picker-palette {
    width: 100%;
    height: 178px;
    position: relative;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)), -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, transparent), -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(bottom, #000000, transparent), -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
    background-image: linear-gradient(0deg, #000000, transparent), linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));
    overflow: hidden;
    border-left: 1px solid var(--color-border-2);
    border-top: 1px solid var(--color-border-2);
    border-right: 1px solid var(--color-border-2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-color-picker-panel .arco-color-picker-palette .arco-color-picker-handler {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid var(--color-bg-white);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-color-picker-panel .arco-color-picker-panel-control {
    padding: 12px;
}

.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-preview {
    margin-left: auto;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid var(--color-border-2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-control-bar-alpha {
    margin-top: 12px;
}

.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper {
    margin-top: 12px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-color-picker-group-wrapper {
    margin-left: 12px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-select-view,
.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-input-inner-wrapper {
    padding: 0 6px;
}

.arco-color-picker-panel .arco-color-picker-panel-control-gradient {
    padding: 12px 12px 0;
}

.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-control-bar-gradient {
    margin: 0 8px 12px;
}

.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-control-bar-gradient .arco-color-picker-control-bar {
    width: 100%;
}

.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-panel-control-gradient-tag {
    margin-bottom: 12px;
}

.arco-color-picker-panel .arco-color-picker-panel-colors {
    padding: 12px;
    border-top: 1px solid var(--color-border-2);
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-section:not(:first-child) {
    margin-top: 12px;
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-text {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-1);
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-empty {
    margin: 12px 0;
    font-size: 12px;
    color: var(--color-text-3);
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-wrapper {
    margin-top: 8px;
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px -4px 0;
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block {
    margin: 6px 3px 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: -webkit-transform ease-out 60ms;
    transition: -webkit-transform ease-out 60ms;
    -moz-transition: transform ease-out 60ms, -moz-transform ease-out 60ms;
    transition: transform ease-out 60ms;
    transition: transform ease-out 60ms, -webkit-transform ease-out 60ms, -moz-transform ease-out 60ms;
    background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
    background-size: 8px 8px;
    overflow: hidden;
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block .arco-color-picker-block {
    width: 100%;
    height: 100%;
}

.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.arco-color-picker-panel .arco-color-picker-control-bar-bg {
    background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
    background-size: 8px 8px;
}

.arco-color-picker-panel .arco-color-picker-control-bar {
    width: 182px;
    height: 14px;
    position: relative;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid var(--color-border-2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    background-color: var(--color-bg-white);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid var(--color-border-2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler-center {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-transform: translate(3px, 3px);
    -moz-transform: translate(3px, 3px);
    transform: translate(3px, 3px);
}

.arco-color-picker-panel .arco-color-picker-control-bar-hue {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00));
    background: -webkit-linear-gradient(left, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);
    background: -moz-linear-gradient(left, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);
    background: linear-gradient(90deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);
}

.arco-color-picker-panel .arco-color-picker-select-type {
    width: 58px;
}

.arco-color-picker-panel .arco-color-picker-input-group {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-color-picker-panel .arco-color-picker-input-group > * {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-color-picker-panel .arco-color-picker-input-alpha {
    width: 52px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.arco-color-picker-panel .arco-color-picker-input-hex .arco-input {
    padding-left: 4px;
}

.arco-color-picker-type-dropdown .arco-select-option {
    font-size: 12px !important;
    line-height: 24px !important;
}

.arco-comment {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    line-height: 1.5715;
}

.arco-comment:not(:first-of-type),
.arco-comment-inner-comment {
    margin-top: 20px;
}

.arco-comment-inner {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-comment-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    cursor: pointer;
}

.arco-comment-avatar > img {
    width: 32px;
    height: 32px;
    border-radius: var(--border-radius-circle);
}

.arco-comment-author {
    color: var(--color-text-2);
    font-size: 14px;
    margin-right: 8px;
}

.arco-comment-datetime {
    color: var(--color-text-3);
    font-size: 12px;
}

.arco-comment-content {
    font-size: 14px;
    color: var(--color-text-1);
}

.arco-comment-title-align-right {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.arco-comment-actions {
    margin-top: 8px;
    color: var(--color-text-2);
    font-size: 14px;
}

.arco-comment-actions > *:not(:last-child) {
    margin-right: 8px;
}

.arco-comment-actions-align-right {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.arco-comment-rtl {
    direction: rtl;
}

.arco-comment-rtl .arco-comment-title {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-comment-rtl .arco-comment-avatar {
    margin-right: 0;
    margin-left: 12px;
}

.arco-comment-rtl .arco-comment-author {
    margin-right: 0;
    margin-left: 8px;
}

.arco-comment-rtl .arco-comment-actions > *:not(:last-child) {
    margin-left: 8px;
    margin-right: 0;
}

.arco-picker-container,
.arco-picker-range-container {
    border: 1px solid var(--color-neutral-3);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-bg-popup);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 60px;
    overflow: hidden;
}

.arco-picker-container-shortcuts-placement-left,
.arco-picker-range-container-shortcuts-placement-left {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts,
.arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts > *,
.arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts > * {
    margin: 5px 0;
}

.arco-picker-container-shortcuts-placement-left .arco-picker-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-left .arco-picker-panel-wrapper,
.arco-picker-container-shortcuts-placement-left .arco-picker-range-panel-wrapper,
.arco-picker-range-container-shortcuts-placement-left .arco-picker-range-panel-wrapper {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-picker-panel-only,
.arco-picker-range-panel-only {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-picker-panel-only .arco-panel-date-inner,
.arco-picker-range-panel-only .arco-panel-date-inner {
    width: 100%;
}

.arco-picker-range-panel-only .arco-panel-date,
.arco-picker-range-panel-only .arco-panel-month,
.arco-picker-range-panel-only .arco-panel-year {
    width: 100%;
}

.arco-picker-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px;
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-picker-header-value {
    font-size: 14px;
    line-height: 24px;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
    color: var(--color-text-1);
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-picker-header-icon {
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-text-2);
    background-color: var(--color-bg-popup);
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-picker-header-icon:not(.arco-picker-header-icon-hidden) {
    cursor: pointer;
}

.arco-picker-header-icon:not(.arco-picker-header-icon-hidden):hover {
    background-color: var(--color-fill-3);
}

.arco-picker-header-label {
    cursor: pointer;
    padding: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.arco-picker-header-label:hover {
    background-color: var(--color-fill-3);
}

.arco-picker-body {
    padding: 14px 16px;
}

.arco-picker-week-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 16px 0;
}

.arco-picker-week-list-item {
    color: var(--color-text-2);
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 0;
    text-align: center;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
}

.arco-picker-row {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-picker-cell {
    position: relative;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    cursor: pointer;
    padding: 2px 0;
}

.arco-picker-cell .arco-picker-date {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 4px 0;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-picker-date-value {
    color: var(--color-text-4);
    font-size: 14px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 24px;
    font-weight: 500;
}

.arco-picker-cell-in-view .arco-picker-date-value {
    color: var(--color-text-1);
    font-weight: 500;
}

.arco-picker-cell:hover .arco-picker-date-value {
    background-color: var(--color-fill-3);
    color: var(--color-text-1);
}

.arco-picker-cell-today {
    position: relative;
}

.arco-picker-cell-today::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgb(var(--primary-6));
}

.arco-picker-cell-in-range .arco-picker-date {
    background-color: var(--color-primary-light-1);
}

.arco-picker-cell-range-start .arco-picker-date,
.arco-picker-cell-hover-range-start .arco-picker-date {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.arco-picker-cell-range-end .arco-picker-date,
.arco-picker-cell-hover-range-end .arco-picker-date {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.arco-picker-cell-range-start:hover .arco-picker-date-value,
.arco-picker-cell-range-end:hover .arco-picker-date-value {
    background-color: unset;
}

.arco-picker-cell-disabled .arco-picker-date {
    background-color: var(--color-fill-1);
    cursor: not-allowed;
}

.arco-picker-cell-disabled .arco-picker-date-value,
.arco-picker-cell-disabled:hover .arco-picker-date-value {
    color: var(--color-text-4);
    background-color: transparent;
}

.arco-picker-cell-selected .arco-picker-date-value,
.arco-picker-cell-selected:hover .arco-picker-date-value {
    color: var(--color-white);
    background-color: rgb(var(--primary-6));
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-picker-cell-hover-in-range .arco-picker-date,
.arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value,
.arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value {
    background-color: var(--color-primary-light-2);
}

.arco-picker-cell-range-edge-in-hover-range .arco-picker-date {
    border-radius: 0;
}

.arco-picker-cell-hover-range-edge-in-range .arco-picker-date {
    border-radius: 0;
}

.arco-picker-cell-hidden .arco-picker-date {
    display: none;
}

.arco-picker-footer {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 100%;
}

.arco-picker-footer-btn-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    padding: 3px 8px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-picker-footer-extra-wrapper {
    padding: 8px 24px;
    color: var(--color-text-1);
    border-top: 1px solid var(--color-neutral-3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
}

.arco-picker-footer-now-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.arco-picker-btn-select-date,
.arco-picker-btn-select-time {
    margin-right: 8px;
}

.arco-picker-btn-confirm {
    margin: 5px 0;
}

.arco-picker-shortcuts {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-picker-shortcuts > * {
    margin: 5px 10px 5px 0;
}

.arco-panel-date {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-panel-date-inner {
    width: 265px;
}

.arco-panel-date-inner .arco-picker-body {
    padding-top: 0;
}

.arco-panel-date-timepicker {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-panel-date-timepicker-title {
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid var(--color-neutral-3);
    color: var(--color-text-1);
}

.arco-panel-date-timepicker .arco-timepicker {
    width: 265px;
    height: 276px;
    padding: 0 6px;
    overflow: hidden;
}

.arco-panel-date-timepicker .arco-timepicker-list {
    width: 100%;
    height: 100%;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-panel-date-timepicker .arco-timepicker-list:not(:last-child) {
    border-right: 0;
}

.arco-panel-date-timepicker .arco-timepicker ul::after {
    height: 244px;
}

.arco-panel-date-timepicker .arco-timepicker-cell {
    width: 100%;
}

.arco-panel-date-holder {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-top: 1px solid var(--color-neutral-3);
}

.arco-panel-date-holder-btn {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: var(--color-text-3);
    font-size: 16px;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
}

.arco-panel-date-holder-btn:first-child {
    border-right: 1px solid var(--color-neutral-3);
}

.arco-panel-date-holder-btn:hover,
.arco-panel-date-holder-btn:active,
.arco-panel-date-holder-btn-active {
    color: var(--color-text-1);
}

.arco-panel-date-holder-btn-value {
    margin-left: 8px;
}

.arco-panel-date:first-child .arco-panel-date-holder {
    border-right: 1px solid var(--color-neutral-3);
}

.arco-panel-month,
.arco-panel-quarter,
.arco-panel-year {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 265px;
}

.arco-panel-month .arco-picker-date,
.arco-panel-quarter .arco-picker-date,
.arco-panel-year .arco-picker-date {
    padding: 4px;
}

.arco-panel-month .arco-picker-date-value,
.arco-panel-quarter .arco-picker-date-value,
.arco-panel-year .arco-picker-date-value {
    border-radius: 24px;
    width: 100%;
}

.arco-panel-month .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,
.arco-panel-quarter .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,
.arco-panel-year .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover {
    border-radius: 24px;
}

.arco-panel-year {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 265px;
}

.arco-panel-week {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-panel-week-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-panel-week-inner {
    width: 298px;
}

.arco-panel-week-inner .arco-picker-body {
    padding-top: 0;
}

.arco-panel-week .arco-picker-row-week {
    cursor: pointer;
}

.arco-panel-week .arco-picker-row-week .arco-picker-date-value {
    width: 100%;
    border-radius: 0;
}

.arco-panel-week .arco-picker-cell .arco-picker-date {
    border-radius: 0;
}

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date {
    padding-left: 4px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date {
    padding-right: 4px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.arco-panel-week .arco-picker-row-week:hover .arco-picker-cell:not(.arco-picker-cell-week):not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-in-range):not(.arco-picker-cell-hover-in-range) .arco-picker-date-value {
    background-color: var(--color-fill-3);
}

.arco-panel-quarter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 265px;
}

.arco-picker-range-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-datepicker-shortcuts-wrapper {
    width: 106px;
    height: 100%;
    max-height: 300px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

.arco-datepicker-shortcuts-wrapper > li {
    width: 100%;
    padding: 6px 16px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-datepicker-shortcuts-wrapper > li:hover {
    color: rgb(var(--primary-6));
}

.arco-picker-container-rtl,
.arco-picker-range-container-rtl {
    direction: rtl;
}

.arco-picker-container-rtl .arco-picker-cell-range-start .arco-picker-date,
.arco-picker-range-container-rtl .arco-picker-cell-range-start .arco-picker-date,
.arco-picker-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date,
.arco-picker-range-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date {
    border-radius: 0 24px 24px 0;
}

.arco-picker-container-rtl .arco-picker-cell-range-end .arco-picker-date,
.arco-picker-range-container-rtl .arco-picker-cell-range-end .arco-picker-date,
.arco-picker-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date,
.arco-picker-range-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date {
    border-radius: 24px 0 0 24px;
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date,
.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date {
    padding-right: 4px;
    padding-left: 0;
    border-radius: 0 24px 24px 0;
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value,
.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value {
    border-radius: 0 24px 24px 0;
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date,
.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date {
    padding-left: 4px;
    padding-right: 0;
    border-radius: 24px 0 0 24px;
}

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value,
.arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value {
    border-radius: 24px 0 0 24px;
}

.arco-descriptions-table {
    width: 100%;
    border-collapse: collapse;
}

.arco-descriptions-table-layout-fixed table {
    table-layout: fixed;
}

.arco-descriptions-title {
    font-size: 16px;
    color: var(--color-text-1);
    font-weight: 500;
    line-height: 1.5715;
    margin-bottom: 16px;
}

.arco-descriptions-item,
.arco-descriptions-item-label,
.arco-descriptions-item-value {
    padding: 0 4px 12px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5715;
}

.arco-descriptions-item-label {
    color: var(--color-text-3);
    font-weight: 500;
    width: 1px;
    white-space: nowrap;
}

.arco-descriptions-table-layout-fixed .arco-descriptions-item-label {
    width: auto;
}

.arco-descriptions-item-value {
    color: var(--color-text-1);
    font-weight: 400;
}

.arco-descriptions-item-label-inline,
.arco-descriptions-item-value-inline {
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5715;
}

.arco-descriptions-item-label-inline {
    color: var(--color-text-3);
    font-weight: 500;
    margin-bottom: 2px;
}

.arco-descriptions-item-value-inline {
    color: var(--color-text-1);
    font-weight: 400;
}

.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline {
    margin-right: 4px;
}

.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline,
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-value-inline {
    display: inline-block;
    margin-bottom: 0;
}

.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 12px 20px;
}

.arco-descriptions-border .arco-descriptions-body {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
}

.arco-descriptions-border .arco-descriptions-row:not(:last-child) {
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item,
.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-label,
.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-value {
    border-right: 1px solid var(--color-neutral-3);
}

.arco-descriptions-border .arco-descriptions-item,
.arco-descriptions-border .arco-descriptions-item-label,
.arco-descriptions-border .arco-descriptions-item-value {
    padding: 7px 20px;
}

.arco-descriptions-border .arco-descriptions-item-label {
    background-color: var(--color-fill-1);
}

.arco-descriptions-border .arco-descriptions-item-value:last-child {
    border-right: none;
}

.arco-descriptions-border .arco-descriptions-item:last-child {
    border-right: none;
}

.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child {
    border-right: none;
}

.arco-descriptions-layout-vertical:not(.arco-descriptions-border) .arco-descriptions-item-value:first-child {
    padding-left: 0;
}

.arco-descriptions-size-mini .arco-descriptions-title {
    margin-bottom: 6px;
}

.arco-descriptions-size-mini .arco-descriptions-item-label,
.arco-descriptions-size-mini .arco-descriptions-item-value {
    padding-bottom: 2px;
    padding-right: 20px;
    font-size: 12px;
}

.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-label,
.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-value {
    padding: 3px 20px;
}

.arco-descriptions-size-mini.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 8px 20px;
}

.arco-descriptions-size-small .arco-descriptions-title {
    margin-bottom: 8px;
}

.arco-descriptions-size-small .arco-descriptions-item-label,
.arco-descriptions-size-small .arco-descriptions-item-value {
    padding-bottom: 4px;
    padding-right: 20px;
    font-size: 14px;
}

.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-label,
.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-value {
    padding: 3px 20px;
}

.arco-descriptions-size-small.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 8px 20px;
}

.arco-descriptions-size-medium .arco-descriptions-title {
    margin-bottom: 12px;
}

.arco-descriptions-size-medium .arco-descriptions-item-label,
.arco-descriptions-size-medium .arco-descriptions-item-value {
    padding-bottom: 8px;
    padding-right: 20px;
    font-size: 14px;
}

.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-label,
.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-value {
    padding: 5px 20px;
}

.arco-descriptions-size-medium.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 10px 20px;
}

.arco-descriptions-size-large .arco-descriptions-title {
    margin-bottom: 20px;
}

.arco-descriptions-size-large .arco-descriptions-item-label,
.arco-descriptions-size-large .arco-descriptions-item-value {
    padding-bottom: 16px;
    padding-right: 20px;
    font-size: 14px;
}

.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-label,
.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-value {
    padding: 9px 20px;
}

.arco-descriptions-size-large.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item {
    padding: 14px 20px;
}

.arco-descriptions-rtl {
    direction: rtl;
}

.arco-descriptions-rtl .arco-descriptions-item,
.arco-descriptions-rtl .arco-descriptions-item-label,
.arco-descriptions-rtl .arco-descriptions-item-value {
    text-align: right;
    padding: 0 0 12px 4px;
}

.arco-descriptions-rtl .arco-descriptions-item-label-inline,
.arco-descriptions-rtl .arco-descriptions-item-value-inline {
    text-align: right;
}

.arco-descriptions-rtl.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline {
    margin-right: 0;
    margin-left: 4px;
}

.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item,
.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-label,
.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value {
    border-left: 1px solid var(--color-neutral-3);
    padding: 7px 20px;
}

.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item:last-child,
.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value:last-child {
    border-left: none;
}

.arco-descriptions-rtl.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child {
    border-left: none;
}

.arco-descriptions-rtl.arco-descriptions-layout-vertical:not(.arco-descriptions-rtl.arco-descriptions-border) .arco-descriptions-item-value:first-child {
    padding-right: 0;
}

.arco-divider-horizontal {
    position: relative;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid var(--color-neutral-3);
    clear: both;
}

.arco-divider-horizontal.arco-divider-with-text {
    margin: 20px 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-width: 0;
    border-bottom-style: solid;
}

.arco-divider-horizontal.arco-divider-with-text::before,
.arco-divider-horizontal.arco-divider-with-text::after {
    content: '';
    height: 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border-bottom: 1px;
    border-bottom-style: inherit;
    border-bottom-color: inherit;
}

.arco-divider-horizontal.arco-divider-with-text-left:before {
    -ms-flex-preferred-size: 24px;
    flex-basis: 24px;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.arco-divider-horizontal.arco-divider-with-text-right:after {
    -ms-flex-preferred-size: 24px;
    flex-basis: 24px;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.arco-divider-vertical {
    display: inline-block;
    min-width: 1px;
    max-width: 1px;
    height: 1em;
    margin: 0 12px;
    border-left: 1px solid var(--color-neutral-3);
    vertical-align: middle;
}

.arco-divider-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    color: var(--color-text-1);
}

.arco-drawer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-mask-bg);
}

.arco-drawer-no-mask {
    pointer-events: none;
}

.arco-drawer-no-mask .arco-drawer {
    pointer-events: auto;
}

.arco-drawer-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
}

.arco-drawer-wrapper-hide {
    display: none;
}

.arco-drawer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg-3);
    line-height: 1.5715;
}

.arco-drawer-wrapper {
    position: relative;
    height: 100%;
}

.arco-drawer-fixed {
    position: fixed;
    top: 0;
    z-index: 1001;
}

.arco-drawer-inner {
    height: 100%;
    overflow: hidden;
}

.arco-drawer-scroll {
    overflow: auto;
    height: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-drawer-header {
    height: 48px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px;
    border-bottom: 1px solid var(--color-neutral-3);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-drawer-header-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-1);
    text-align: left;
}

.arco-drawer-footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 16px;
    border-top: 1px solid var(--color-neutral-3);
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-drawer-footer > .arco-btn {
    margin-left: 12px;
}

.arco-drawer .arco-drawer-close-icon {
    position: absolute;
    right: 20px;
    top: 18px;
    cursor: pointer;
    z-index: 1;
    font-size: 12px;
    color: var(--color-text-1);
}

.arco-drawer-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 100%;
    padding: 12px 16px;
    color: var(--color-text-1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: auto;
}

.arco-drawer-rtl {
    direction: rtl;
}

.arco-drawer-rtl .arco-drawer-close-icon {
    right: initial;
    left: 20px;
}

.arco-drawer-rtl .arco-drawer-footer {
    text-align: left;
}

/**********************************************
 * Popup Box
 **********************************************/
/**********************************************
 * Popup Options
 * status: default / disabled / selected / hover
 **********************************************/
/**********************************************
 * Theme dark
 **********************************************/
.arco-dropdown-menu {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 200px;
    padding: 4px 0;
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
}

.arco-dropdown-menu-hidden {
    display: none;
}

.arco-dropdown-menu-item,
.arco-dropdown-menu-pop-header {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-text-1);
    background-color: transparent;
}

.arco-dropdown-menu-item.arco-dropdown-menu-selected,
.arco-dropdown-menu-pop-header.arco-dropdown-menu-selected {
    color: var(--color-text-1);
    background-color: transparent;
    font-weight: 500;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-dropdown-menu-item:hover,
.arco-dropdown-menu-pop-header:hover {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
}

.arco-dropdown-menu-item:focus-visible,
.arco-dropdown-menu-pop-header:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset;
    box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset;
}

.arco-dropdown-menu-item.arco-dropdown-menu-active,
.arco-dropdown-menu-pop-header.arco-dropdown-menu-active {
    -webkit-box-shadow: 0 0 0 1px rgb(var(--primary-6)) inset;
    box-shadow: 0 0 0 1px rgb(var(--primary-6)) inset;
}

.arco-dropdown-menu-item.arco-dropdown-menu-disabled,
.arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled {
    color: var(--color-text-4);
    background-color: transparent;
    cursor: not-allowed;
}

.arco-dropdown-menu-item a,
.arco-dropdown-menu-pop-header a,
.arco-dropdown-menu-item a:hover,
.arco-dropdown-menu-pop-header a:hover,
.arco-dropdown-menu-item a:focus,
.arco-dropdown-menu-pop-header a:focus,
.arco-dropdown-menu-item a:active,
.arco-dropdown-menu-pop-header a:active {
    color: inherit;
    cursor: inherit;
    text-decoration: none;
}

.arco-dropdown-menu-item > a:only-child::before,
.arco-dropdown-menu-pop-header > a:only-child::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.arco-dropdown-menu-pop-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix {
    margin-left: 12px;
}

.arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title {
    margin-top: 4px;
}

.arco-dropdown-menu-group-title {
    margin-top: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    line-height: 20px;
    font-size: 12px;
    color: var(--color-text-3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-dropdown-menu-dark {
    border-color: var(--color-menu-dark-bg);
    background-color: var(--color-menu-dark-bg);
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header {
    color: var(--color-text-4);
    background-color: transparent;
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected {
    color: var(--color-white);
    background-color: transparent;
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected:hover,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected:hover {
    color: var(--color-white);
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item:hover,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header:hover {
    color: var(--color-text-4);
    background-color: var(--color-menu-dark-hover);
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-disabled,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled {
    color: var(--color-text-2);
    background-color: transparent;
}

.arco-dropdown-menu-dark .arco-dropdown-menu-group-title {
    color: var(--color-text-3);
}

.arco-dropdown-menu-pop-trigger .arco-trigger-arrow {
    display: none;
}

.arco-dropdown-menu + .arco-trigger-arrow {
    background-color: var(--color-bg-popup);
}

.arco-dropdown-menu-rtl .arco-dropdown-menu-item,
.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header {
    text-align: right;
}

.arco-dropdown-menu-rtl .arco-dropdown-menu-item .arco-dropdown-menu-icon-suffix,
.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix {
    margin-left: 0;
    margin-right: 12px;
}

.arco-empty {
    width: 100%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-empty .arco-empty-wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: rgb(var(--gray-5));
}

.arco-empty .arco-empty-wrapper .arco-empty-image {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 4px;
}

.arco-empty .arco-empty-wrapper img {
    height: 80px;
}

.arco-empty .arco-empty-description {
    color: rgb(var(--gray-5));
    font-size: 14px;
}

.arco-form {
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /** size style **/
    /** slider display: block **/
}

.arco-form-inline {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.arco-form-inline .arco-form-item {
    width: auto;
    margin-bottom: 8px;
}

.arco-form-item {
    width: 100%;
    margin-bottom: 20px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.arco-form-item.arco-form-item-hidden {
    display: none;
}

.arco-form-item > .arco-form-label-item {
    padding-right: 16px;
}

.arco-form-item.arco-form-item-error {
    margin-bottom: 0;
}

.arco-form-item-wrapper-flex.arco-col {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-form-size-mini .arco-form-label-item {
    line-height: 24px;
    font-size: 12px;
}

.arco-form-size-mini .arco-form-label-item > label {
    font-size: 12px;
}

.arco-form-size-mini .arco-form-item-control {
    min-height: 24px;
}

.arco-form-size-small .arco-form-label-item {
    line-height: 28px;
}

.arco-form-size-small .arco-form-label-item > label {
    font-size: 14px;
}

.arco-form-size-small .arco-form-item-control {
    min-height: 28px;
}

.arco-form-size-large .arco-form-label-item {
    line-height: 36px;
}

.arco-form-size-large .arco-form-label-item > label {
    font-size: 14px;
}

.arco-form-size-large .arco-form-item-control {
    min-height: 36px;
}

.arco-form-extra {
    font-size: 12px;
    color: var(--color-text-3);
    margin-top: 4px;
}

.arco-form-message {
    font-size: 12px;
    color: rgb(var(--danger-6));
    min-height: 20px;
    line-height: 20px;
}

.arco-form-message-help {
    color: var(--color-text-3);
}

.arco-form-message + .arco-form-extra {
    margin-bottom: 4px;
    margin-top: 0;
}

.arco-form-layout-vertical {
    display: block;
}

.arco-form-layout-vertical > .arco-form-label-item {
    line-height: 1.5715;
    white-space: normal;
    text-align: left;
    padding: 0;
    margin-bottom: 8px;
}

.arco-form-layout-inline {
    margin-right: 24px;
}

.arco-form-label-item {
    text-align: right;
    white-space: nowrap;
    line-height: 32px;
}

.arco-form-label-item-flex.arco-col {
    -moz-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
}

.arco-form-label-item-flex.arco-col > label {
    white-space: nowrap;
}

.arco-form-label-item > label {
    font-size: 14px;
    white-space: normal;
    color: var(--color-text-2);
}

.arco-form-label-item .arco-form-item-tooltip {
    margin-left: 4px;
    color: var(--color-text-4);
}

.arco-form-label-item .arco-form-item-symbol {
    color: rgb(var(--danger-6));
    font-size: 12px;
    line-height: 1;
}

.arco-form-label-item .arco-form-item-symbol svg {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.arco-form-label-item-left {
    text-align: left;
}

.arco-form-item-control {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    width: 100%;
}

.arco-form-item-control-children {
    width: 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-form-item-control-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.arco-form .arco-slider {
    display: block;
}

/** input， input number **/
.arco-form-item-status-validating .arco-input:not(.arco-input-disabled),
.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),
.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled) {
    border-color: transparent;
    background-color: var(--color-fill-2);
}

.arco-form-item-status-validating .arco-input:not(.arco-input-disabled):hover,
.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,
.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled):hover {
    border-color: transparent;
    background-color: var(--color-fill-3);
}

.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,
.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus,
.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus,
.arco-form-item-status-validating .arco-textarea.arco-textarea-focus,
.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus:hover,
.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-validating .arco-textarea.arco-textarea-focus:hover {
    border-color: rgb(var(--primary-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-form-item-status-validating .arco-input:focus,
.arco-form-item-status-validating .arco-input:focus:hover {
    border-color: rgb(var(--primary-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-validating {
    /** select **/
    /** cascader **/
    /** treeselect **/
    /** Datepicker **/
    /** InputTag **/
}

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled) {
    border-color: transparent;
    background-color: var(--color-fill-2);
}

.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled):hover {
    border-color: transparent;
    background-color: var(--color-fill-3);
}

.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled):hover {
    border-color: rgb(var(--primary-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-form-item-status-validating .arco-input-tag {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-validating .arco-input-tag:hover {
    border-color: transparent;
    background-color: var(--color-fill-3);
}

.arco-form-item-status-validating .arco-input-tag.arco-input-tag-focus {
    border-color: rgb(var(--primary-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-form-item-status-validating .arco-form-message-help {
    color: rgb(var(--primary-6));
}

.arco-form-item-status-validating .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6));
}

.arco-form-item-feedback-validating {
    color: rgb(var(--primary-6));
}

/** input， input number **/
.arco-form-item-status-success .arco-input:not(.arco-input-disabled),
.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),
.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled) {
    border-color: transparent;
    background-color: var(--color-fill-2);
}

.arco-form-item-status-success .arco-input:not(.arco-input-disabled):hover,
.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,
.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled):hover {
    border-color: transparent;
    background-color: var(--color-fill-3);
}

.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,
.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus,
.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus,
.arco-form-item-status-success .arco-textarea.arco-textarea-focus,
.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus:hover,
.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-success .arco-textarea.arco-textarea-focus:hover {
    border-color: rgb(var(--success-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-success-light-2);
    box-shadow: 0 0 0 0 var(--color-success-light-2);
}

.arco-form-item-status-success .arco-input:focus,
.arco-form-item-status-success .arco-input:focus:hover {
    border-color: rgb(var(--success-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-success-light-2);
    box-shadow: 0 0 0 0 var(--color-success-light-2);
}

.arco-form-item-status-success .arco-input-inner-wrapper .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-success .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-success {
    /** select **/
    /** cascader **/
    /** treeselect **/
    /** Datepicker **/
    /** InputTag **/
}

.arco-form-item-status-success .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-success .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-form-item-status-success .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-success-light-2);
    box-shadow: 0 0 0 0 var(--color-success-light-2);
}

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-success-light-2);
    box-shadow: 0 0 0 0 var(--color-success-light-2);
}

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-success-light-2);
    box-shadow: 0 0 0 0 var(--color-success-light-2);
}

.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled) {
    border-color: transparent;
    background-color: var(--color-fill-2);
}

.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled):hover {
    border-color: transparent;
    background-color: var(--color-fill-3);
}

.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled):hover {
    border-color: rgb(var(--success-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-success-light-2);
    box-shadow: 0 0 0 0 var(--color-success-light-2);
}

.arco-form-item-status-success .arco-input-tag {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-form-item-status-success .arco-input-tag:hover {
    border-color: transparent;
    background-color: var(--color-fill-3);
}

.arco-form-item-status-success .arco-input-tag.arco-input-tag-focus {
    border-color: rgb(var(--success-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-success-light-2);
    box-shadow: 0 0 0 0 var(--color-success-light-2);
}

.arco-form-item-status-success .arco-form-message-help {
    color: rgb(var(--success-6));
}

.arco-form-item-status-success .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6));
}

.arco-form-item-feedback-success {
    color: rgb(var(--success-6));
}

/** input， input number **/
.arco-form-item-status-warning .arco-input:not(.arco-input-disabled),
.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),
.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled) {
    border-color: transparent;
    background-color: var(--color-warning-light-1);
}

.arco-form-item-status-warning .arco-input:not(.arco-input-disabled):hover,
.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,
.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled):hover {
    border-color: transparent;
    background-color: var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,
.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus,
.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus,
.arco-form-item-status-warning .arco-textarea.arco-textarea-focus,
.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus:hover,
.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-warning .arco-textarea.arco-textarea-focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-input:focus,
.arco-form-item-status-warning .arco-input:focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-warning {
    /** select **/
    /** cascader **/
    /** treeselect **/
    /** Datepicker **/
    /** InputTag **/
}

.arco-form-item-status-warning .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-warning-light-1);
    border-color: transparent;
}

.arco-form-item-status-warning .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent;
}

.arco-form-item-status-warning .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-warning-light-1);
    border-color: transparent;
}

.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent;
}

.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-warning-light-1);
    border-color: transparent;
}

.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent;
}

.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled) {
    border-color: transparent;
    background-color: var(--color-warning-light-1);
}

.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled):hover {
    border-color: transparent;
    background-color: var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled):hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-input-tag {
    background-color: var(--color-warning-light-1);
    border-color: transparent;
}

.arco-form-item-status-warning .arco-input-tag:hover {
    border-color: transparent;
    background-color: var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-input-tag.arco-input-tag-focus {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-form-item-status-warning .arco-form-message-help {
    color: rgb(var(--warning-6));
}

.arco-form-item-status-warning .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6));
}

.arco-form-item-feedback-warning {
    color: rgb(var(--warning-6));
}

/** input， input number **/
.arco-form-item-status-error .arco-input:not(.arco-input-disabled),
.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),
.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled) {
    border-color: transparent;
    background-color: var(--color-danger-light-1);
}

.arco-form-item-status-error .arco-input:not(.arco-input-disabled):hover,
.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,
.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled):hover {
    border-color: transparent;
    background-color: var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,
.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus,
.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus,
.arco-form-item-status-error .arco-textarea.arco-textarea-focus,
.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus:hover,
.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus:hover,
.arco-form-item-status-error .arco-textarea.arco-textarea-focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-input:focus,
.arco-form-item-status-error .arco-input:focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-input-inner-wrapper .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-error .arco-input-inner-wrapper .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-form-item-status-error {
    /** select **/
    /** cascader **/
    /** treeselect **/
    /** Datepicker **/
    /** InputTag **/
}

.arco-form-item-status-error .arco-select:not(.arco-select-disabled) .arco-select-view {
    background-color: var(--color-danger-light-1);
    border-color: transparent;
}

.arco-form-item-status-error .arco-select:not(.arco-select-disabled):hover .arco-select-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent;
}

.arco-form-item-status-error .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view {
    background-color: var(--color-danger-light-1);
    border-color: transparent;
}

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent;
}

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view {
    background-color: var(--color-danger-light-1);
    border-color: transparent;
}

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent;
}

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled) {
    border-color: transparent;
    background-color: var(--color-danger-light-1);
}

.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled):hover {
    border-color: transparent;
    background-color: var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled),
.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled):hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-input-tag {
    background-color: var(--color-danger-light-1);
    border-color: transparent;
}

.arco-form-item-status-error .arco-input-tag:hover {
    border-color: transparent;
    background-color: var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-input-tag.arco-input-tag-focus {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-form-item-status-error .arco-form-message-help {
    color: rgb(var(--danger-6));
}

.arco-form-item-status-error .arco-form-message-help .arco-form-message-help-warning {
    color: rgb(var(--warning-6));
}

.arco-form-item-feedback-error {
    color: rgb(var(--danger-6));
}

.arco-form-item-control-children {
    position: relative;
}

.arco-form-item-feedback {
    position: absolute;
    right: 9px;
    top: 50%;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-form-item-feedback .arco-icon-loading {
    font-size: 12px;
}

.arco-form-item-has-feedback .arco-input,
.arco-form-item-has-feedback .arco-input-inner-wrapper,
.arco-form-item-has-feedback .arco-textarea {
    padding-right: 28px;
}

.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view,
.arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view {
    padding-right: 28px;
}

.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix {
    padding-right: 0;
}

.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view,
.arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view {
    padding-right: 28px;
}

.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix {
    padding-right: 0;
}

.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view,
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view {
    padding-right: 28px;
}

.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 0;
}

.arco-form-item-has-feedback .arco-picker {
    padding-right: 28px;
}

.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon,
.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon {
    margin-right: 0;
    margin-left: 0;
}

.arco-form-item-has-feedback .arco-input-tag {
    padding-right: 23px;
}

.arco-form-item-has-feedback .arco-input-tag-suffix {
    padding-right: 0;
}

.arco-form-rtl .arco-form-item-feedback {
    right: unset;
    left: 9px;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-input,
.arco-form-rtl .arco-form-item-has-feedback .arco-input-inner-wrapper,
.arco-form-rtl .arco-form-item-has-feedback .arco-textarea {
    padding-left: 28px;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view,
.arco-form-rtl .arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view {
    padding-left: 28px;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix {
    padding-left: 0;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view,
.arco-form-rtl .arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view {
    padding-left: 28px;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix {
    padding-left: 0;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view,
.arco-form-rtl .arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view {
    padding-left: 28px;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-left: 0;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-picker {
    padding-left: 28px;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon,
.arco-form-rtl .arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon {
    margin-right: 0;
    margin-left: 0;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-input-tag {
    padding-left: 23px;
}

.arco-form-rtl .arco-form-item-has-feedback .arco-input-tag-suffix {
    padding-left: 0;
}

.formblink-enter,
.formblink-appear {
    opacity: 0;
}

.formblink-enter-active,
.formblink-appear-active {
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
}

.formblink-enter-done {
    -webkit-animation: arco-form-blink 0.5s cubic-bezier(0, 0, 1, 1);
    -moz-animation: arco-form-blink 0.5s cubic-bezier(0, 0, 1, 1);
    animation: arco-form-blink 0.5s cubic-bezier(0, 0, 1, 1);
}

@-webkit-keyframes arco-form-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes arco-form-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}

@keyframes arco-form-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}

.arco-form-rtl {
    direction: rtl;
}

.arco-form-rtl .arco-form-item > .arco-form-label-item {
    padding-left: 16px;
    padding-right: 0;
}

.arco-form-rtl .arco-form-label-item {
    text-align: left;
}

.arco-form-rtl .arco-form-layout-vertical > .arco-form-label-item {
    text-align: right;
}

.arco-form-rtl .arco-form-layout-inline {
    margin-right: 0;
    margin-left: 24px;
}

.arco-row {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.arco-row-align-start {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.arco-row-align-center {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-row-align-end {
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.arco-row-justify-start {
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.arco-row-justify-center {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-row-justify-end {
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.arco-row-justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.arco-row-justify-space-between {
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.arco-row-rtl {
    direction: rtl;
}

.arco-col {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-col-rtl {
    direction: rtl;
}

.arco-col-0 {
    display: none;
}

.arco-col-1 {
    display: block;
    width: 4.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 4.16666667%;
    flex: 0 0 4.16666667%;
}

.arco-col-2 {
    display: block;
    width: 8.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
}

.arco-col-3 {
    display: block;
    width: 12.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
}

.arco-col-4 {
    display: block;
    width: 16.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
}

.arco-col-5 {
    display: block;
    width: 20.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20.83333333%;
    flex: 0 0 20.83333333%;
}

.arco-col-6 {
    display: block;
    width: 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.arco-col-7 {
    display: block;
    width: 29.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 29.16666667%;
    flex: 0 0 29.16666667%;
}

.arco-col-8 {
    display: block;
    width: 33.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
}

.arco-col-9 {
    display: block;
    width: 37.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
}

.arco-col-10 {
    display: block;
    width: 41.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
}

.arco-col-11 {
    display: block;
    width: 45.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45.83333333%;
    flex: 0 0 45.83333333%;
}

.arco-col-12 {
    display: block;
    width: 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.arco-col-13 {
    display: block;
    width: 54.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 54.16666667%;
    flex: 0 0 54.16666667%;
}

.arco-col-14 {
    display: block;
    width: 58.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
}

.arco-col-15 {
    display: block;
    width: 62.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
}

.arco-col-16 {
    display: block;
    width: 66.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
}

.arco-col-17 {
    display: block;
    width: 70.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 70.83333333%;
    flex: 0 0 70.83333333%;
}

.arco-col-18 {
    display: block;
    width: 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}

.arco-col-19 {
    display: block;
    width: 79.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 79.16666667%;
    flex: 0 0 79.16666667%;
}

.arco-col-20 {
    display: block;
    width: 83.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
}

.arco-col-21 {
    display: block;
    width: 87.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
}

.arco-col-22 {
    display: block;
    width: 91.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
}

.arco-col-23 {
    display: block;
    width: 95.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 95.83333333%;
    flex: 0 0 95.83333333%;
}

.arco-col-24 {
    display: block;
    width: 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.arco-col-offset-0 {
    margin-left: 0%;
}

.arco-col-offset-0.arco-col-rtl {
    margin-left: 0;
    margin-right: 0%;
}

.arco-col-offset-1 {
    margin-left: 4.16666667%;
}

.arco-col-offset-1.arco-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
}

.arco-col-offset-2 {
    margin-left: 8.33333333%;
}

.arco-col-offset-2.arco-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
}

.arco-col-offset-3 {
    margin-left: 12.5%;
}

.arco-col-offset-3.arco-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
}

.arco-col-offset-4 {
    margin-left: 16.66666667%;
}

.arco-col-offset-4.arco-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
}

.arco-col-offset-5 {
    margin-left: 20.83333333%;
}

.arco-col-offset-5.arco-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
}

.arco-col-offset-6 {
    margin-left: 25%;
}

.arco-col-offset-6.arco-col-rtl {
    margin-left: 0;
    margin-right: 25%;
}

.arco-col-offset-7 {
    margin-left: 29.16666667%;
}

.arco-col-offset-7.arco-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
}

.arco-col-offset-8 {
    margin-left: 33.33333333%;
}

.arco-col-offset-8.arco-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
}

.arco-col-offset-9 {
    margin-left: 37.5%;
}

.arco-col-offset-9.arco-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
}

.arco-col-offset-10 {
    margin-left: 41.66666667%;
}

.arco-col-offset-10.arco-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
}

.arco-col-offset-11 {
    margin-left: 45.83333333%;
}

.arco-col-offset-11.arco-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
}

.arco-col-offset-12 {
    margin-left: 50%;
}

.arco-col-offset-12.arco-col-rtl {
    margin-left: 0;
    margin-right: 50%;
}

.arco-col-offset-13 {
    margin-left: 54.16666667%;
}

.arco-col-offset-13.arco-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
}

.arco-col-offset-14 {
    margin-left: 58.33333333%;
}

.arco-col-offset-14.arco-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
}

.arco-col-offset-15 {
    margin-left: 62.5%;
}

.arco-col-offset-15.arco-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
}

.arco-col-offset-16 {
    margin-left: 66.66666667%;
}

.arco-col-offset-16.arco-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
}

.arco-col-offset-17 {
    margin-left: 70.83333333%;
}

.arco-col-offset-17.arco-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
}

.arco-col-offset-18 {
    margin-left: 75%;
}

.arco-col-offset-18.arco-col-rtl {
    margin-left: 0;
    margin-right: 75%;
}

.arco-col-offset-19 {
    margin-left: 79.16666667%;
}

.arco-col-offset-19.arco-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
}

.arco-col-offset-20 {
    margin-left: 83.33333333%;
}

.arco-col-offset-20.arco-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
}

.arco-col-offset-21 {
    margin-left: 87.5%;
}

.arco-col-offset-21.arco-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
}

.arco-col-offset-22 {
    margin-left: 91.66666667%;
}

.arco-col-offset-22.arco-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
}

.arco-col-offset-23 {
    margin-left: 95.83333333%;
}

.arco-col-offset-23.arco-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
}

.arco-col-order-0 {
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.arco-col-order-1 {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.arco-col-order-2 {
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.arco-col-order-3 {
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.arco-col-order-4 {
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.arco-col-order-5 {
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.arco-col-order-6 {
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.arco-col-order-7 {
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.arco-col-order-8 {
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.arco-col-order-9 {
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.arco-col-order-10 {
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.arco-col-order-11 {
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.arco-col-order-12 {
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.arco-col-order-13 {
    -moz-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.arco-col-order-14 {
    -moz-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
}

.arco-col-order-15 {
    -moz-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
}

.arco-col-order-16 {
    -moz-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
}

.arco-col-order-17 {
    -moz-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17;
}

.arco-col-order-18 {
    -moz-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18;
}

.arco-col-order-19 {
    -moz-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19;
}

.arco-col-order-20 {
    -moz-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20;
}

.arco-col-order-21 {
    -moz-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21;
}

.arco-col-order-22 {
    -moz-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22;
}

.arco-col-order-23 {
    -moz-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23;
}

.arco-col-order-24 {
    -moz-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24;
}

.arco-col-pull-0 {
    right: 0%;
}

.arco-col-pull-0.arco-col-rtl {
    right: unset;
    left: 0%;
}

.arco-col-pull-1 {
    right: 4.16666667%;
}

.arco-col-pull-1.arco-col-rtl {
    right: unset;
    left: 4.16666667%;
}

.arco-col-pull-2 {
    right: 8.33333333%;
}

.arco-col-pull-2.arco-col-rtl {
    right: unset;
    left: 8.33333333%;
}

.arco-col-pull-3 {
    right: 12.5%;
}

.arco-col-pull-3.arco-col-rtl {
    right: unset;
    left: 12.5%;
}

.arco-col-pull-4 {
    right: 16.66666667%;
}

.arco-col-pull-4.arco-col-rtl {
    right: unset;
    left: 16.66666667%;
}

.arco-col-pull-5 {
    right: 20.83333333%;
}

.arco-col-pull-5.arco-col-rtl {
    right: unset;
    left: 20.83333333%;
}

.arco-col-pull-6 {
    right: 25%;
}

.arco-col-pull-6.arco-col-rtl {
    right: unset;
    left: 25%;
}

.arco-col-pull-7 {
    right: 29.16666667%;
}

.arco-col-pull-7.arco-col-rtl {
    right: unset;
    left: 29.16666667%;
}

.arco-col-pull-8 {
    right: 33.33333333%;
}

.arco-col-pull-8.arco-col-rtl {
    right: unset;
    left: 33.33333333%;
}

.arco-col-pull-9 {
    right: 37.5%;
}

.arco-col-pull-9.arco-col-rtl {
    right: unset;
    left: 37.5%;
}

.arco-col-pull-10 {
    right: 41.66666667%;
}

.arco-col-pull-10.arco-col-rtl {
    right: unset;
    left: 41.66666667%;
}

.arco-col-pull-11 {
    right: 45.83333333%;
}

.arco-col-pull-11.arco-col-rtl {
    right: unset;
    left: 45.83333333%;
}

.arco-col-pull-12 {
    right: 50%;
}

.arco-col-pull-12.arco-col-rtl {
    right: unset;
    left: 50%;
}

.arco-col-pull-13 {
    right: 54.16666667%;
}

.arco-col-pull-13.arco-col-rtl {
    right: unset;
    left: 54.16666667%;
}

.arco-col-pull-14 {
    right: 58.33333333%;
}

.arco-col-pull-14.arco-col-rtl {
    right: unset;
    left: 58.33333333%;
}

.arco-col-pull-15 {
    right: 62.5%;
}

.arco-col-pull-15.arco-col-rtl {
    right: unset;
    left: 62.5%;
}

.arco-col-pull-16 {
    right: 66.66666667%;
}

.arco-col-pull-16.arco-col-rtl {
    right: unset;
    left: 66.66666667%;
}

.arco-col-pull-17 {
    right: 70.83333333%;
}

.arco-col-pull-17.arco-col-rtl {
    right: unset;
    left: 70.83333333%;
}

.arco-col-pull-18 {
    right: 75%;
}

.arco-col-pull-18.arco-col-rtl {
    right: unset;
    left: 75%;
}

.arco-col-pull-19 {
    right: 79.16666667%;
}

.arco-col-pull-19.arco-col-rtl {
    right: unset;
    left: 79.16666667%;
}

.arco-col-pull-20 {
    right: 83.33333333%;
}

.arco-col-pull-20.arco-col-rtl {
    right: unset;
    left: 83.33333333%;
}

.arco-col-pull-21 {
    right: 87.5%;
}

.arco-col-pull-21.arco-col-rtl {
    right: unset;
    left: 87.5%;
}

.arco-col-pull-22 {
    right: 91.66666667%;
}

.arco-col-pull-22.arco-col-rtl {
    right: unset;
    left: 91.66666667%;
}

.arco-col-pull-23 {
    right: 95.83333333%;
}

.arco-col-pull-23.arco-col-rtl {
    right: unset;
    left: 95.83333333%;
}

.arco-col-pull-24 {
    right: 100%;
}

.arco-col-pull-24.arco-col-rtl {
    right: unset;
    left: 100%;
}

.arco-col-push-0 {
    left: 0%;
}

.arco-col-push-0.arco-col-rtl {
    left: unset;
    right: 0%;
}

.arco-col-push-1 {
    left: 4.16666667%;
}

.arco-col-push-1.arco-col-rtl {
    left: unset;
    right: 4.16666667%;
}

.arco-col-push-2 {
    left: 8.33333333%;
}

.arco-col-push-2.arco-col-rtl {
    left: unset;
    right: 8.33333333%;
}

.arco-col-push-3 {
    left: 12.5%;
}

.arco-col-push-3.arco-col-rtl {
    left: unset;
    right: 12.5%;
}

.arco-col-push-4 {
    left: 16.66666667%;
}

.arco-col-push-4.arco-col-rtl {
    left: unset;
    right: 16.66666667%;
}

.arco-col-push-5 {
    left: 20.83333333%;
}

.arco-col-push-5.arco-col-rtl {
    left: unset;
    right: 20.83333333%;
}

.arco-col-push-6 {
    left: 25%;
}

.arco-col-push-6.arco-col-rtl {
    left: unset;
    right: 25%;
}

.arco-col-push-7 {
    left: 29.16666667%;
}

.arco-col-push-7.arco-col-rtl {
    left: unset;
    right: 29.16666667%;
}

.arco-col-push-8 {
    left: 33.33333333%;
}

.arco-col-push-8.arco-col-rtl {
    left: unset;
    right: 33.33333333%;
}

.arco-col-push-9 {
    left: 37.5%;
}

.arco-col-push-9.arco-col-rtl {
    left: unset;
    right: 37.5%;
}

.arco-col-push-10 {
    left: 41.66666667%;
}

.arco-col-push-10.arco-col-rtl {
    left: unset;
    right: 41.66666667%;
}

.arco-col-push-11 {
    left: 45.83333333%;
}

.arco-col-push-11.arco-col-rtl {
    left: unset;
    right: 45.83333333%;
}

.arco-col-push-12 {
    left: 50%;
}

.arco-col-push-12.arco-col-rtl {
    left: unset;
    right: 50%;
}

.arco-col-push-13 {
    left: 54.16666667%;
}

.arco-col-push-13.arco-col-rtl {
    left: unset;
    right: 54.16666667%;
}

.arco-col-push-14 {
    left: 58.33333333%;
}

.arco-col-push-14.arco-col-rtl {
    left: unset;
    right: 58.33333333%;
}

.arco-col-push-15 {
    left: 62.5%;
}

.arco-col-push-15.arco-col-rtl {
    left: unset;
    right: 62.5%;
}

.arco-col-push-16 {
    left: 66.66666667%;
}

.arco-col-push-16.arco-col-rtl {
    left: unset;
    right: 66.66666667%;
}

.arco-col-push-17 {
    left: 70.83333333%;
}

.arco-col-push-17.arco-col-rtl {
    left: unset;
    right: 70.83333333%;
}

.arco-col-push-18 {
    left: 75%;
}

.arco-col-push-18.arco-col-rtl {
    left: unset;
    right: 75%;
}

.arco-col-push-19 {
    left: 79.16666667%;
}

.arco-col-push-19.arco-col-rtl {
    left: unset;
    right: 79.16666667%;
}

.arco-col-push-20 {
    left: 83.33333333%;
}

.arco-col-push-20.arco-col-rtl {
    left: unset;
    right: 83.33333333%;
}

.arco-col-push-21 {
    left: 87.5%;
}

.arco-col-push-21.arco-col-rtl {
    left: unset;
    right: 87.5%;
}

.arco-col-push-22 {
    left: 91.66666667%;
}

.arco-col-push-22.arco-col-rtl {
    left: unset;
    right: 91.66666667%;
}

.arco-col-push-23 {
    left: 95.83333333%;
}

.arco-col-push-23.arco-col-rtl {
    left: unset;
    right: 95.83333333%;
}

.arco-col-push-24 {
    left: 100%;
}

.arco-col-push-24.arco-col-rtl {
    left: unset;
    right: 100%;
}

.arco-col-xs-0 {
    display: none;
}

.arco-col-xs-1 {
    display: block;
    width: 4.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 4.16666667%;
    flex: 0 0 4.16666667%;
}

.arco-col-xs-2 {
    display: block;
    width: 8.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
}

.arco-col-xs-3 {
    display: block;
    width: 12.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
}

.arco-col-xs-4 {
    display: block;
    width: 16.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
}

.arco-col-xs-5 {
    display: block;
    width: 20.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20.83333333%;
    flex: 0 0 20.83333333%;
}

.arco-col-xs-6 {
    display: block;
    width: 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.arco-col-xs-7 {
    display: block;
    width: 29.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 29.16666667%;
    flex: 0 0 29.16666667%;
}

.arco-col-xs-8 {
    display: block;
    width: 33.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
}

.arco-col-xs-9 {
    display: block;
    width: 37.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
}

.arco-col-xs-10 {
    display: block;
    width: 41.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
}

.arco-col-xs-11 {
    display: block;
    width: 45.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45.83333333%;
    flex: 0 0 45.83333333%;
}

.arco-col-xs-12 {
    display: block;
    width: 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.arco-col-xs-13 {
    display: block;
    width: 54.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 54.16666667%;
    flex: 0 0 54.16666667%;
}

.arco-col-xs-14 {
    display: block;
    width: 58.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
}

.arco-col-xs-15 {
    display: block;
    width: 62.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
}

.arco-col-xs-16 {
    display: block;
    width: 66.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
}

.arco-col-xs-17 {
    display: block;
    width: 70.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 70.83333333%;
    flex: 0 0 70.83333333%;
}

.arco-col-xs-18 {
    display: block;
    width: 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}

.arco-col-xs-19 {
    display: block;
    width: 79.16666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 79.16666667%;
    flex: 0 0 79.16666667%;
}

.arco-col-xs-20 {
    display: block;
    width: 83.33333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
}

.arco-col-xs-21 {
    display: block;
    width: 87.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
}

.arco-col-xs-22 {
    display: block;
    width: 91.66666667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
}

.arco-col-xs-23 {
    display: block;
    width: 95.83333333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 95.83333333%;
    flex: 0 0 95.83333333%;
}

.arco-col-xs-24 {
    display: block;
    width: 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.arco-col-xs-offset-0 {
    margin-left: 0%;
}

.arco-col-xs-offset-0.arco-col-rtl {
    margin-left: 0;
    margin-right: 0%;
}

.arco-col-xs-offset-1 {
    margin-left: 4.16666667%;
}

.arco-col-xs-offset-1.arco-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
}

.arco-col-xs-offset-2 {
    margin-left: 8.33333333%;
}

.arco-col-xs-offset-2.arco-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
}

.arco-col-xs-offset-3 {
    margin-left: 12.5%;
}

.arco-col-xs-offset-3.arco-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
}

.arco-col-xs-offset-4 {
    margin-left: 16.66666667%;
}

.arco-col-xs-offset-4.arco-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
}

.arco-col-xs-offset-5 {
    margin-left: 20.83333333%;
}

.arco-col-xs-offset-5.arco-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
}

.arco-col-xs-offset-6 {
    margin-left: 25%;
}

.arco-col-xs-offset-6.arco-col-rtl {
    margin-left: 0;
    margin-right: 25%;
}

.arco-col-xs-offset-7 {
    margin-left: 29.16666667%;
}

.arco-col-xs-offset-7.arco-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
}

.arco-col-xs-offset-8 {
    margin-left: 33.33333333%;
}

.arco-col-xs-offset-8.arco-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
}

.arco-col-xs-offset-9 {
    margin-left: 37.5%;
}

.arco-col-xs-offset-9.arco-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
}

.arco-col-xs-offset-10 {
    margin-left: 41.66666667%;
}

.arco-col-xs-offset-10.arco-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
}

.arco-col-xs-offset-11 {
    margin-left: 45.83333333%;
}

.arco-col-xs-offset-11.arco-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
}

.arco-col-xs-offset-12 {
    margin-left: 50%;
}

.arco-col-xs-offset-12.arco-col-rtl {
    margin-left: 0;
    margin-right: 50%;
}

.arco-col-xs-offset-13 {
    margin-left: 54.16666667%;
}

.arco-col-xs-offset-13.arco-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
}

.arco-col-xs-offset-14 {
    margin-left: 58.33333333%;
}

.arco-col-xs-offset-14.arco-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
}

.arco-col-xs-offset-15 {
    margin-left: 62.5%;
}

.arco-col-xs-offset-15.arco-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
}

.arco-col-xs-offset-16 {
    margin-left: 66.66666667%;
}

.arco-col-xs-offset-16.arco-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
}

.arco-col-xs-offset-17 {
    margin-left: 70.83333333%;
}

.arco-col-xs-offset-17.arco-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
}

.arco-col-xs-offset-18 {
    margin-left: 75%;
}

.arco-col-xs-offset-18.arco-col-rtl {
    margin-left: 0;
    margin-right: 75%;
}

.arco-col-xs-offset-19 {
    margin-left: 79.16666667%;
}

.arco-col-xs-offset-19.arco-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
}

.arco-col-xs-offset-20 {
    margin-left: 83.33333333%;
}

.arco-col-xs-offset-20.arco-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
}

.arco-col-xs-offset-21 {
    margin-left: 87.5%;
}

.arco-col-xs-offset-21.arco-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
}

.arco-col-xs-offset-22 {
    margin-left: 91.66666667%;
}

.arco-col-xs-offset-22.arco-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
}

.arco-col-xs-offset-23 {
    margin-left: 95.83333333%;
}

.arco-col-xs-offset-23.arco-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
}

.arco-col-xs-order-0 {
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.arco-col-xs-order-1 {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.arco-col-xs-order-2 {
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.arco-col-xs-order-3 {
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.arco-col-xs-order-4 {
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.arco-col-xs-order-5 {
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.arco-col-xs-order-6 {
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.arco-col-xs-order-7 {
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.arco-col-xs-order-8 {
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.arco-col-xs-order-9 {
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.arco-col-xs-order-10 {
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.arco-col-xs-order-11 {
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.arco-col-xs-order-12 {
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.arco-col-xs-order-13 {
    -moz-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.arco-col-xs-order-14 {
    -moz-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
}

.arco-col-xs-order-15 {
    -moz-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
}

.arco-col-xs-order-16 {
    -moz-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
}

.arco-col-xs-order-17 {
    -moz-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17;
}

.arco-col-xs-order-18 {
    -moz-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18;
}

.arco-col-xs-order-19 {
    -moz-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19;
}

.arco-col-xs-order-20 {
    -moz-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20;
}

.arco-col-xs-order-21 {
    -moz-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21;
}

.arco-col-xs-order-22 {
    -moz-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22;
}

.arco-col-xs-order-23 {
    -moz-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23;
}

.arco-col-xs-order-24 {
    -moz-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24;
}

.arco-col-xs-pull-0 {
    right: 0%;
}

.arco-col-xs-pull-0.arco-col-rtl {
    right: unset;
    left: 0%;
}

.arco-col-xs-pull-1 {
    right: 4.16666667%;
}

.arco-col-xs-pull-1.arco-col-rtl {
    right: unset;
    left: 4.16666667%;
}

.arco-col-xs-pull-2 {
    right: 8.33333333%;
}

.arco-col-xs-pull-2.arco-col-rtl {
    right: unset;
    left: 8.33333333%;
}

.arco-col-xs-pull-3 {
    right: 12.5%;
}

.arco-col-xs-pull-3.arco-col-rtl {
    right: unset;
    left: 12.5%;
}

.arco-col-xs-pull-4 {
    right: 16.66666667%;
}

.arco-col-xs-pull-4.arco-col-rtl {
    right: unset;
    left: 16.66666667%;
}

.arco-col-xs-pull-5 {
    right: 20.83333333%;
}

.arco-col-xs-pull-5.arco-col-rtl {
    right: unset;
    left: 20.83333333%;
}

.arco-col-xs-pull-6 {
    right: 25%;
}

.arco-col-xs-pull-6.arco-col-rtl {
    right: unset;
    left: 25%;
}

.arco-col-xs-pull-7 {
    right: 29.16666667%;
}

.arco-col-xs-pull-7.arco-col-rtl {
    right: unset;
    left: 29.16666667%;
}

.arco-col-xs-pull-8 {
    right: 33.33333333%;
}

.arco-col-xs-pull-8.arco-col-rtl {
    right: unset;
    left: 33.33333333%;
}

.arco-col-xs-pull-9 {
    right: 37.5%;
}

.arco-col-xs-pull-9.arco-col-rtl {
    right: unset;
    left: 37.5%;
}

.arco-col-xs-pull-10 {
    right: 41.66666667%;
}

.arco-col-xs-pull-10.arco-col-rtl {
    right: unset;
    left: 41.66666667%;
}

.arco-col-xs-pull-11 {
    right: 45.83333333%;
}

.arco-col-xs-pull-11.arco-col-rtl {
    right: unset;
    left: 45.83333333%;
}

.arco-col-xs-pull-12 {
    right: 50%;
}

.arco-col-xs-pull-12.arco-col-rtl {
    right: unset;
    left: 50%;
}

.arco-col-xs-pull-13 {
    right: 54.16666667%;
}

.arco-col-xs-pull-13.arco-col-rtl {
    right: unset;
    left: 54.16666667%;
}

.arco-col-xs-pull-14 {
    right: 58.33333333%;
}

.arco-col-xs-pull-14.arco-col-rtl {
    right: unset;
    left: 58.33333333%;
}

.arco-col-xs-pull-15 {
    right: 62.5%;
}

.arco-col-xs-pull-15.arco-col-rtl {
    right: unset;
    left: 62.5%;
}

.arco-col-xs-pull-16 {
    right: 66.66666667%;
}

.arco-col-xs-pull-16.arco-col-rtl {
    right: unset;
    left: 66.66666667%;
}

.arco-col-xs-pull-17 {
    right: 70.83333333%;
}

.arco-col-xs-pull-17.arco-col-rtl {
    right: unset;
    left: 70.83333333%;
}

.arco-col-xs-pull-18 {
    right: 75%;
}

.arco-col-xs-pull-18.arco-col-rtl {
    right: unset;
    left: 75%;
}

.arco-col-xs-pull-19 {
    right: 79.16666667%;
}

.arco-col-xs-pull-19.arco-col-rtl {
    right: unset;
    left: 79.16666667%;
}

.arco-col-xs-pull-20 {
    right: 83.33333333%;
}

.arco-col-xs-pull-20.arco-col-rtl {
    right: unset;
    left: 83.33333333%;
}

.arco-col-xs-pull-21 {
    right: 87.5%;
}

.arco-col-xs-pull-21.arco-col-rtl {
    right: unset;
    left: 87.5%;
}

.arco-col-xs-pull-22 {
    right: 91.66666667%;
}

.arco-col-xs-pull-22.arco-col-rtl {
    right: unset;
    left: 91.66666667%;
}

.arco-col-xs-pull-23 {
    right: 95.83333333%;
}

.arco-col-xs-pull-23.arco-col-rtl {
    right: unset;
    left: 95.83333333%;
}

.arco-col-xs-pull-24 {
    right: 100%;
}

.arco-col-xs-pull-24.arco-col-rtl {
    right: unset;
    left: 100%;
}

.arco-col-xs-push-0 {
    left: 0%;
}

.arco-col-xs-push-0.arco-col-rtl {
    left: unset;
    right: 0%;
}

.arco-col-xs-push-1 {
    left: 4.16666667%;
}

.arco-col-xs-push-1.arco-col-rtl {
    left: unset;
    right: 4.16666667%;
}

.arco-col-xs-push-2 {
    left: 8.33333333%;
}

.arco-col-xs-push-2.arco-col-rtl {
    left: unset;
    right: 8.33333333%;
}

.arco-col-xs-push-3 {
    left: 12.5%;
}

.arco-col-xs-push-3.arco-col-rtl {
    left: unset;
    right: 12.5%;
}

.arco-col-xs-push-4 {
    left: 16.66666667%;
}

.arco-col-xs-push-4.arco-col-rtl {
    left: unset;
    right: 16.66666667%;
}

.arco-col-xs-push-5 {
    left: 20.83333333%;
}

.arco-col-xs-push-5.arco-col-rtl {
    left: unset;
    right: 20.83333333%;
}

.arco-col-xs-push-6 {
    left: 25%;
}

.arco-col-xs-push-6.arco-col-rtl {
    left: unset;
    right: 25%;
}

.arco-col-xs-push-7 {
    left: 29.16666667%;
}

.arco-col-xs-push-7.arco-col-rtl {
    left: unset;
    right: 29.16666667%;
}

.arco-col-xs-push-8 {
    left: 33.33333333%;
}

.arco-col-xs-push-8.arco-col-rtl {
    left: unset;
    right: 33.33333333%;
}

.arco-col-xs-push-9 {
    left: 37.5%;
}

.arco-col-xs-push-9.arco-col-rtl {
    left: unset;
    right: 37.5%;
}

.arco-col-xs-push-10 {
    left: 41.66666667%;
}

.arco-col-xs-push-10.arco-col-rtl {
    left: unset;
    right: 41.66666667%;
}

.arco-col-xs-push-11 {
    left: 45.83333333%;
}

.arco-col-xs-push-11.arco-col-rtl {
    left: unset;
    right: 45.83333333%;
}

.arco-col-xs-push-12 {
    left: 50%;
}

.arco-col-xs-push-12.arco-col-rtl {
    left: unset;
    right: 50%;
}

.arco-col-xs-push-13 {
    left: 54.16666667%;
}

.arco-col-xs-push-13.arco-col-rtl {
    left: unset;
    right: 54.16666667%;
}

.arco-col-xs-push-14 {
    left: 58.33333333%;
}

.arco-col-xs-push-14.arco-col-rtl {
    left: unset;
    right: 58.33333333%;
}

.arco-col-xs-push-15 {
    left: 62.5%;
}

.arco-col-xs-push-15.arco-col-rtl {
    left: unset;
    right: 62.5%;
}

.arco-col-xs-push-16 {
    left: 66.66666667%;
}

.arco-col-xs-push-16.arco-col-rtl {
    left: unset;
    right: 66.66666667%;
}

.arco-col-xs-push-17 {
    left: 70.83333333%;
}

.arco-col-xs-push-17.arco-col-rtl {
    left: unset;
    right: 70.83333333%;
}

.arco-col-xs-push-18 {
    left: 75%;
}

.arco-col-xs-push-18.arco-col-rtl {
    left: unset;
    right: 75%;
}

.arco-col-xs-push-19 {
    left: 79.16666667%;
}

.arco-col-xs-push-19.arco-col-rtl {
    left: unset;
    right: 79.16666667%;
}

.arco-col-xs-push-20 {
    left: 83.33333333%;
}

.arco-col-xs-push-20.arco-col-rtl {
    left: unset;
    right: 83.33333333%;
}

.arco-col-xs-push-21 {
    left: 87.5%;
}

.arco-col-xs-push-21.arco-col-rtl {
    left: unset;
    right: 87.5%;
}

.arco-col-xs-push-22 {
    left: 91.66666667%;
}

.arco-col-xs-push-22.arco-col-rtl {
    left: unset;
    right: 91.66666667%;
}

.arco-col-xs-push-23 {
    left: 95.83333333%;
}

.arco-col-xs-push-23.arco-col-rtl {
    left: unset;
    right: 95.83333333%;
}

.arco-col-xs-push-24 {
    left: 100%;
}

.arco-col-xs-push-24.arco-col-rtl {
    left: unset;
    right: 100%;
}

@media (min-width: 576px) {
    .arco-col-sm-0 {
        display: none;
    }

    .arco-col-sm-1 {
        display: block;
        width: 4.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        flex: 0 0 4.16666667%;
    }

    .arco-col-sm-2 {
        display: block;
        width: 8.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    }

    .arco-col-sm-3 {
        display: block;
        width: 12.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    .arco-col-sm-4 {
        display: block;
        width: 16.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    }

    .arco-col-sm-5 {
        display: block;
        width: 20.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        flex: 0 0 20.83333333%;
    }

    .arco-col-sm-6 {
        display: block;
        width: 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .arco-col-sm-7 {
        display: block;
        width: 29.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .arco-col-sm-8 {
        display: block;
        width: 33.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    }

    .arco-col-sm-9 {
        display: block;
        width: 37.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    .arco-col-sm-10 {
        display: block;
        width: 41.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    }

    .arco-col-sm-11 {
        display: block;
        width: 45.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        flex: 0 0 45.83333333%;
    }

    .arco-col-sm-12 {
        display: block;
        width: 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .arco-col-sm-13 {
        display: block;
        width: 54.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        flex: 0 0 54.16666667%;
    }

    .arco-col-sm-14 {
        display: block;
        width: 58.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    }

    .arco-col-sm-15 {
        display: block;
        width: 62.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    .arco-col-sm-16 {
        display: block;
        width: 66.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    }

    .arco-col-sm-17 {
        display: block;
        width: 70.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .arco-col-sm-18 {
        display: block;
        width: 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    .arco-col-sm-19 {
        display: block;
        width: 79.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        flex: 0 0 79.16666667%;
    }

    .arco-col-sm-20 {
        display: block;
        width: 83.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    }

    .arco-col-sm-21 {
        display: block;
        width: 87.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    .arco-col-sm-22 {
        display: block;
        width: 91.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    }

    .arco-col-sm-23 {
        display: block;
        width: 95.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        flex: 0 0 95.83333333%;
    }

    .arco-col-sm-24 {
        display: block;
        width: 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .arco-col-sm-offset-0 {
        margin-left: 0%;
    }

    .arco-col-sm-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0%;
    }

    .arco-col-sm-offset-1 {
        margin-left: 4.16666667%;
    }

    .arco-col-sm-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%;
    }

    .arco-col-sm-offset-2 {
        margin-left: 8.33333333%;
    }

    .arco-col-sm-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%;
    }

    .arco-col-sm-offset-3 {
        margin-left: 12.5%;
    }

    .arco-col-sm-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%;
    }

    .arco-col-sm-offset-4 {
        margin-left: 16.66666667%;
    }

    .arco-col-sm-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%;
    }

    .arco-col-sm-offset-5 {
        margin-left: 20.83333333%;
    }

    .arco-col-sm-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%;
    }

    .arco-col-sm-offset-6 {
        margin-left: 25%;
    }

    .arco-col-sm-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%;
    }

    .arco-col-sm-offset-7 {
        margin-left: 29.16666667%;
    }

    .arco-col-sm-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%;
    }

    .arco-col-sm-offset-8 {
        margin-left: 33.33333333%;
    }

    .arco-col-sm-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%;
    }

    .arco-col-sm-offset-9 {
        margin-left: 37.5%;
    }

    .arco-col-sm-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%;
    }

    .arco-col-sm-offset-10 {
        margin-left: 41.66666667%;
    }

    .arco-col-sm-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%;
    }

    .arco-col-sm-offset-11 {
        margin-left: 45.83333333%;
    }

    .arco-col-sm-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%;
    }

    .arco-col-sm-offset-12 {
        margin-left: 50%;
    }

    .arco-col-sm-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%;
    }

    .arco-col-sm-offset-13 {
        margin-left: 54.16666667%;
    }

    .arco-col-sm-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%;
    }

    .arco-col-sm-offset-14 {
        margin-left: 58.33333333%;
    }

    .arco-col-sm-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%;
    }

    .arco-col-sm-offset-15 {
        margin-left: 62.5%;
    }

    .arco-col-sm-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%;
    }

    .arco-col-sm-offset-16 {
        margin-left: 66.66666667%;
    }

    .arco-col-sm-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%;
    }

    .arco-col-sm-offset-17 {
        margin-left: 70.83333333%;
    }

    .arco-col-sm-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%;
    }

    .arco-col-sm-offset-18 {
        margin-left: 75%;
    }

    .arco-col-sm-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%;
    }

    .arco-col-sm-offset-19 {
        margin-left: 79.16666667%;
    }

    .arco-col-sm-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%;
    }

    .arco-col-sm-offset-20 {
        margin-left: 83.33333333%;
    }

    .arco-col-sm-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%;
    }

    .arco-col-sm-offset-21 {
        margin-left: 87.5%;
    }

    .arco-col-sm-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%;
    }

    .arco-col-sm-offset-22 {
        margin-left: 91.66666667%;
    }

    .arco-col-sm-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%;
    }

    .arco-col-sm-offset-23 {
        margin-left: 95.83333333%;
    }

    .arco-col-sm-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%;
    }

    .arco-col-sm-order-0 {
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .arco-col-sm-order-1 {
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .arco-col-sm-order-2 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .arco-col-sm-order-3 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .arco-col-sm-order-4 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .arco-col-sm-order-5 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .arco-col-sm-order-6 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .arco-col-sm-order-7 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .arco-col-sm-order-8 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .arco-col-sm-order-9 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .arco-col-sm-order-10 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .arco-col-sm-order-11 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .arco-col-sm-order-12 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .arco-col-sm-order-13 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .arco-col-sm-order-14 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .arco-col-sm-order-15 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .arco-col-sm-order-16 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .arco-col-sm-order-17 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .arco-col-sm-order-18 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .arco-col-sm-order-19 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .arco-col-sm-order-20 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .arco-col-sm-order-21 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .arco-col-sm-order-22 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .arco-col-sm-order-23 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .arco-col-sm-order-24 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .arco-col-sm-pull-0 {
        right: 0%;
    }

    .arco-col-sm-pull-0.arco-col-rtl {
        right: unset;
        left: 0%;
    }

    .arco-col-sm-pull-1 {
        right: 4.16666667%;
    }

    .arco-col-sm-pull-1.arco-col-rtl {
        right: unset;
        left: 4.16666667%;
    }

    .arco-col-sm-pull-2 {
        right: 8.33333333%;
    }

    .arco-col-sm-pull-2.arco-col-rtl {
        right: unset;
        left: 8.33333333%;
    }

    .arco-col-sm-pull-3 {
        right: 12.5%;
    }

    .arco-col-sm-pull-3.arco-col-rtl {
        right: unset;
        left: 12.5%;
    }

    .arco-col-sm-pull-4 {
        right: 16.66666667%;
    }

    .arco-col-sm-pull-4.arco-col-rtl {
        right: unset;
        left: 16.66666667%;
    }

    .arco-col-sm-pull-5 {
        right: 20.83333333%;
    }

    .arco-col-sm-pull-5.arco-col-rtl {
        right: unset;
        left: 20.83333333%;
    }

    .arco-col-sm-pull-6 {
        right: 25%;
    }

    .arco-col-sm-pull-6.arco-col-rtl {
        right: unset;
        left: 25%;
    }

    .arco-col-sm-pull-7 {
        right: 29.16666667%;
    }

    .arco-col-sm-pull-7.arco-col-rtl {
        right: unset;
        left: 29.16666667%;
    }

    .arco-col-sm-pull-8 {
        right: 33.33333333%;
    }

    .arco-col-sm-pull-8.arco-col-rtl {
        right: unset;
        left: 33.33333333%;
    }

    .arco-col-sm-pull-9 {
        right: 37.5%;
    }

    .arco-col-sm-pull-9.arco-col-rtl {
        right: unset;
        left: 37.5%;
    }

    .arco-col-sm-pull-10 {
        right: 41.66666667%;
    }

    .arco-col-sm-pull-10.arco-col-rtl {
        right: unset;
        left: 41.66666667%;
    }

    .arco-col-sm-pull-11 {
        right: 45.83333333%;
    }

    .arco-col-sm-pull-11.arco-col-rtl {
        right: unset;
        left: 45.83333333%;
    }

    .arco-col-sm-pull-12 {
        right: 50%;
    }

    .arco-col-sm-pull-12.arco-col-rtl {
        right: unset;
        left: 50%;
    }

    .arco-col-sm-pull-13 {
        right: 54.16666667%;
    }

    .arco-col-sm-pull-13.arco-col-rtl {
        right: unset;
        left: 54.16666667%;
    }

    .arco-col-sm-pull-14 {
        right: 58.33333333%;
    }

    .arco-col-sm-pull-14.arco-col-rtl {
        right: unset;
        left: 58.33333333%;
    }

    .arco-col-sm-pull-15 {
        right: 62.5%;
    }

    .arco-col-sm-pull-15.arco-col-rtl {
        right: unset;
        left: 62.5%;
    }

    .arco-col-sm-pull-16 {
        right: 66.66666667%;
    }

    .arco-col-sm-pull-16.arco-col-rtl {
        right: unset;
        left: 66.66666667%;
    }

    .arco-col-sm-pull-17 {
        right: 70.83333333%;
    }

    .arco-col-sm-pull-17.arco-col-rtl {
        right: unset;
        left: 70.83333333%;
    }

    .arco-col-sm-pull-18 {
        right: 75%;
    }

    .arco-col-sm-pull-18.arco-col-rtl {
        right: unset;
        left: 75%;
    }

    .arco-col-sm-pull-19 {
        right: 79.16666667%;
    }

    .arco-col-sm-pull-19.arco-col-rtl {
        right: unset;
        left: 79.16666667%;
    }

    .arco-col-sm-pull-20 {
        right: 83.33333333%;
    }

    .arco-col-sm-pull-20.arco-col-rtl {
        right: unset;
        left: 83.33333333%;
    }

    .arco-col-sm-pull-21 {
        right: 87.5%;
    }

    .arco-col-sm-pull-21.arco-col-rtl {
        right: unset;
        left: 87.5%;
    }

    .arco-col-sm-pull-22 {
        right: 91.66666667%;
    }

    .arco-col-sm-pull-22.arco-col-rtl {
        right: unset;
        left: 91.66666667%;
    }

    .arco-col-sm-pull-23 {
        right: 95.83333333%;
    }

    .arco-col-sm-pull-23.arco-col-rtl {
        right: unset;
        left: 95.83333333%;
    }

    .arco-col-sm-pull-24 {
        right: 100%;
    }

    .arco-col-sm-pull-24.arco-col-rtl {
        right: unset;
        left: 100%;
    }

    .arco-col-sm-push-0 {
        left: 0%;
    }

    .arco-col-sm-push-0.arco-col-rtl {
        left: unset;
        right: 0%;
    }

    .arco-col-sm-push-1 {
        left: 4.16666667%;
    }

    .arco-col-sm-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%;
    }

    .arco-col-sm-push-2 {
        left: 8.33333333%;
    }

    .arco-col-sm-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%;
    }

    .arco-col-sm-push-3 {
        left: 12.5%;
    }

    .arco-col-sm-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%;
    }

    .arco-col-sm-push-4 {
        left: 16.66666667%;
    }

    .arco-col-sm-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%;
    }

    .arco-col-sm-push-5 {
        left: 20.83333333%;
    }

    .arco-col-sm-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%;
    }

    .arco-col-sm-push-6 {
        left: 25%;
    }

    .arco-col-sm-push-6.arco-col-rtl {
        left: unset;
        right: 25%;
    }

    .arco-col-sm-push-7 {
        left: 29.16666667%;
    }

    .arco-col-sm-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%;
    }

    .arco-col-sm-push-8 {
        left: 33.33333333%;
    }

    .arco-col-sm-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%;
    }

    .arco-col-sm-push-9 {
        left: 37.5%;
    }

    .arco-col-sm-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%;
    }

    .arco-col-sm-push-10 {
        left: 41.66666667%;
    }

    .arco-col-sm-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%;
    }

    .arco-col-sm-push-11 {
        left: 45.83333333%;
    }

    .arco-col-sm-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%;
    }

    .arco-col-sm-push-12 {
        left: 50%;
    }

    .arco-col-sm-push-12.arco-col-rtl {
        left: unset;
        right: 50%;
    }

    .arco-col-sm-push-13 {
        left: 54.16666667%;
    }

    .arco-col-sm-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%;
    }

    .arco-col-sm-push-14 {
        left: 58.33333333%;
    }

    .arco-col-sm-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%;
    }

    .arco-col-sm-push-15 {
        left: 62.5%;
    }

    .arco-col-sm-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%;
    }

    .arco-col-sm-push-16 {
        left: 66.66666667%;
    }

    .arco-col-sm-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%;
    }

    .arco-col-sm-push-17 {
        left: 70.83333333%;
    }

    .arco-col-sm-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%;
    }

    .arco-col-sm-push-18 {
        left: 75%;
    }

    .arco-col-sm-push-18.arco-col-rtl {
        left: unset;
        right: 75%;
    }

    .arco-col-sm-push-19 {
        left: 79.16666667%;
    }

    .arco-col-sm-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%;
    }

    .arco-col-sm-push-20 {
        left: 83.33333333%;
    }

    .arco-col-sm-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%;
    }

    .arco-col-sm-push-21 {
        left: 87.5%;
    }

    .arco-col-sm-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%;
    }

    .arco-col-sm-push-22 {
        left: 91.66666667%;
    }

    .arco-col-sm-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%;
    }

    .arco-col-sm-push-23 {
        left: 95.83333333%;
    }

    .arco-col-sm-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%;
    }

    .arco-col-sm-push-24 {
        left: 100%;
    }

    .arco-col-sm-push-24.arco-col-rtl {
        left: unset;
        right: 100%;
    }
}

@media (min-width: 768px) {
    .arco-col-md-0 {
        display: none;
    }

    .arco-col-md-1 {
        display: block;
        width: 4.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        flex: 0 0 4.16666667%;
    }

    .arco-col-md-2 {
        display: block;
        width: 8.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    }

    .arco-col-md-3 {
        display: block;
        width: 12.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    .arco-col-md-4 {
        display: block;
        width: 16.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    }

    .arco-col-md-5 {
        display: block;
        width: 20.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        flex: 0 0 20.83333333%;
    }

    .arco-col-md-6 {
        display: block;
        width: 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .arco-col-md-7 {
        display: block;
        width: 29.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .arco-col-md-8 {
        display: block;
        width: 33.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    }

    .arco-col-md-9 {
        display: block;
        width: 37.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    .arco-col-md-10 {
        display: block;
        width: 41.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    }

    .arco-col-md-11 {
        display: block;
        width: 45.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        flex: 0 0 45.83333333%;
    }

    .arco-col-md-12 {
        display: block;
        width: 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .arco-col-md-13 {
        display: block;
        width: 54.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        flex: 0 0 54.16666667%;
    }

    .arco-col-md-14 {
        display: block;
        width: 58.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    }

    .arco-col-md-15 {
        display: block;
        width: 62.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    .arco-col-md-16 {
        display: block;
        width: 66.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    }

    .arco-col-md-17 {
        display: block;
        width: 70.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .arco-col-md-18 {
        display: block;
        width: 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    .arco-col-md-19 {
        display: block;
        width: 79.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        flex: 0 0 79.16666667%;
    }

    .arco-col-md-20 {
        display: block;
        width: 83.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    }

    .arco-col-md-21 {
        display: block;
        width: 87.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    .arco-col-md-22 {
        display: block;
        width: 91.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    }

    .arco-col-md-23 {
        display: block;
        width: 95.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        flex: 0 0 95.83333333%;
    }

    .arco-col-md-24 {
        display: block;
        width: 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .arco-col-md-offset-0 {
        margin-left: 0%;
    }

    .arco-col-md-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0%;
    }

    .arco-col-md-offset-1 {
        margin-left: 4.16666667%;
    }

    .arco-col-md-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%;
    }

    .arco-col-md-offset-2 {
        margin-left: 8.33333333%;
    }

    .arco-col-md-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%;
    }

    .arco-col-md-offset-3 {
        margin-left: 12.5%;
    }

    .arco-col-md-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%;
    }

    .arco-col-md-offset-4 {
        margin-left: 16.66666667%;
    }

    .arco-col-md-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%;
    }

    .arco-col-md-offset-5 {
        margin-left: 20.83333333%;
    }

    .arco-col-md-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%;
    }

    .arco-col-md-offset-6 {
        margin-left: 25%;
    }

    .arco-col-md-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%;
    }

    .arco-col-md-offset-7 {
        margin-left: 29.16666667%;
    }

    .arco-col-md-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%;
    }

    .arco-col-md-offset-8 {
        margin-left: 33.33333333%;
    }

    .arco-col-md-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%;
    }

    .arco-col-md-offset-9 {
        margin-left: 37.5%;
    }

    .arco-col-md-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%;
    }

    .arco-col-md-offset-10 {
        margin-left: 41.66666667%;
    }

    .arco-col-md-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%;
    }

    .arco-col-md-offset-11 {
        margin-left: 45.83333333%;
    }

    .arco-col-md-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%;
    }

    .arco-col-md-offset-12 {
        margin-left: 50%;
    }

    .arco-col-md-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%;
    }

    .arco-col-md-offset-13 {
        margin-left: 54.16666667%;
    }

    .arco-col-md-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%;
    }

    .arco-col-md-offset-14 {
        margin-left: 58.33333333%;
    }

    .arco-col-md-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%;
    }

    .arco-col-md-offset-15 {
        margin-left: 62.5%;
    }

    .arco-col-md-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%;
    }

    .arco-col-md-offset-16 {
        margin-left: 66.66666667%;
    }

    .arco-col-md-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%;
    }

    .arco-col-md-offset-17 {
        margin-left: 70.83333333%;
    }

    .arco-col-md-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%;
    }

    .arco-col-md-offset-18 {
        margin-left: 75%;
    }

    .arco-col-md-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%;
    }

    .arco-col-md-offset-19 {
        margin-left: 79.16666667%;
    }

    .arco-col-md-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%;
    }

    .arco-col-md-offset-20 {
        margin-left: 83.33333333%;
    }

    .arco-col-md-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%;
    }

    .arco-col-md-offset-21 {
        margin-left: 87.5%;
    }

    .arco-col-md-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%;
    }

    .arco-col-md-offset-22 {
        margin-left: 91.66666667%;
    }

    .arco-col-md-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%;
    }

    .arco-col-md-offset-23 {
        margin-left: 95.83333333%;
    }

    .arco-col-md-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%;
    }

    .arco-col-md-order-0 {
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .arco-col-md-order-1 {
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .arco-col-md-order-2 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .arco-col-md-order-3 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .arco-col-md-order-4 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .arco-col-md-order-5 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .arco-col-md-order-6 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .arco-col-md-order-7 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .arco-col-md-order-8 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .arco-col-md-order-9 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .arco-col-md-order-10 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .arco-col-md-order-11 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .arco-col-md-order-12 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .arco-col-md-order-13 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .arco-col-md-order-14 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .arco-col-md-order-15 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .arco-col-md-order-16 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .arco-col-md-order-17 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .arco-col-md-order-18 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .arco-col-md-order-19 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .arco-col-md-order-20 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .arco-col-md-order-21 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .arco-col-md-order-22 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .arco-col-md-order-23 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .arco-col-md-order-24 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .arco-col-md-pull-0 {
        right: 0%;
    }

    .arco-col-md-pull-0.arco-col-rtl {
        right: unset;
        left: 0%;
    }

    .arco-col-md-pull-1 {
        right: 4.16666667%;
    }

    .arco-col-md-pull-1.arco-col-rtl {
        right: unset;
        left: 4.16666667%;
    }

    .arco-col-md-pull-2 {
        right: 8.33333333%;
    }

    .arco-col-md-pull-2.arco-col-rtl {
        right: unset;
        left: 8.33333333%;
    }

    .arco-col-md-pull-3 {
        right: 12.5%;
    }

    .arco-col-md-pull-3.arco-col-rtl {
        right: unset;
        left: 12.5%;
    }

    .arco-col-md-pull-4 {
        right: 16.66666667%;
    }

    .arco-col-md-pull-4.arco-col-rtl {
        right: unset;
        left: 16.66666667%;
    }

    .arco-col-md-pull-5 {
        right: 20.83333333%;
    }

    .arco-col-md-pull-5.arco-col-rtl {
        right: unset;
        left: 20.83333333%;
    }

    .arco-col-md-pull-6 {
        right: 25%;
    }

    .arco-col-md-pull-6.arco-col-rtl {
        right: unset;
        left: 25%;
    }

    .arco-col-md-pull-7 {
        right: 29.16666667%;
    }

    .arco-col-md-pull-7.arco-col-rtl {
        right: unset;
        left: 29.16666667%;
    }

    .arco-col-md-pull-8 {
        right: 33.33333333%;
    }

    .arco-col-md-pull-8.arco-col-rtl {
        right: unset;
        left: 33.33333333%;
    }

    .arco-col-md-pull-9 {
        right: 37.5%;
    }

    .arco-col-md-pull-9.arco-col-rtl {
        right: unset;
        left: 37.5%;
    }

    .arco-col-md-pull-10 {
        right: 41.66666667%;
    }

    .arco-col-md-pull-10.arco-col-rtl {
        right: unset;
        left: 41.66666667%;
    }

    .arco-col-md-pull-11 {
        right: 45.83333333%;
    }

    .arco-col-md-pull-11.arco-col-rtl {
        right: unset;
        left: 45.83333333%;
    }

    .arco-col-md-pull-12 {
        right: 50%;
    }

    .arco-col-md-pull-12.arco-col-rtl {
        right: unset;
        left: 50%;
    }

    .arco-col-md-pull-13 {
        right: 54.16666667%;
    }

    .arco-col-md-pull-13.arco-col-rtl {
        right: unset;
        left: 54.16666667%;
    }

    .arco-col-md-pull-14 {
        right: 58.33333333%;
    }

    .arco-col-md-pull-14.arco-col-rtl {
        right: unset;
        left: 58.33333333%;
    }

    .arco-col-md-pull-15 {
        right: 62.5%;
    }

    .arco-col-md-pull-15.arco-col-rtl {
        right: unset;
        left: 62.5%;
    }

    .arco-col-md-pull-16 {
        right: 66.66666667%;
    }

    .arco-col-md-pull-16.arco-col-rtl {
        right: unset;
        left: 66.66666667%;
    }

    .arco-col-md-pull-17 {
        right: 70.83333333%;
    }

    .arco-col-md-pull-17.arco-col-rtl {
        right: unset;
        left: 70.83333333%;
    }

    .arco-col-md-pull-18 {
        right: 75%;
    }

    .arco-col-md-pull-18.arco-col-rtl {
        right: unset;
        left: 75%;
    }

    .arco-col-md-pull-19 {
        right: 79.16666667%;
    }

    .arco-col-md-pull-19.arco-col-rtl {
        right: unset;
        left: 79.16666667%;
    }

    .arco-col-md-pull-20 {
        right: 83.33333333%;
    }

    .arco-col-md-pull-20.arco-col-rtl {
        right: unset;
        left: 83.33333333%;
    }

    .arco-col-md-pull-21 {
        right: 87.5%;
    }

    .arco-col-md-pull-21.arco-col-rtl {
        right: unset;
        left: 87.5%;
    }

    .arco-col-md-pull-22 {
        right: 91.66666667%;
    }

    .arco-col-md-pull-22.arco-col-rtl {
        right: unset;
        left: 91.66666667%;
    }

    .arco-col-md-pull-23 {
        right: 95.83333333%;
    }

    .arco-col-md-pull-23.arco-col-rtl {
        right: unset;
        left: 95.83333333%;
    }

    .arco-col-md-pull-24 {
        right: 100%;
    }

    .arco-col-md-pull-24.arco-col-rtl {
        right: unset;
        left: 100%;
    }

    .arco-col-md-push-0 {
        left: 0%;
    }

    .arco-col-md-push-0.arco-col-rtl {
        left: unset;
        right: 0%;
    }

    .arco-col-md-push-1 {
        left: 4.16666667%;
    }

    .arco-col-md-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%;
    }

    .arco-col-md-push-2 {
        left: 8.33333333%;
    }

    .arco-col-md-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%;
    }

    .arco-col-md-push-3 {
        left: 12.5%;
    }

    .arco-col-md-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%;
    }

    .arco-col-md-push-4 {
        left: 16.66666667%;
    }

    .arco-col-md-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%;
    }

    .arco-col-md-push-5 {
        left: 20.83333333%;
    }

    .arco-col-md-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%;
    }

    .arco-col-md-push-6 {
        left: 25%;
    }

    .arco-col-md-push-6.arco-col-rtl {
        left: unset;
        right: 25%;
    }

    .arco-col-md-push-7 {
        left: 29.16666667%;
    }

    .arco-col-md-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%;
    }

    .arco-col-md-push-8 {
        left: 33.33333333%;
    }

    .arco-col-md-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%;
    }

    .arco-col-md-push-9 {
        left: 37.5%;
    }

    .arco-col-md-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%;
    }

    .arco-col-md-push-10 {
        left: 41.66666667%;
    }

    .arco-col-md-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%;
    }

    .arco-col-md-push-11 {
        left: 45.83333333%;
    }

    .arco-col-md-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%;
    }

    .arco-col-md-push-12 {
        left: 50%;
    }

    .arco-col-md-push-12.arco-col-rtl {
        left: unset;
        right: 50%;
    }

    .arco-col-md-push-13 {
        left: 54.16666667%;
    }

    .arco-col-md-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%;
    }

    .arco-col-md-push-14 {
        left: 58.33333333%;
    }

    .arco-col-md-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%;
    }

    .arco-col-md-push-15 {
        left: 62.5%;
    }

    .arco-col-md-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%;
    }

    .arco-col-md-push-16 {
        left: 66.66666667%;
    }

    .arco-col-md-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%;
    }

    .arco-col-md-push-17 {
        left: 70.83333333%;
    }

    .arco-col-md-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%;
    }

    .arco-col-md-push-18 {
        left: 75%;
    }

    .arco-col-md-push-18.arco-col-rtl {
        left: unset;
        right: 75%;
    }

    .arco-col-md-push-19 {
        left: 79.16666667%;
    }

    .arco-col-md-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%;
    }

    .arco-col-md-push-20 {
        left: 83.33333333%;
    }

    .arco-col-md-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%;
    }

    .arco-col-md-push-21 {
        left: 87.5%;
    }

    .arco-col-md-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%;
    }

    .arco-col-md-push-22 {
        left: 91.66666667%;
    }

    .arco-col-md-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%;
    }

    .arco-col-md-push-23 {
        left: 95.83333333%;
    }

    .arco-col-md-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%;
    }

    .arco-col-md-push-24 {
        left: 100%;
    }

    .arco-col-md-push-24.arco-col-rtl {
        left: unset;
        right: 100%;
    }
}

@media (min-width: 992px) {
    .arco-col-lg-0 {
        display: none;
    }

    .arco-col-lg-1 {
        display: block;
        width: 4.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        flex: 0 0 4.16666667%;
    }

    .arco-col-lg-2 {
        display: block;
        width: 8.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    }

    .arco-col-lg-3 {
        display: block;
        width: 12.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    .arco-col-lg-4 {
        display: block;
        width: 16.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    }

    .arco-col-lg-5 {
        display: block;
        width: 20.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        flex: 0 0 20.83333333%;
    }

    .arco-col-lg-6 {
        display: block;
        width: 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .arco-col-lg-7 {
        display: block;
        width: 29.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .arco-col-lg-8 {
        display: block;
        width: 33.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    }

    .arco-col-lg-9 {
        display: block;
        width: 37.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    .arco-col-lg-10 {
        display: block;
        width: 41.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    }

    .arco-col-lg-11 {
        display: block;
        width: 45.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        flex: 0 0 45.83333333%;
    }

    .arco-col-lg-12 {
        display: block;
        width: 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .arco-col-lg-13 {
        display: block;
        width: 54.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        flex: 0 0 54.16666667%;
    }

    .arco-col-lg-14 {
        display: block;
        width: 58.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    }

    .arco-col-lg-15 {
        display: block;
        width: 62.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    .arco-col-lg-16 {
        display: block;
        width: 66.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    }

    .arco-col-lg-17 {
        display: block;
        width: 70.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .arco-col-lg-18 {
        display: block;
        width: 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    .arco-col-lg-19 {
        display: block;
        width: 79.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        flex: 0 0 79.16666667%;
    }

    .arco-col-lg-20 {
        display: block;
        width: 83.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    }

    .arco-col-lg-21 {
        display: block;
        width: 87.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    .arco-col-lg-22 {
        display: block;
        width: 91.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    }

    .arco-col-lg-23 {
        display: block;
        width: 95.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        flex: 0 0 95.83333333%;
    }

    .arco-col-lg-24 {
        display: block;
        width: 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .arco-col-lg-offset-0 {
        margin-left: 0%;
    }

    .arco-col-lg-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0%;
    }

    .arco-col-lg-offset-1 {
        margin-left: 4.16666667%;
    }

    .arco-col-lg-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%;
    }

    .arco-col-lg-offset-2 {
        margin-left: 8.33333333%;
    }

    .arco-col-lg-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%;
    }

    .arco-col-lg-offset-3 {
        margin-left: 12.5%;
    }

    .arco-col-lg-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%;
    }

    .arco-col-lg-offset-4 {
        margin-left: 16.66666667%;
    }

    .arco-col-lg-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%;
    }

    .arco-col-lg-offset-5 {
        margin-left: 20.83333333%;
    }

    .arco-col-lg-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%;
    }

    .arco-col-lg-offset-6 {
        margin-left: 25%;
    }

    .arco-col-lg-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%;
    }

    .arco-col-lg-offset-7 {
        margin-left: 29.16666667%;
    }

    .arco-col-lg-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%;
    }

    .arco-col-lg-offset-8 {
        margin-left: 33.33333333%;
    }

    .arco-col-lg-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%;
    }

    .arco-col-lg-offset-9 {
        margin-left: 37.5%;
    }

    .arco-col-lg-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%;
    }

    .arco-col-lg-offset-10 {
        margin-left: 41.66666667%;
    }

    .arco-col-lg-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%;
    }

    .arco-col-lg-offset-11 {
        margin-left: 45.83333333%;
    }

    .arco-col-lg-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%;
    }

    .arco-col-lg-offset-12 {
        margin-left: 50%;
    }

    .arco-col-lg-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%;
    }

    .arco-col-lg-offset-13 {
        margin-left: 54.16666667%;
    }

    .arco-col-lg-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%;
    }

    .arco-col-lg-offset-14 {
        margin-left: 58.33333333%;
    }

    .arco-col-lg-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%;
    }

    .arco-col-lg-offset-15 {
        margin-left: 62.5%;
    }

    .arco-col-lg-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%;
    }

    .arco-col-lg-offset-16 {
        margin-left: 66.66666667%;
    }

    .arco-col-lg-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%;
    }

    .arco-col-lg-offset-17 {
        margin-left: 70.83333333%;
    }

    .arco-col-lg-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%;
    }

    .arco-col-lg-offset-18 {
        margin-left: 75%;
    }

    .arco-col-lg-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%;
    }

    .arco-col-lg-offset-19 {
        margin-left: 79.16666667%;
    }

    .arco-col-lg-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%;
    }

    .arco-col-lg-offset-20 {
        margin-left: 83.33333333%;
    }

    .arco-col-lg-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%;
    }

    .arco-col-lg-offset-21 {
        margin-left: 87.5%;
    }

    .arco-col-lg-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%;
    }

    .arco-col-lg-offset-22 {
        margin-left: 91.66666667%;
    }

    .arco-col-lg-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%;
    }

    .arco-col-lg-offset-23 {
        margin-left: 95.83333333%;
    }

    .arco-col-lg-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%;
    }

    .arco-col-lg-order-0 {
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .arco-col-lg-order-1 {
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .arco-col-lg-order-2 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .arco-col-lg-order-3 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .arco-col-lg-order-4 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .arco-col-lg-order-5 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .arco-col-lg-order-6 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .arco-col-lg-order-7 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .arco-col-lg-order-8 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .arco-col-lg-order-9 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .arco-col-lg-order-10 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .arco-col-lg-order-11 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .arco-col-lg-order-12 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .arco-col-lg-order-13 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .arco-col-lg-order-14 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .arco-col-lg-order-15 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .arco-col-lg-order-16 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .arco-col-lg-order-17 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .arco-col-lg-order-18 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .arco-col-lg-order-19 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .arco-col-lg-order-20 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .arco-col-lg-order-21 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .arco-col-lg-order-22 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .arco-col-lg-order-23 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .arco-col-lg-order-24 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .arco-col-lg-pull-0 {
        right: 0%;
    }

    .arco-col-lg-pull-0.arco-col-rtl {
        right: unset;
        left: 0%;
    }

    .arco-col-lg-pull-1 {
        right: 4.16666667%;
    }

    .arco-col-lg-pull-1.arco-col-rtl {
        right: unset;
        left: 4.16666667%;
    }

    .arco-col-lg-pull-2 {
        right: 8.33333333%;
    }

    .arco-col-lg-pull-2.arco-col-rtl {
        right: unset;
        left: 8.33333333%;
    }

    .arco-col-lg-pull-3 {
        right: 12.5%;
    }

    .arco-col-lg-pull-3.arco-col-rtl {
        right: unset;
        left: 12.5%;
    }

    .arco-col-lg-pull-4 {
        right: 16.66666667%;
    }

    .arco-col-lg-pull-4.arco-col-rtl {
        right: unset;
        left: 16.66666667%;
    }

    .arco-col-lg-pull-5 {
        right: 20.83333333%;
    }

    .arco-col-lg-pull-5.arco-col-rtl {
        right: unset;
        left: 20.83333333%;
    }

    .arco-col-lg-pull-6 {
        right: 25%;
    }

    .arco-col-lg-pull-6.arco-col-rtl {
        right: unset;
        left: 25%;
    }

    .arco-col-lg-pull-7 {
        right: 29.16666667%;
    }

    .arco-col-lg-pull-7.arco-col-rtl {
        right: unset;
        left: 29.16666667%;
    }

    .arco-col-lg-pull-8 {
        right: 33.33333333%;
    }

    .arco-col-lg-pull-8.arco-col-rtl {
        right: unset;
        left: 33.33333333%;
    }

    .arco-col-lg-pull-9 {
        right: 37.5%;
    }

    .arco-col-lg-pull-9.arco-col-rtl {
        right: unset;
        left: 37.5%;
    }

    .arco-col-lg-pull-10 {
        right: 41.66666667%;
    }

    .arco-col-lg-pull-10.arco-col-rtl {
        right: unset;
        left: 41.66666667%;
    }

    .arco-col-lg-pull-11 {
        right: 45.83333333%;
    }

    .arco-col-lg-pull-11.arco-col-rtl {
        right: unset;
        left: 45.83333333%;
    }

    .arco-col-lg-pull-12 {
        right: 50%;
    }

    .arco-col-lg-pull-12.arco-col-rtl {
        right: unset;
        left: 50%;
    }

    .arco-col-lg-pull-13 {
        right: 54.16666667%;
    }

    .arco-col-lg-pull-13.arco-col-rtl {
        right: unset;
        left: 54.16666667%;
    }

    .arco-col-lg-pull-14 {
        right: 58.33333333%;
    }

    .arco-col-lg-pull-14.arco-col-rtl {
        right: unset;
        left: 58.33333333%;
    }

    .arco-col-lg-pull-15 {
        right: 62.5%;
    }

    .arco-col-lg-pull-15.arco-col-rtl {
        right: unset;
        left: 62.5%;
    }

    .arco-col-lg-pull-16 {
        right: 66.66666667%;
    }

    .arco-col-lg-pull-16.arco-col-rtl {
        right: unset;
        left: 66.66666667%;
    }

    .arco-col-lg-pull-17 {
        right: 70.83333333%;
    }

    .arco-col-lg-pull-17.arco-col-rtl {
        right: unset;
        left: 70.83333333%;
    }

    .arco-col-lg-pull-18 {
        right: 75%;
    }

    .arco-col-lg-pull-18.arco-col-rtl {
        right: unset;
        left: 75%;
    }

    .arco-col-lg-pull-19 {
        right: 79.16666667%;
    }

    .arco-col-lg-pull-19.arco-col-rtl {
        right: unset;
        left: 79.16666667%;
    }

    .arco-col-lg-pull-20 {
        right: 83.33333333%;
    }

    .arco-col-lg-pull-20.arco-col-rtl {
        right: unset;
        left: 83.33333333%;
    }

    .arco-col-lg-pull-21 {
        right: 87.5%;
    }

    .arco-col-lg-pull-21.arco-col-rtl {
        right: unset;
        left: 87.5%;
    }

    .arco-col-lg-pull-22 {
        right: 91.66666667%;
    }

    .arco-col-lg-pull-22.arco-col-rtl {
        right: unset;
        left: 91.66666667%;
    }

    .arco-col-lg-pull-23 {
        right: 95.83333333%;
    }

    .arco-col-lg-pull-23.arco-col-rtl {
        right: unset;
        left: 95.83333333%;
    }

    .arco-col-lg-pull-24 {
        right: 100%;
    }

    .arco-col-lg-pull-24.arco-col-rtl {
        right: unset;
        left: 100%;
    }

    .arco-col-lg-push-0 {
        left: 0%;
    }

    .arco-col-lg-push-0.arco-col-rtl {
        left: unset;
        right: 0%;
    }

    .arco-col-lg-push-1 {
        left: 4.16666667%;
    }

    .arco-col-lg-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%;
    }

    .arco-col-lg-push-2 {
        left: 8.33333333%;
    }

    .arco-col-lg-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%;
    }

    .arco-col-lg-push-3 {
        left: 12.5%;
    }

    .arco-col-lg-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%;
    }

    .arco-col-lg-push-4 {
        left: 16.66666667%;
    }

    .arco-col-lg-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%;
    }

    .arco-col-lg-push-5 {
        left: 20.83333333%;
    }

    .arco-col-lg-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%;
    }

    .arco-col-lg-push-6 {
        left: 25%;
    }

    .arco-col-lg-push-6.arco-col-rtl {
        left: unset;
        right: 25%;
    }

    .arco-col-lg-push-7 {
        left: 29.16666667%;
    }

    .arco-col-lg-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%;
    }

    .arco-col-lg-push-8 {
        left: 33.33333333%;
    }

    .arco-col-lg-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%;
    }

    .arco-col-lg-push-9 {
        left: 37.5%;
    }

    .arco-col-lg-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%;
    }

    .arco-col-lg-push-10 {
        left: 41.66666667%;
    }

    .arco-col-lg-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%;
    }

    .arco-col-lg-push-11 {
        left: 45.83333333%;
    }

    .arco-col-lg-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%;
    }

    .arco-col-lg-push-12 {
        left: 50%;
    }

    .arco-col-lg-push-12.arco-col-rtl {
        left: unset;
        right: 50%;
    }

    .arco-col-lg-push-13 {
        left: 54.16666667%;
    }

    .arco-col-lg-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%;
    }

    .arco-col-lg-push-14 {
        left: 58.33333333%;
    }

    .arco-col-lg-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%;
    }

    .arco-col-lg-push-15 {
        left: 62.5%;
    }

    .arco-col-lg-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%;
    }

    .arco-col-lg-push-16 {
        left: 66.66666667%;
    }

    .arco-col-lg-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%;
    }

    .arco-col-lg-push-17 {
        left: 70.83333333%;
    }

    .arco-col-lg-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%;
    }

    .arco-col-lg-push-18 {
        left: 75%;
    }

    .arco-col-lg-push-18.arco-col-rtl {
        left: unset;
        right: 75%;
    }

    .arco-col-lg-push-19 {
        left: 79.16666667%;
    }

    .arco-col-lg-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%;
    }

    .arco-col-lg-push-20 {
        left: 83.33333333%;
    }

    .arco-col-lg-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%;
    }

    .arco-col-lg-push-21 {
        left: 87.5%;
    }

    .arco-col-lg-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%;
    }

    .arco-col-lg-push-22 {
        left: 91.66666667%;
    }

    .arco-col-lg-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%;
    }

    .arco-col-lg-push-23 {
        left: 95.83333333%;
    }

    .arco-col-lg-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%;
    }

    .arco-col-lg-push-24 {
        left: 100%;
    }

    .arco-col-lg-push-24.arco-col-rtl {
        left: unset;
        right: 100%;
    }
}

@media (min-width: 1200px) {
    .arco-col-xl-0 {
        display: none;
    }

    .arco-col-xl-1 {
        display: block;
        width: 4.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        flex: 0 0 4.16666667%;
    }

    .arco-col-xl-2 {
        display: block;
        width: 8.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    }

    .arco-col-xl-3 {
        display: block;
        width: 12.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    .arco-col-xl-4 {
        display: block;
        width: 16.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    }

    .arco-col-xl-5 {
        display: block;
        width: 20.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        flex: 0 0 20.83333333%;
    }

    .arco-col-xl-6 {
        display: block;
        width: 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .arco-col-xl-7 {
        display: block;
        width: 29.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .arco-col-xl-8 {
        display: block;
        width: 33.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    }

    .arco-col-xl-9 {
        display: block;
        width: 37.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    .arco-col-xl-10 {
        display: block;
        width: 41.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    }

    .arco-col-xl-11 {
        display: block;
        width: 45.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        flex: 0 0 45.83333333%;
    }

    .arco-col-xl-12 {
        display: block;
        width: 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .arco-col-xl-13 {
        display: block;
        width: 54.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        flex: 0 0 54.16666667%;
    }

    .arco-col-xl-14 {
        display: block;
        width: 58.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    }

    .arco-col-xl-15 {
        display: block;
        width: 62.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    .arco-col-xl-16 {
        display: block;
        width: 66.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    }

    .arco-col-xl-17 {
        display: block;
        width: 70.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .arco-col-xl-18 {
        display: block;
        width: 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    .arco-col-xl-19 {
        display: block;
        width: 79.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        flex: 0 0 79.16666667%;
    }

    .arco-col-xl-20 {
        display: block;
        width: 83.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    }

    .arco-col-xl-21 {
        display: block;
        width: 87.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    .arco-col-xl-22 {
        display: block;
        width: 91.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    }

    .arco-col-xl-23 {
        display: block;
        width: 95.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        flex: 0 0 95.83333333%;
    }

    .arco-col-xl-24 {
        display: block;
        width: 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .arco-col-xl-offset-0 {
        margin-left: 0%;
    }

    .arco-col-xl-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0%;
    }

    .arco-col-xl-offset-1 {
        margin-left: 4.16666667%;
    }

    .arco-col-xl-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%;
    }

    .arco-col-xl-offset-2 {
        margin-left: 8.33333333%;
    }

    .arco-col-xl-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%;
    }

    .arco-col-xl-offset-3 {
        margin-left: 12.5%;
    }

    .arco-col-xl-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%;
    }

    .arco-col-xl-offset-4 {
        margin-left: 16.66666667%;
    }

    .arco-col-xl-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%;
    }

    .arco-col-xl-offset-5 {
        margin-left: 20.83333333%;
    }

    .arco-col-xl-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%;
    }

    .arco-col-xl-offset-6 {
        margin-left: 25%;
    }

    .arco-col-xl-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%;
    }

    .arco-col-xl-offset-7 {
        margin-left: 29.16666667%;
    }

    .arco-col-xl-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%;
    }

    .arco-col-xl-offset-8 {
        margin-left: 33.33333333%;
    }

    .arco-col-xl-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%;
    }

    .arco-col-xl-offset-9 {
        margin-left: 37.5%;
    }

    .arco-col-xl-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%;
    }

    .arco-col-xl-offset-10 {
        margin-left: 41.66666667%;
    }

    .arco-col-xl-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%;
    }

    .arco-col-xl-offset-11 {
        margin-left: 45.83333333%;
    }

    .arco-col-xl-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%;
    }

    .arco-col-xl-offset-12 {
        margin-left: 50%;
    }

    .arco-col-xl-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%;
    }

    .arco-col-xl-offset-13 {
        margin-left: 54.16666667%;
    }

    .arco-col-xl-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%;
    }

    .arco-col-xl-offset-14 {
        margin-left: 58.33333333%;
    }

    .arco-col-xl-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%;
    }

    .arco-col-xl-offset-15 {
        margin-left: 62.5%;
    }

    .arco-col-xl-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%;
    }

    .arco-col-xl-offset-16 {
        margin-left: 66.66666667%;
    }

    .arco-col-xl-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%;
    }

    .arco-col-xl-offset-17 {
        margin-left: 70.83333333%;
    }

    .arco-col-xl-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%;
    }

    .arco-col-xl-offset-18 {
        margin-left: 75%;
    }

    .arco-col-xl-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%;
    }

    .arco-col-xl-offset-19 {
        margin-left: 79.16666667%;
    }

    .arco-col-xl-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%;
    }

    .arco-col-xl-offset-20 {
        margin-left: 83.33333333%;
    }

    .arco-col-xl-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%;
    }

    .arco-col-xl-offset-21 {
        margin-left: 87.5%;
    }

    .arco-col-xl-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%;
    }

    .arco-col-xl-offset-22 {
        margin-left: 91.66666667%;
    }

    .arco-col-xl-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%;
    }

    .arco-col-xl-offset-23 {
        margin-left: 95.83333333%;
    }

    .arco-col-xl-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%;
    }

    .arco-col-xl-order-0 {
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .arco-col-xl-order-1 {
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .arco-col-xl-order-2 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .arco-col-xl-order-3 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .arco-col-xl-order-4 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .arco-col-xl-order-5 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .arco-col-xl-order-6 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .arco-col-xl-order-7 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .arco-col-xl-order-8 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .arco-col-xl-order-9 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .arco-col-xl-order-10 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .arco-col-xl-order-11 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .arco-col-xl-order-12 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .arco-col-xl-order-13 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .arco-col-xl-order-14 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .arco-col-xl-order-15 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .arco-col-xl-order-16 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .arco-col-xl-order-17 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .arco-col-xl-order-18 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .arco-col-xl-order-19 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .arco-col-xl-order-20 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .arco-col-xl-order-21 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .arco-col-xl-order-22 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .arco-col-xl-order-23 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .arco-col-xl-order-24 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .arco-col-xl-pull-0 {
        right: 0%;
    }

    .arco-col-xl-pull-0.arco-col-rtl {
        right: unset;
        left: 0%;
    }

    .arco-col-xl-pull-1 {
        right: 4.16666667%;
    }

    .arco-col-xl-pull-1.arco-col-rtl {
        right: unset;
        left: 4.16666667%;
    }

    .arco-col-xl-pull-2 {
        right: 8.33333333%;
    }

    .arco-col-xl-pull-2.arco-col-rtl {
        right: unset;
        left: 8.33333333%;
    }

    .arco-col-xl-pull-3 {
        right: 12.5%;
    }

    .arco-col-xl-pull-3.arco-col-rtl {
        right: unset;
        left: 12.5%;
    }

    .arco-col-xl-pull-4 {
        right: 16.66666667%;
    }

    .arco-col-xl-pull-4.arco-col-rtl {
        right: unset;
        left: 16.66666667%;
    }

    .arco-col-xl-pull-5 {
        right: 20.83333333%;
    }

    .arco-col-xl-pull-5.arco-col-rtl {
        right: unset;
        left: 20.83333333%;
    }

    .arco-col-xl-pull-6 {
        right: 25%;
    }

    .arco-col-xl-pull-6.arco-col-rtl {
        right: unset;
        left: 25%;
    }

    .arco-col-xl-pull-7 {
        right: 29.16666667%;
    }

    .arco-col-xl-pull-7.arco-col-rtl {
        right: unset;
        left: 29.16666667%;
    }

    .arco-col-xl-pull-8 {
        right: 33.33333333%;
    }

    .arco-col-xl-pull-8.arco-col-rtl {
        right: unset;
        left: 33.33333333%;
    }

    .arco-col-xl-pull-9 {
        right: 37.5%;
    }

    .arco-col-xl-pull-9.arco-col-rtl {
        right: unset;
        left: 37.5%;
    }

    .arco-col-xl-pull-10 {
        right: 41.66666667%;
    }

    .arco-col-xl-pull-10.arco-col-rtl {
        right: unset;
        left: 41.66666667%;
    }

    .arco-col-xl-pull-11 {
        right: 45.83333333%;
    }

    .arco-col-xl-pull-11.arco-col-rtl {
        right: unset;
        left: 45.83333333%;
    }

    .arco-col-xl-pull-12 {
        right: 50%;
    }

    .arco-col-xl-pull-12.arco-col-rtl {
        right: unset;
        left: 50%;
    }

    .arco-col-xl-pull-13 {
        right: 54.16666667%;
    }

    .arco-col-xl-pull-13.arco-col-rtl {
        right: unset;
        left: 54.16666667%;
    }

    .arco-col-xl-pull-14 {
        right: 58.33333333%;
    }

    .arco-col-xl-pull-14.arco-col-rtl {
        right: unset;
        left: 58.33333333%;
    }

    .arco-col-xl-pull-15 {
        right: 62.5%;
    }

    .arco-col-xl-pull-15.arco-col-rtl {
        right: unset;
        left: 62.5%;
    }

    .arco-col-xl-pull-16 {
        right: 66.66666667%;
    }

    .arco-col-xl-pull-16.arco-col-rtl {
        right: unset;
        left: 66.66666667%;
    }

    .arco-col-xl-pull-17 {
        right: 70.83333333%;
    }

    .arco-col-xl-pull-17.arco-col-rtl {
        right: unset;
        left: 70.83333333%;
    }

    .arco-col-xl-pull-18 {
        right: 75%;
    }

    .arco-col-xl-pull-18.arco-col-rtl {
        right: unset;
        left: 75%;
    }

    .arco-col-xl-pull-19 {
        right: 79.16666667%;
    }

    .arco-col-xl-pull-19.arco-col-rtl {
        right: unset;
        left: 79.16666667%;
    }

    .arco-col-xl-pull-20 {
        right: 83.33333333%;
    }

    .arco-col-xl-pull-20.arco-col-rtl {
        right: unset;
        left: 83.33333333%;
    }

    .arco-col-xl-pull-21 {
        right: 87.5%;
    }

    .arco-col-xl-pull-21.arco-col-rtl {
        right: unset;
        left: 87.5%;
    }

    .arco-col-xl-pull-22 {
        right: 91.66666667%;
    }

    .arco-col-xl-pull-22.arco-col-rtl {
        right: unset;
        left: 91.66666667%;
    }

    .arco-col-xl-pull-23 {
        right: 95.83333333%;
    }

    .arco-col-xl-pull-23.arco-col-rtl {
        right: unset;
        left: 95.83333333%;
    }

    .arco-col-xl-pull-24 {
        right: 100%;
    }

    .arco-col-xl-pull-24.arco-col-rtl {
        right: unset;
        left: 100%;
    }

    .arco-col-xl-push-0 {
        left: 0%;
    }

    .arco-col-xl-push-0.arco-col-rtl {
        left: unset;
        right: 0%;
    }

    .arco-col-xl-push-1 {
        left: 4.16666667%;
    }

    .arco-col-xl-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%;
    }

    .arco-col-xl-push-2 {
        left: 8.33333333%;
    }

    .arco-col-xl-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%;
    }

    .arco-col-xl-push-3 {
        left: 12.5%;
    }

    .arco-col-xl-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%;
    }

    .arco-col-xl-push-4 {
        left: 16.66666667%;
    }

    .arco-col-xl-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%;
    }

    .arco-col-xl-push-5 {
        left: 20.83333333%;
    }

    .arco-col-xl-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%;
    }

    .arco-col-xl-push-6 {
        left: 25%;
    }

    .arco-col-xl-push-6.arco-col-rtl {
        left: unset;
        right: 25%;
    }

    .arco-col-xl-push-7 {
        left: 29.16666667%;
    }

    .arco-col-xl-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%;
    }

    .arco-col-xl-push-8 {
        left: 33.33333333%;
    }

    .arco-col-xl-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%;
    }

    .arco-col-xl-push-9 {
        left: 37.5%;
    }

    .arco-col-xl-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%;
    }

    .arco-col-xl-push-10 {
        left: 41.66666667%;
    }

    .arco-col-xl-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%;
    }

    .arco-col-xl-push-11 {
        left: 45.83333333%;
    }

    .arco-col-xl-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%;
    }

    .arco-col-xl-push-12 {
        left: 50%;
    }

    .arco-col-xl-push-12.arco-col-rtl {
        left: unset;
        right: 50%;
    }

    .arco-col-xl-push-13 {
        left: 54.16666667%;
    }

    .arco-col-xl-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%;
    }

    .arco-col-xl-push-14 {
        left: 58.33333333%;
    }

    .arco-col-xl-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%;
    }

    .arco-col-xl-push-15 {
        left: 62.5%;
    }

    .arco-col-xl-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%;
    }

    .arco-col-xl-push-16 {
        left: 66.66666667%;
    }

    .arco-col-xl-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%;
    }

    .arco-col-xl-push-17 {
        left: 70.83333333%;
    }

    .arco-col-xl-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%;
    }

    .arco-col-xl-push-18 {
        left: 75%;
    }

    .arco-col-xl-push-18.arco-col-rtl {
        left: unset;
        right: 75%;
    }

    .arco-col-xl-push-19 {
        left: 79.16666667%;
    }

    .arco-col-xl-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%;
    }

    .arco-col-xl-push-20 {
        left: 83.33333333%;
    }

    .arco-col-xl-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%;
    }

    .arco-col-xl-push-21 {
        left: 87.5%;
    }

    .arco-col-xl-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%;
    }

    .arco-col-xl-push-22 {
        left: 91.66666667%;
    }

    .arco-col-xl-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%;
    }

    .arco-col-xl-push-23 {
        left: 95.83333333%;
    }

    .arco-col-xl-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%;
    }

    .arco-col-xl-push-24 {
        left: 100%;
    }

    .arco-col-xl-push-24.arco-col-rtl {
        left: unset;
        right: 100%;
    }
}

@media (min-width: 1600px) {
    .arco-col-xxl-0 {
        display: none;
    }

    .arco-col-xxl-1 {
        display: block;
        width: 4.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        flex: 0 0 4.16666667%;
    }

    .arco-col-xxl-2 {
        display: block;
        width: 8.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    }

    .arco-col-xxl-3 {
        display: block;
        width: 12.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    .arco-col-xxl-4 {
        display: block;
        width: 16.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    }

    .arco-col-xxl-5 {
        display: block;
        width: 20.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        flex: 0 0 20.83333333%;
    }

    .arco-col-xxl-6 {
        display: block;
        width: 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .arco-col-xxl-7 {
        display: block;
        width: 29.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .arco-col-xxl-8 {
        display: block;
        width: 33.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    }

    .arco-col-xxl-9 {
        display: block;
        width: 37.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    .arco-col-xxl-10 {
        display: block;
        width: 41.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    }

    .arco-col-xxl-11 {
        display: block;
        width: 45.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        flex: 0 0 45.83333333%;
    }

    .arco-col-xxl-12 {
        display: block;
        width: 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .arco-col-xxl-13 {
        display: block;
        width: 54.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        flex: 0 0 54.16666667%;
    }

    .arco-col-xxl-14 {
        display: block;
        width: 58.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    }

    .arco-col-xxl-15 {
        display: block;
        width: 62.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    .arco-col-xxl-16 {
        display: block;
        width: 66.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    }

    .arco-col-xxl-17 {
        display: block;
        width: 70.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .arco-col-xxl-18 {
        display: block;
        width: 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    .arco-col-xxl-19 {
        display: block;
        width: 79.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        flex: 0 0 79.16666667%;
    }

    .arco-col-xxl-20 {
        display: block;
        width: 83.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    }

    .arco-col-xxl-21 {
        display: block;
        width: 87.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    .arco-col-xxl-22 {
        display: block;
        width: 91.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    }

    .arco-col-xxl-23 {
        display: block;
        width: 95.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        flex: 0 0 95.83333333%;
    }

    .arco-col-xxl-24 {
        display: block;
        width: 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .arco-col-xxl-offset-0 {
        margin-left: 0%;
    }

    .arco-col-xxl-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0%;
    }

    .arco-col-xxl-offset-1 {
        margin-left: 4.16666667%;
    }

    .arco-col-xxl-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%;
    }

    .arco-col-xxl-offset-2 {
        margin-left: 8.33333333%;
    }

    .arco-col-xxl-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%;
    }

    .arco-col-xxl-offset-3 {
        margin-left: 12.5%;
    }

    .arco-col-xxl-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%;
    }

    .arco-col-xxl-offset-4 {
        margin-left: 16.66666667%;
    }

    .arco-col-xxl-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%;
    }

    .arco-col-xxl-offset-5 {
        margin-left: 20.83333333%;
    }

    .arco-col-xxl-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%;
    }

    .arco-col-xxl-offset-6 {
        margin-left: 25%;
    }

    .arco-col-xxl-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%;
    }

    .arco-col-xxl-offset-7 {
        margin-left: 29.16666667%;
    }

    .arco-col-xxl-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%;
    }

    .arco-col-xxl-offset-8 {
        margin-left: 33.33333333%;
    }

    .arco-col-xxl-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%;
    }

    .arco-col-xxl-offset-9 {
        margin-left: 37.5%;
    }

    .arco-col-xxl-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%;
    }

    .arco-col-xxl-offset-10 {
        margin-left: 41.66666667%;
    }

    .arco-col-xxl-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%;
    }

    .arco-col-xxl-offset-11 {
        margin-left: 45.83333333%;
    }

    .arco-col-xxl-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%;
    }

    .arco-col-xxl-offset-12 {
        margin-left: 50%;
    }

    .arco-col-xxl-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%;
    }

    .arco-col-xxl-offset-13 {
        margin-left: 54.16666667%;
    }

    .arco-col-xxl-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%;
    }

    .arco-col-xxl-offset-14 {
        margin-left: 58.33333333%;
    }

    .arco-col-xxl-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%;
    }

    .arco-col-xxl-offset-15 {
        margin-left: 62.5%;
    }

    .arco-col-xxl-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%;
    }

    .arco-col-xxl-offset-16 {
        margin-left: 66.66666667%;
    }

    .arco-col-xxl-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%;
    }

    .arco-col-xxl-offset-17 {
        margin-left: 70.83333333%;
    }

    .arco-col-xxl-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%;
    }

    .arco-col-xxl-offset-18 {
        margin-left: 75%;
    }

    .arco-col-xxl-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%;
    }

    .arco-col-xxl-offset-19 {
        margin-left: 79.16666667%;
    }

    .arco-col-xxl-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%;
    }

    .arco-col-xxl-offset-20 {
        margin-left: 83.33333333%;
    }

    .arco-col-xxl-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%;
    }

    .arco-col-xxl-offset-21 {
        margin-left: 87.5%;
    }

    .arco-col-xxl-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%;
    }

    .arco-col-xxl-offset-22 {
        margin-left: 91.66666667%;
    }

    .arco-col-xxl-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%;
    }

    .arco-col-xxl-offset-23 {
        margin-left: 95.83333333%;
    }

    .arco-col-xxl-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%;
    }

    .arco-col-xxl-order-0 {
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .arco-col-xxl-order-1 {
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .arco-col-xxl-order-2 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .arco-col-xxl-order-3 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .arco-col-xxl-order-4 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .arco-col-xxl-order-5 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .arco-col-xxl-order-6 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .arco-col-xxl-order-7 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .arco-col-xxl-order-8 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .arco-col-xxl-order-9 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .arco-col-xxl-order-10 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .arco-col-xxl-order-11 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .arco-col-xxl-order-12 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .arco-col-xxl-order-13 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .arco-col-xxl-order-14 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .arco-col-xxl-order-15 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .arco-col-xxl-order-16 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .arco-col-xxl-order-17 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .arco-col-xxl-order-18 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .arco-col-xxl-order-19 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .arco-col-xxl-order-20 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .arco-col-xxl-order-21 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .arco-col-xxl-order-22 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .arco-col-xxl-order-23 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .arco-col-xxl-order-24 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .arco-col-xxl-pull-0 {
        right: 0%;
    }

    .arco-col-xxl-pull-0.arco-col-rtl {
        right: unset;
        left: 0%;
    }

    .arco-col-xxl-pull-1 {
        right: 4.16666667%;
    }

    .arco-col-xxl-pull-1.arco-col-rtl {
        right: unset;
        left: 4.16666667%;
    }

    .arco-col-xxl-pull-2 {
        right: 8.33333333%;
    }

    .arco-col-xxl-pull-2.arco-col-rtl {
        right: unset;
        left: 8.33333333%;
    }

    .arco-col-xxl-pull-3 {
        right: 12.5%;
    }

    .arco-col-xxl-pull-3.arco-col-rtl {
        right: unset;
        left: 12.5%;
    }

    .arco-col-xxl-pull-4 {
        right: 16.66666667%;
    }

    .arco-col-xxl-pull-4.arco-col-rtl {
        right: unset;
        left: 16.66666667%;
    }

    .arco-col-xxl-pull-5 {
        right: 20.83333333%;
    }

    .arco-col-xxl-pull-5.arco-col-rtl {
        right: unset;
        left: 20.83333333%;
    }

    .arco-col-xxl-pull-6 {
        right: 25%;
    }

    .arco-col-xxl-pull-6.arco-col-rtl {
        right: unset;
        left: 25%;
    }

    .arco-col-xxl-pull-7 {
        right: 29.16666667%;
    }

    .arco-col-xxl-pull-7.arco-col-rtl {
        right: unset;
        left: 29.16666667%;
    }

    .arco-col-xxl-pull-8 {
        right: 33.33333333%;
    }

    .arco-col-xxl-pull-8.arco-col-rtl {
        right: unset;
        left: 33.33333333%;
    }

    .arco-col-xxl-pull-9 {
        right: 37.5%;
    }

    .arco-col-xxl-pull-9.arco-col-rtl {
        right: unset;
        left: 37.5%;
    }

    .arco-col-xxl-pull-10 {
        right: 41.66666667%;
    }

    .arco-col-xxl-pull-10.arco-col-rtl {
        right: unset;
        left: 41.66666667%;
    }

    .arco-col-xxl-pull-11 {
        right: 45.83333333%;
    }

    .arco-col-xxl-pull-11.arco-col-rtl {
        right: unset;
        left: 45.83333333%;
    }

    .arco-col-xxl-pull-12 {
        right: 50%;
    }

    .arco-col-xxl-pull-12.arco-col-rtl {
        right: unset;
        left: 50%;
    }

    .arco-col-xxl-pull-13 {
        right: 54.16666667%;
    }

    .arco-col-xxl-pull-13.arco-col-rtl {
        right: unset;
        left: 54.16666667%;
    }

    .arco-col-xxl-pull-14 {
        right: 58.33333333%;
    }

    .arco-col-xxl-pull-14.arco-col-rtl {
        right: unset;
        left: 58.33333333%;
    }

    .arco-col-xxl-pull-15 {
        right: 62.5%;
    }

    .arco-col-xxl-pull-15.arco-col-rtl {
        right: unset;
        left: 62.5%;
    }

    .arco-col-xxl-pull-16 {
        right: 66.66666667%;
    }

    .arco-col-xxl-pull-16.arco-col-rtl {
        right: unset;
        left: 66.66666667%;
    }

    .arco-col-xxl-pull-17 {
        right: 70.83333333%;
    }

    .arco-col-xxl-pull-17.arco-col-rtl {
        right: unset;
        left: 70.83333333%;
    }

    .arco-col-xxl-pull-18 {
        right: 75%;
    }

    .arco-col-xxl-pull-18.arco-col-rtl {
        right: unset;
        left: 75%;
    }

    .arco-col-xxl-pull-19 {
        right: 79.16666667%;
    }

    .arco-col-xxl-pull-19.arco-col-rtl {
        right: unset;
        left: 79.16666667%;
    }

    .arco-col-xxl-pull-20 {
        right: 83.33333333%;
    }

    .arco-col-xxl-pull-20.arco-col-rtl {
        right: unset;
        left: 83.33333333%;
    }

    .arco-col-xxl-pull-21 {
        right: 87.5%;
    }

    .arco-col-xxl-pull-21.arco-col-rtl {
        right: unset;
        left: 87.5%;
    }

    .arco-col-xxl-pull-22 {
        right: 91.66666667%;
    }

    .arco-col-xxl-pull-22.arco-col-rtl {
        right: unset;
        left: 91.66666667%;
    }

    .arco-col-xxl-pull-23 {
        right: 95.83333333%;
    }

    .arco-col-xxl-pull-23.arco-col-rtl {
        right: unset;
        left: 95.83333333%;
    }

    .arco-col-xxl-pull-24 {
        right: 100%;
    }

    .arco-col-xxl-pull-24.arco-col-rtl {
        right: unset;
        left: 100%;
    }

    .arco-col-xxl-push-0 {
        left: 0%;
    }

    .arco-col-xxl-push-0.arco-col-rtl {
        left: unset;
        right: 0%;
    }

    .arco-col-xxl-push-1 {
        left: 4.16666667%;
    }

    .arco-col-xxl-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%;
    }

    .arco-col-xxl-push-2 {
        left: 8.33333333%;
    }

    .arco-col-xxl-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%;
    }

    .arco-col-xxl-push-3 {
        left: 12.5%;
    }

    .arco-col-xxl-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%;
    }

    .arco-col-xxl-push-4 {
        left: 16.66666667%;
    }

    .arco-col-xxl-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%;
    }

    .arco-col-xxl-push-5 {
        left: 20.83333333%;
    }

    .arco-col-xxl-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%;
    }

    .arco-col-xxl-push-6 {
        left: 25%;
    }

    .arco-col-xxl-push-6.arco-col-rtl {
        left: unset;
        right: 25%;
    }

    .arco-col-xxl-push-7 {
        left: 29.16666667%;
    }

    .arco-col-xxl-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%;
    }

    .arco-col-xxl-push-8 {
        left: 33.33333333%;
    }

    .arco-col-xxl-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%;
    }

    .arco-col-xxl-push-9 {
        left: 37.5%;
    }

    .arco-col-xxl-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%;
    }

    .arco-col-xxl-push-10 {
        left: 41.66666667%;
    }

    .arco-col-xxl-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%;
    }

    .arco-col-xxl-push-11 {
        left: 45.83333333%;
    }

    .arco-col-xxl-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%;
    }

    .arco-col-xxl-push-12 {
        left: 50%;
    }

    .arco-col-xxl-push-12.arco-col-rtl {
        left: unset;
        right: 50%;
    }

    .arco-col-xxl-push-13 {
        left: 54.16666667%;
    }

    .arco-col-xxl-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%;
    }

    .arco-col-xxl-push-14 {
        left: 58.33333333%;
    }

    .arco-col-xxl-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%;
    }

    .arco-col-xxl-push-15 {
        left: 62.5%;
    }

    .arco-col-xxl-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%;
    }

    .arco-col-xxl-push-16 {
        left: 66.66666667%;
    }

    .arco-col-xxl-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%;
    }

    .arco-col-xxl-push-17 {
        left: 70.83333333%;
    }

    .arco-col-xxl-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%;
    }

    .arco-col-xxl-push-18 {
        left: 75%;
    }

    .arco-col-xxl-push-18.arco-col-rtl {
        left: unset;
        right: 75%;
    }

    .arco-col-xxl-push-19 {
        left: 79.16666667%;
    }

    .arco-col-xxl-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%;
    }

    .arco-col-xxl-push-20 {
        left: 83.33333333%;
    }

    .arco-col-xxl-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%;
    }

    .arco-col-xxl-push-21 {
        left: 87.5%;
    }

    .arco-col-xxl-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%;
    }

    .arco-col-xxl-push-22 {
        left: 91.66666667%;
    }

    .arco-col-xxl-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%;
    }

    .arco-col-xxl-push-23 {
        left: 95.83333333%;
    }

    .arco-col-xxl-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%;
    }

    .arco-col-xxl-push-24 {
        left: 100%;
    }

    .arco-col-xxl-push-24.arco-col-rtl {
        left: unset;
        right: 100%;
    }
}

@media (min-width: 2000px) {
    .arco-col-xxxl-0 {
        display: none;
    }

    .arco-col-xxxl-1 {
        display: block;
        width: 4.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        flex: 0 0 4.16666667%;
    }

    .arco-col-xxxl-2 {
        display: block;
        width: 8.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
    }

    .arco-col-xxxl-3 {
        display: block;
        width: 12.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    }

    .arco-col-xxxl-4 {
        display: block;
        width: 16.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
    }

    .arco-col-xxxl-5 {
        display: block;
        width: 20.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        flex: 0 0 20.83333333%;
    }

    .arco-col-xxxl-6 {
        display: block;
        width: 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .arco-col-xxxl-7 {
        display: block;
        width: 29.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .arco-col-xxxl-8 {
        display: block;
        width: 33.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
    }

    .arco-col-xxxl-9 {
        display: block;
        width: 37.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    }

    .arco-col-xxxl-10 {
        display: block;
        width: 41.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    }

    .arco-col-xxxl-11 {
        display: block;
        width: 45.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        flex: 0 0 45.83333333%;
    }

    .arco-col-xxxl-12 {
        display: block;
        width: 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .arco-col-xxxl-13 {
        display: block;
        width: 54.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        flex: 0 0 54.16666667%;
    }

    .arco-col-xxxl-14 {
        display: block;
        width: 58.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
    }

    .arco-col-xxxl-15 {
        display: block;
        width: 62.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    }

    .arco-col-xxxl-16 {
        display: block;
        width: 66.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
    }

    .arco-col-xxxl-17 {
        display: block;
        width: 70.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .arco-col-xxxl-18 {
        display: block;
        width: 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    .arco-col-xxxl-19 {
        display: block;
        width: 79.16666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        flex: 0 0 79.16666667%;
    }

    .arco-col-xxxl-20 {
        display: block;
        width: 83.33333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
    }

    .arco-col-xxxl-21 {
        display: block;
        width: 87.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    }

    .arco-col-xxxl-22 {
        display: block;
        width: 91.66666667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
    }

    .arco-col-xxxl-23 {
        display: block;
        width: 95.83333333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        flex: 0 0 95.83333333%;
    }

    .arco-col-xxxl-24 {
        display: block;
        width: 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .arco-col-xxxl-offset-0 {
        margin-left: 0%;
    }

    .arco-col-xxxl-offset-0.arco-col-rtl {
        margin-left: 0;
        margin-right: 0%;
    }

    .arco-col-xxxl-offset-1 {
        margin-left: 4.16666667%;
    }

    .arco-col-xxxl-offset-1.arco-col-rtl {
        margin-left: 0;
        margin-right: 4.16666667%;
    }

    .arco-col-xxxl-offset-2 {
        margin-left: 8.33333333%;
    }

    .arco-col-xxxl-offset-2.arco-col-rtl {
        margin-left: 0;
        margin-right: 8.33333333%;
    }

    .arco-col-xxxl-offset-3 {
        margin-left: 12.5%;
    }

    .arco-col-xxxl-offset-3.arco-col-rtl {
        margin-left: 0;
        margin-right: 12.5%;
    }

    .arco-col-xxxl-offset-4 {
        margin-left: 16.66666667%;
    }

    .arco-col-xxxl-offset-4.arco-col-rtl {
        margin-left: 0;
        margin-right: 16.66666667%;
    }

    .arco-col-xxxl-offset-5 {
        margin-left: 20.83333333%;
    }

    .arco-col-xxxl-offset-5.arco-col-rtl {
        margin-left: 0;
        margin-right: 20.83333333%;
    }

    .arco-col-xxxl-offset-6 {
        margin-left: 25%;
    }

    .arco-col-xxxl-offset-6.arco-col-rtl {
        margin-left: 0;
        margin-right: 25%;
    }

    .arco-col-xxxl-offset-7 {
        margin-left: 29.16666667%;
    }

    .arco-col-xxxl-offset-7.arco-col-rtl {
        margin-left: 0;
        margin-right: 29.16666667%;
    }

    .arco-col-xxxl-offset-8 {
        margin-left: 33.33333333%;
    }

    .arco-col-xxxl-offset-8.arco-col-rtl {
        margin-left: 0;
        margin-right: 33.33333333%;
    }

    .arco-col-xxxl-offset-9 {
        margin-left: 37.5%;
    }

    .arco-col-xxxl-offset-9.arco-col-rtl {
        margin-left: 0;
        margin-right: 37.5%;
    }

    .arco-col-xxxl-offset-10 {
        margin-left: 41.66666667%;
    }

    .arco-col-xxxl-offset-10.arco-col-rtl {
        margin-left: 0;
        margin-right: 41.66666667%;
    }

    .arco-col-xxxl-offset-11 {
        margin-left: 45.83333333%;
    }

    .arco-col-xxxl-offset-11.arco-col-rtl {
        margin-left: 0;
        margin-right: 45.83333333%;
    }

    .arco-col-xxxl-offset-12 {
        margin-left: 50%;
    }

    .arco-col-xxxl-offset-12.arco-col-rtl {
        margin-left: 0;
        margin-right: 50%;
    }

    .arco-col-xxxl-offset-13 {
        margin-left: 54.16666667%;
    }

    .arco-col-xxxl-offset-13.arco-col-rtl {
        margin-left: 0;
        margin-right: 54.16666667%;
    }

    .arco-col-xxxl-offset-14 {
        margin-left: 58.33333333%;
    }

    .arco-col-xxxl-offset-14.arco-col-rtl {
        margin-left: 0;
        margin-right: 58.33333333%;
    }

    .arco-col-xxxl-offset-15 {
        margin-left: 62.5%;
    }

    .arco-col-xxxl-offset-15.arco-col-rtl {
        margin-left: 0;
        margin-right: 62.5%;
    }

    .arco-col-xxxl-offset-16 {
        margin-left: 66.66666667%;
    }

    .arco-col-xxxl-offset-16.arco-col-rtl {
        margin-left: 0;
        margin-right: 66.66666667%;
    }

    .arco-col-xxxl-offset-17 {
        margin-left: 70.83333333%;
    }

    .arco-col-xxxl-offset-17.arco-col-rtl {
        margin-left: 0;
        margin-right: 70.83333333%;
    }

    .arco-col-xxxl-offset-18 {
        margin-left: 75%;
    }

    .arco-col-xxxl-offset-18.arco-col-rtl {
        margin-left: 0;
        margin-right: 75%;
    }

    .arco-col-xxxl-offset-19 {
        margin-left: 79.16666667%;
    }

    .arco-col-xxxl-offset-19.arco-col-rtl {
        margin-left: 0;
        margin-right: 79.16666667%;
    }

    .arco-col-xxxl-offset-20 {
        margin-left: 83.33333333%;
    }

    .arco-col-xxxl-offset-20.arco-col-rtl {
        margin-left: 0;
        margin-right: 83.33333333%;
    }

    .arco-col-xxxl-offset-21 {
        margin-left: 87.5%;
    }

    .arco-col-xxxl-offset-21.arco-col-rtl {
        margin-left: 0;
        margin-right: 87.5%;
    }

    .arco-col-xxxl-offset-22 {
        margin-left: 91.66666667%;
    }

    .arco-col-xxxl-offset-22.arco-col-rtl {
        margin-left: 0;
        margin-right: 91.66666667%;
    }

    .arco-col-xxxl-offset-23 {
        margin-left: 95.83333333%;
    }

    .arco-col-xxxl-offset-23.arco-col-rtl {
        margin-left: 0;
        margin-right: 95.83333333%;
    }

    .arco-col-xxxl-order-0 {
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .arco-col-xxxl-order-1 {
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .arco-col-xxxl-order-2 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .arco-col-xxxl-order-3 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .arco-col-xxxl-order-4 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .arco-col-xxxl-order-5 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .arco-col-xxxl-order-6 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .arco-col-xxxl-order-7 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .arco-col-xxxl-order-8 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .arco-col-xxxl-order-9 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .arco-col-xxxl-order-10 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .arco-col-xxxl-order-11 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .arco-col-xxxl-order-12 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .arco-col-xxxl-order-13 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .arco-col-xxxl-order-14 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .arco-col-xxxl-order-15 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .arco-col-xxxl-order-16 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .arco-col-xxxl-order-17 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .arco-col-xxxl-order-18 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .arco-col-xxxl-order-19 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .arco-col-xxxl-order-20 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .arco-col-xxxl-order-21 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .arco-col-xxxl-order-22 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .arco-col-xxxl-order-23 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .arco-col-xxxl-order-24 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .arco-col-xxxl-pull-0 {
        right: 0%;
    }

    .arco-col-xxxl-pull-0.arco-col-rtl {
        right: unset;
        left: 0%;
    }

    .arco-col-xxxl-pull-1 {
        right: 4.16666667%;
    }

    .arco-col-xxxl-pull-1.arco-col-rtl {
        right: unset;
        left: 4.16666667%;
    }

    .arco-col-xxxl-pull-2 {
        right: 8.33333333%;
    }

    .arco-col-xxxl-pull-2.arco-col-rtl {
        right: unset;
        left: 8.33333333%;
    }

    .arco-col-xxxl-pull-3 {
        right: 12.5%;
    }

    .arco-col-xxxl-pull-3.arco-col-rtl {
        right: unset;
        left: 12.5%;
    }

    .arco-col-xxxl-pull-4 {
        right: 16.66666667%;
    }

    .arco-col-xxxl-pull-4.arco-col-rtl {
        right: unset;
        left: 16.66666667%;
    }

    .arco-col-xxxl-pull-5 {
        right: 20.83333333%;
    }

    .arco-col-xxxl-pull-5.arco-col-rtl {
        right: unset;
        left: 20.83333333%;
    }

    .arco-col-xxxl-pull-6 {
        right: 25%;
    }

    .arco-col-xxxl-pull-6.arco-col-rtl {
        right: unset;
        left: 25%;
    }

    .arco-col-xxxl-pull-7 {
        right: 29.16666667%;
    }

    .arco-col-xxxl-pull-7.arco-col-rtl {
        right: unset;
        left: 29.16666667%;
    }

    .arco-col-xxxl-pull-8 {
        right: 33.33333333%;
    }

    .arco-col-xxxl-pull-8.arco-col-rtl {
        right: unset;
        left: 33.33333333%;
    }

    .arco-col-xxxl-pull-9 {
        right: 37.5%;
    }

    .arco-col-xxxl-pull-9.arco-col-rtl {
        right: unset;
        left: 37.5%;
    }

    .arco-col-xxxl-pull-10 {
        right: 41.66666667%;
    }

    .arco-col-xxxl-pull-10.arco-col-rtl {
        right: unset;
        left: 41.66666667%;
    }

    .arco-col-xxxl-pull-11 {
        right: 45.83333333%;
    }

    .arco-col-xxxl-pull-11.arco-col-rtl {
        right: unset;
        left: 45.83333333%;
    }

    .arco-col-xxxl-pull-12 {
        right: 50%;
    }

    .arco-col-xxxl-pull-12.arco-col-rtl {
        right: unset;
        left: 50%;
    }

    .arco-col-xxxl-pull-13 {
        right: 54.16666667%;
    }

    .arco-col-xxxl-pull-13.arco-col-rtl {
        right: unset;
        left: 54.16666667%;
    }

    .arco-col-xxxl-pull-14 {
        right: 58.33333333%;
    }

    .arco-col-xxxl-pull-14.arco-col-rtl {
        right: unset;
        left: 58.33333333%;
    }

    .arco-col-xxxl-pull-15 {
        right: 62.5%;
    }

    .arco-col-xxxl-pull-15.arco-col-rtl {
        right: unset;
        left: 62.5%;
    }

    .arco-col-xxxl-pull-16 {
        right: 66.66666667%;
    }

    .arco-col-xxxl-pull-16.arco-col-rtl {
        right: unset;
        left: 66.66666667%;
    }

    .arco-col-xxxl-pull-17 {
        right: 70.83333333%;
    }

    .arco-col-xxxl-pull-17.arco-col-rtl {
        right: unset;
        left: 70.83333333%;
    }

    .arco-col-xxxl-pull-18 {
        right: 75%;
    }

    .arco-col-xxxl-pull-18.arco-col-rtl {
        right: unset;
        left: 75%;
    }

    .arco-col-xxxl-pull-19 {
        right: 79.16666667%;
    }

    .arco-col-xxxl-pull-19.arco-col-rtl {
        right: unset;
        left: 79.16666667%;
    }

    .arco-col-xxxl-pull-20 {
        right: 83.33333333%;
    }

    .arco-col-xxxl-pull-20.arco-col-rtl {
        right: unset;
        left: 83.33333333%;
    }

    .arco-col-xxxl-pull-21 {
        right: 87.5%;
    }

    .arco-col-xxxl-pull-21.arco-col-rtl {
        right: unset;
        left: 87.5%;
    }

    .arco-col-xxxl-pull-22 {
        right: 91.66666667%;
    }

    .arco-col-xxxl-pull-22.arco-col-rtl {
        right: unset;
        left: 91.66666667%;
    }

    .arco-col-xxxl-pull-23 {
        right: 95.83333333%;
    }

    .arco-col-xxxl-pull-23.arco-col-rtl {
        right: unset;
        left: 95.83333333%;
    }

    .arco-col-xxxl-pull-24 {
        right: 100%;
    }

    .arco-col-xxxl-pull-24.arco-col-rtl {
        right: unset;
        left: 100%;
    }

    .arco-col-xxxl-push-0 {
        left: 0%;
    }

    .arco-col-xxxl-push-0.arco-col-rtl {
        left: unset;
        right: 0%;
    }

    .arco-col-xxxl-push-1 {
        left: 4.16666667%;
    }

    .arco-col-xxxl-push-1.arco-col-rtl {
        left: unset;
        right: 4.16666667%;
    }

    .arco-col-xxxl-push-2 {
        left: 8.33333333%;
    }

    .arco-col-xxxl-push-2.arco-col-rtl {
        left: unset;
        right: 8.33333333%;
    }

    .arco-col-xxxl-push-3 {
        left: 12.5%;
    }

    .arco-col-xxxl-push-3.arco-col-rtl {
        left: unset;
        right: 12.5%;
    }

    .arco-col-xxxl-push-4 {
        left: 16.66666667%;
    }

    .arco-col-xxxl-push-4.arco-col-rtl {
        left: unset;
        right: 16.66666667%;
    }

    .arco-col-xxxl-push-5 {
        left: 20.83333333%;
    }

    .arco-col-xxxl-push-5.arco-col-rtl {
        left: unset;
        right: 20.83333333%;
    }

    .arco-col-xxxl-push-6 {
        left: 25%;
    }

    .arco-col-xxxl-push-6.arco-col-rtl {
        left: unset;
        right: 25%;
    }

    .arco-col-xxxl-push-7 {
        left: 29.16666667%;
    }

    .arco-col-xxxl-push-7.arco-col-rtl {
        left: unset;
        right: 29.16666667%;
    }

    .arco-col-xxxl-push-8 {
        left: 33.33333333%;
    }

    .arco-col-xxxl-push-8.arco-col-rtl {
        left: unset;
        right: 33.33333333%;
    }

    .arco-col-xxxl-push-9 {
        left: 37.5%;
    }

    .arco-col-xxxl-push-9.arco-col-rtl {
        left: unset;
        right: 37.5%;
    }

    .arco-col-xxxl-push-10 {
        left: 41.66666667%;
    }

    .arco-col-xxxl-push-10.arco-col-rtl {
        left: unset;
        right: 41.66666667%;
    }

    .arco-col-xxxl-push-11 {
        left: 45.83333333%;
    }

    .arco-col-xxxl-push-11.arco-col-rtl {
        left: unset;
        right: 45.83333333%;
    }

    .arco-col-xxxl-push-12 {
        left: 50%;
    }

    .arco-col-xxxl-push-12.arco-col-rtl {
        left: unset;
        right: 50%;
    }

    .arco-col-xxxl-push-13 {
        left: 54.16666667%;
    }

    .arco-col-xxxl-push-13.arco-col-rtl {
        left: unset;
        right: 54.16666667%;
    }

    .arco-col-xxxl-push-14 {
        left: 58.33333333%;
    }

    .arco-col-xxxl-push-14.arco-col-rtl {
        left: unset;
        right: 58.33333333%;
    }

    .arco-col-xxxl-push-15 {
        left: 62.5%;
    }

    .arco-col-xxxl-push-15.arco-col-rtl {
        left: unset;
        right: 62.5%;
    }

    .arco-col-xxxl-push-16 {
        left: 66.66666667%;
    }

    .arco-col-xxxl-push-16.arco-col-rtl {
        left: unset;
        right: 66.66666667%;
    }

    .arco-col-xxxl-push-17 {
        left: 70.83333333%;
    }

    .arco-col-xxxl-push-17.arco-col-rtl {
        left: unset;
        right: 70.83333333%;
    }

    .arco-col-xxxl-push-18 {
        left: 75%;
    }

    .arco-col-xxxl-push-18.arco-col-rtl {
        left: unset;
        right: 75%;
    }

    .arco-col-xxxl-push-19 {
        left: 79.16666667%;
    }

    .arco-col-xxxl-push-19.arco-col-rtl {
        left: unset;
        right: 79.16666667%;
    }

    .arco-col-xxxl-push-20 {
        left: 83.33333333%;
    }

    .arco-col-xxxl-push-20.arco-col-rtl {
        left: unset;
        right: 83.33333333%;
    }

    .arco-col-xxxl-push-21 {
        left: 87.5%;
    }

    .arco-col-xxxl-push-21.arco-col-rtl {
        left: unset;
        right: 87.5%;
    }

    .arco-col-xxxl-push-22 {
        left: 91.66666667%;
    }

    .arco-col-xxxl-push-22.arco-col-rtl {
        left: unset;
        right: 91.66666667%;
    }

    .arco-col-xxxl-push-23 {
        left: 95.83333333%;
    }

    .arco-col-xxxl-push-23.arco-col-rtl {
        left: unset;
        right: 95.83333333%;
    }

    .arco-col-xxxl-push-24 {
        left: 100%;
    }

    .arco-col-xxxl-push-24.arco-col-rtl {
        left: unset;
        right: 100%;
    }
}

.arco-grid {
    display: grid;
}

.arco-grid-rtl {
    direction: rtl;
}

.arco-image-trigger {
    padding: 6px 4px;
    background: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3);
    border-radius: 4px;
}

.arco-image-trigger .arco-trigger-arrow {
    border: 1px solid var(--color-neutral-3);
    background-color: var(--color-bg-5);
}

.arco-image {
    position: relative;
    display: inline-block;
    border-radius: var(--border-radius-small);
    vertical-align: middle;
}

.arco-image-img {
    vertical-align: middle;
    border-radius: inherit;
}

.arco-image-img:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
}

.arco-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.arco-image-footer {
    width: 100%;
    max-width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-image-footer-block {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.arco-image-caption-title {
    font-size: 16px;
    font-weight: 500;
}

.arco-image-caption-description {
    font-size: 14px;
}

.arco-image-actions {
    padding-left: 12px;
}

.arco-image-actions-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-image-actions-item {
    font-size: 14px;
    line-height: 1;
    margin-left: 12px;
    border-radius: var(--border-radius-small);
    padding: 0 0;
    cursor: pointer;
}

.arco-image-actions-item:first-child {
    margin-left: 0;
}

.arco-image-actions-item-trigger {
    padding: 5px 4px;
    display: inline-block;
}

.arco-image-with-footer-inner .arco-image-footer {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    color: var(--color-white);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 16px;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.arco-image-with-footer-inner .arco-image-caption-title {
    color: var(--color-white);
}

.arco-image-with-footer-inner .arco-image-caption-description {
    color: var(--color-white);
}

.arco-image-with-footer-inner .arco-image-actions-item:hover {
    background: rgba(0, 0, 0, 0.5);
}

.arco-image-with-footer-outer .arco-image-footer {
    color: var(--color-neutral-8);
    margin-top: 4px;
}

.arco-image-with-footer-outer .arco-image-caption-title {
    color: var(--color-text-1);
}

.arco-image-with-footer-outer .arco-image-caption-description {
    color: var(--color-neutral-6);
}

.arco-image-with-footer-outer .arco-image-actions-item:hover {
    background: var(--color-neutral-2);
}

.arco-image-with-preview:hover {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.arco-image-error {
    width: 100%;
    height: 100%;
    background-color: var(--color-neutral-1);
    color: var(--color-neutral-4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-image-error-icon {
    width: 60px;
    height: 60px;
    max-width: 100%;
    max-height: 100%;
}

.arco-image-error-icon > svg {
    width: 100%;
    height: 100%;
}

.arco-image-error-alt {
    font-size: 12px;
    line-height: 1.6667;
    text-align: center;
    padding: 8px 16px;
}

.arco-image-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-neutral-1);
}

.arco-image-loader-spin {
    font-size: 32px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: rgb(var(--primary-6));
    left: 50%;
    top: 50%;
    text-align: center;
}

.arco-image-loader-spin-text {
    color: var(--color-neutral-6);
    font-size: 16px;
}

.arco-image-simple.arco-image-with-footer-inner .arco-image-footer {
    padding: 12px 16px;
}

.arco-image-before-load .arco-image-img,
.arco-image-loading .arco-image-img,
.arco-image-loading-error .arco-image-img {
    visibility: hidden;
}

.arco-image-trigger .arco-image-actions-list {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-image-trigger .arco-image-actions-item {
    color: var(--color-neutral-8);
    margin-left: 0;
}

.arco-image-trigger .arco-image-actions-item:hover {
    background: var(--color-neutral-2);
}

.arco-image-preview {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
}

.arco-image-preview-hide {
    display: none;
}

.arco-image-preview-mask,
.arco-image-preview-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.arco-image-preview-mask {
    background-color: var(--color-mask-bg);
}

.arco-image-preview-img-container {
    width: 100%;
    height: 100%;
    text-align: center;
}

.arco-image-preview-img-container::before {
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.arco-image-preview-img-container .arco-image-preview-img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.arco-image-preview-img-container .arco-image-preview-img.arco-image-preview-img-moving {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.arco-image-preview-scale-value {
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: var(--color-white);
    background-color: rgba(255, 255, 255, 0.08);
    line-height: initial;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-image-preview-toolbar {
    background-color: var(--color-bg-2);
    border-radius: var(--border-radius-medium);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4px 16px;
    position: absolute;
    bottom: 46px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-image-preview-toolbar-action {
    font-size: 14px;
    color: var(--color-neutral-8);
    border-radius: var(--border-radius-small);
    background-color: transparent;
    cursor: pointer;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-image-preview-toolbar-action:not(:last-of-type) {
    margin-right: 0;
}

.arco-image-preview-toolbar-action:hover {
    background-color: var(--color-neutral-2);
    color: rgb(var(--primary-6));
}

.arco-image-preview-toolbar-action-disabled,
.arco-image-preview-toolbar-action-disabled:hover {
    color: var(--color-text-4);
    background-color: transparent;
    cursor: not-allowed;
}

.arco-image-preview-toolbar-action-name {
    font-size: 12px;
    padding-right: 12px;
}

.arco-image-preview-toolbar-action-content {
    padding: 13px;
    line-height: 1;
}

.arco-image-preview-toolbar-simple {
    padding: 4px 4px;
}

.arco-image-preview-toolbar-simple .arco-image-preview-toolbar-action {
    margin-right: 0;
}

.arco-image-preview-trigger.arco-image-trigger {
    padding: 12px 16px;
}

.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action {
    text-align: left;
    margin-right: 0;
}

.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action:not(:last-of-type) {
    margin-bottom: 0;
}

.arco-image-preview-loading {
    color: rgb(var(--primary-6));
    background-color: #232324;
    font-size: 18px;
    padding: 10px;
    width: 48px;
    height: 48px;
    border-radius: var(--border-radius-medium);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-image-preview-close-btn {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.5);
    color: var(--color-white);
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 36px;
    top: 36px;
    cursor: pointer;
    font-size: 14px;
}

.arco-image-preview-arrow-left,
.arco-image-preview-arrow-right {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--color-white);
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    z-index: 2;
}

.arco-image-preview-arrow-left > svg,
.arco-image-preview-arrow-right > svg {
    color: var(--color-white);
    font-size: 16px;
}

.arco-image-preview-arrow-left:hover,
.arco-image-preview-arrow-right:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.arco-image-preview-arrow-left {
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-image-preview-arrow-right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}

.arco-image-preview-arrow-disabled {
    cursor: not-allowed;
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.3);
}

.arco-image-preview-arrow-disabled > svg {
    color: rgba(255, 255, 255, 0.3);
}

.arco-image-preview-arrow-disabled:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/** mask 动效 */
.fadeImage-enter,
.fadeImage-appear {
    opacity: 0;
}

.fadeImage-enter-active,
.fadeImage-appear-active {
    opacity: 1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.fadeImage-exit {
    opacity: 1;
}

.fadeImage-exit-active {
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-image-rtl {
    direction: rtl;
}

.arco-image-rtl .arco-image-actions-item {
    margin-left: 0;
    margin-right: 12px;
}

.arco-image-rtl .arco-image-actions-item:first-child {
    margin-right: 0;
}

/******** 基础配置项 end *******/
/******** 基础配置项 end *******/
/******** 高级配置项 *******/
/******** 高级配置项 end *******/
.arco-input {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 1.5715;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    border: 1px solid transparent;
    background-color: var(--color-fill-2);
}

.arco-input::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-input::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-input::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-input:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-input:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-input::placeholder {
    color: var(--color-text-3);
}

.arco-input:hover {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-input:focus,
.arco-input.arco-input-focus {
    border-color: rgb(var(--primary-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-input-error {
    border-color: transparent;
    background-color: var(--color-danger-light-1);
}

.arco-input-error:hover {
    border-color: transparent;
    background-color: var(--color-danger-light-2);
}

.arco-input-error .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-error .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-error.arco-input-focus,
.arco-input-error.arco-input-focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-input-error:focus,
.arco-input-error:focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-input-warning {
    border-color: transparent;
    background-color: var(--color-warning-light-1);
}

.arco-input-warning:hover {
    border-color: transparent;
    background-color: var(--color-warning-light-2);
}

.arco-input-warning .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-warning .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-warning.arco-input-focus,
.arco-input-warning.arco-input-focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-input-warning:focus,
.arco-input-warning:focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-input-autowidth {
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-input-autowidth:hover {
    text-overflow: unset;
}

.arco-input-disabled {
    background-color: var(--color-fill-2);
    cursor: not-allowed;
    color: var(--color-text-4);
    -webkit-text-fill-color: var(--color-text-4);
    border-color: transparent;
}

.arco-input-disabled:hover {
    border-color: transparent;
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
}

.arco-input-disabled::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-disabled::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-input-disabled::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-disabled:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-input-disabled:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-disabled::placeholder {
    color: var(--color-text-4);
}

.arco-input input:disabled {
    color: var(--color-text-4);
    opacity: 1;
    -webkit-text-fill-color: var(--color-text-4);
}

.arco-input-word-limit {
    font-size: 12px;
    color: var(--color-text-3);
    padding-left: 8px;
}

.arco-input-word-limit-error {
    color: rgb(var(--danger-6));
}

.arco-input-size-mini {
    line-height: 1.667;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.arco-input-size-small {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
}

.arco-input-size-large {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
}

.arco-input-group-wrapper-mini .arco-input-group-addbefore,
.arco-input-group-wrapper-mini .arco-input-group-addafter {
    padding-left: 8px;
    padding-right: 8px;
}

.arco-input-inner-wrapper.arco-input-inner-wrapper-mini {
    padding-left: 8px;
    padding-right: 8px;
}

.arco-input-size-mini {
    padding-left: 8px;
    padding-right: 8px;
}

.arco-input-group-wrapper-small .arco-input-group-addbefore,
.arco-input-group-wrapper-small .arco-input-group-addafter {
    padding-left: 12px;
    padding-right: 12px;
}

.arco-input-inner-wrapper.arco-input-inner-wrapper-small {
    padding-left: 12px;
    padding-right: 12px;
}

.arco-input-size-small {
    padding-left: 12px;
    padding-right: 12px;
}

.arco-input-group-wrapper-large .arco-input-group-addbefore,
.arco-input-group-wrapper-large .arco-input-group-addafter {
    padding-left: 16px;
    padding-right: 16px;
}

.arco-input-inner-wrapper.arco-input-inner-wrapper-large {
    padding-left: 16px;
    padding-right: 16px;
}

.arco-input-size-large {
    padding-left: 16px;
    padding-right: 16px;
}

.arco-input-clear-icon {
    font-size: 12px;
    cursor: pointer;
    color: var(--color-text-2);
}

.arco-input-clear-icon:focus-visible::before {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
}

.arco-input-clear-icon > svg {
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    position: relative;
}

.arco-input-inner-wrapper {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    border: 1px solid transparent;
    background-color: var(--color-fill-2);
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    position: relative;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-input-inner-wrapper::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-input-inner-wrapper::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-input-inner-wrapper::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-input-inner-wrapper:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-input-inner-wrapper:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-input-inner-wrapper::placeholder {
    color: var(--color-text-3);
}

.arco-input-inner-wrapper:hover {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-input-inner-wrapper:focus,
.arco-input-inner-wrapper.arco-input-inner-wrapper-focus {
    border-color: rgb(var(--primary-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-input-inner-wrapper-error {
    border-color: transparent;
    background-color: var(--color-danger-light-1);
}

.arco-input-inner-wrapper-error:hover {
    border-color: transparent;
    background-color: var(--color-danger-light-2);
}

.arco-input-inner-wrapper-error .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-inner-wrapper-error .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus,
.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-input-inner-wrapper-error:focus,
.arco-input-inner-wrapper-error:focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-input-inner-wrapper-warning {
    border-color: transparent;
    background-color: var(--color-warning-light-1);
}

.arco-input-inner-wrapper-warning:hover {
    border-color: transparent;
    background-color: var(--color-warning-light-2);
}

.arco-input-inner-wrapper-warning .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-inner-wrapper-warning .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus,
.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-input-inner-wrapper-warning:focus,
.arco-input-inner-wrapper-warning:focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-input-inner-wrapper .arco-input {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    border: none;
    background: none;
}

.arco-input-inner-wrapper .arco-input:hover,
.arco-input-inner-wrapper .arco-input:focus {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input,
.arco-input-inner-wrapper-has-prefix > .arco-input {
    padding-left: 12px;
}

.arco-input-inner-wrapper .arco-input-group-prefix,
.arco-input-inner-wrapper .arco-input-group-suffix {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.arco-input-inner-wrapper .arco-input-group-prefix > svg,
.arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 14px;
}

.arco-input-inner-wrapper .arco-input-group-prefix {
    color: var(--color-text-2);
}

.arco-input-inner-wrapper .arco-input-group-suffix {
    color: var(--color-text-2);
}

.arco-input-inner-wrapper-disabled {
    background-color: var(--color-fill-2);
    cursor: not-allowed;
    color: var(--color-text-4);
    -webkit-text-fill-color: var(--color-text-4);
    border-color: transparent;
}

.arco-input-inner-wrapper-disabled:hover {
    border-color: transparent;
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
}

.arco-input-inner-wrapper-disabled::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-inner-wrapper-disabled::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-input-inner-wrapper-disabled::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-inner-wrapper-disabled:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-input-inner-wrapper-disabled:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-inner-wrapper-disabled::placeholder {
    color: var(--color-text-4);
}

.arco-input-inner-wrapper-disabled .arco-input-group-prefix,
.arco-input-inner-wrapper-disabled .arco-input-group-suffix {
    color: inherit;
}

.arco-input-inner-wrapper .arco-input-clear-icon {
    visibility: hidden;
}

.arco-input-inner-wrapper:hover .arco-input-clear-icon {
    visibility: visible;
}

.arco-input-inner-wrapper:hover .arco-input-clear-icon ~ .arco-input-group-suffix {
    margin-left: 4px;
}

.arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-clear-icon:hover::before {
    background-color: var(--color-fill-4);
}

.arco-input-group-wrapper-autowidth .arco-input-group {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.arco-input-group-wrapper-autowidth .arco-input-group-addbefore,
.arco-input-group-wrapper-autowidth .arco-input-group-after {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: unset;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: auto;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-input-group-wrapper-autowidth .arco-input-inner-wrapper {
    overflow: hidden;
}

.arco-input-group-wrapper-autowidth .arco-input {
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-input-group-wrapper-autowidth .arco-input:hover {
    text-overflow: unset;
}

.arco-input-group {
    display: table;
    width: 100%;
    height: 100%;
    line-height: 0;
}

.arco-input-group > .arco-input-inner-wrapper,
.arco-input-group > .arco-input {
    border-radius: 0;
}

.arco-input-group > .arco-input-inner-wrapper-focus,
.arco-input-group > .arco-input-focus {
    border-radius: var(--border-radius-small);
}

.arco-input-group > :first-child {
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-input-group > :last-child {
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
}

.arco-input-group-addbefore,
.arco-input-group-addafter {
    width: 1px;
    display: table-cell;
    white-space: nowrap;
    height: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-input-group-addbefore > svg,
.arco-input-group-addafter > svg {
    font-size: 14px;
}

.arco-input-group-addafter {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-addbefore {
    border-right: 1px solid var(--color-neutral-3);
}

.arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group {
    font-size: 12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix,
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore,
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter {
    font-size: 12px;
    height: 22px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore > svg,
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter > svg {
    font-size: 12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix,
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore,
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter {
    font-size: 14px;
    height: 26px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore > svg,
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter > svg {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix,
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore,
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter {
    font-size: 14px;
    height: 34px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore > svg,
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter > svg {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore,
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter {
    font-size: 14px;
    height: 22px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore > svg,
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter > svg {
    font-size: 14px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input {
    height: 100%;
}

.arco-input-group-wrapper .arco-input-inner-wrapper {
    height: 100%;
}

.arco-input-group-wrapper.arco-input-disabled {
    cursor: not-allowed;
}

.arco-input-mirror {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.arco-textarea {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
    border: 1px solid transparent;
    background-color: var(--color-fill-2);
    font-size: 14px;
    vertical-align: top;
    position: relative;
    padding: 4px 12px;
    max-width: 100%;
    min-height: 32px;
    height: auto;
    line-height: 1.5715;
    resize: vertical;
    overflow: auto;
}

.arco-textarea::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-textarea::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-textarea::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-textarea:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-textarea:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-textarea::placeholder {
    color: var(--color-text-3);
}

.arco-textarea:hover {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-textarea:focus,
.arco-textarea.arco-textarea-focus {
    border-color: rgb(var(--primary-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-textarea-error {
    border-color: transparent;
    background-color: var(--color-danger-light-1);
}

.arco-textarea-error:hover {
    border-color: transparent;
    background-color: var(--color-danger-light-2);
}

.arco-textarea-error .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-textarea-error .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-textarea-error.arco-textarea-focus,
.arco-textarea-error.arco-textarea-focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-textarea-error:focus,
.arco-textarea-error:focus:hover {
    border-color: rgb(var(--danger-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-textarea-warning {
    border-color: transparent;
    background-color: var(--color-warning-light-1);
}

.arco-textarea-warning:hover {
    border-color: transparent;
    background-color: var(--color-warning-light-2);
}

.arco-textarea-warning .arco-input {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-textarea-warning .arco-input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-textarea-warning.arco-textarea-focus,
.arco-textarea-warning.arco-textarea-focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-textarea-warning:focus,
.arco-textarea-warning:focus:hover {
    border-color: rgb(var(--warning-6));
    background-color: var(--color-bg-2);
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-textarea-disabled {
    background-color: var(--color-fill-2);
    cursor: not-allowed;
    color: var(--color-text-4);
    -webkit-text-fill-color: var(--color-text-4);
    border-color: transparent;
}

.arco-textarea-disabled:hover {
    border-color: transparent;
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
}

.arco-textarea-disabled::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-textarea-disabled::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-textarea-disabled::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-textarea-disabled:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-textarea-disabled:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-textarea-disabled::placeholder {
    color: var(--color-text-4);
}

.arco-input-group.arco-input-group-compact > .arco-select {
    vertical-align: unset;
}

.arco-input-group.arco-input-group-compact > .arco-select .arco-select-view {
    border-radius: 0;
}

.arco-input-group.arco-input-group-compact > * {
    border-radius: 0;
}

.arco-input-group.arco-input-group-compact > * .arco-input-group > :last-child,
.arco-input-group.arco-input-group-compact > * .arco-input-group > :first-child {
    border-radius: 0;
}

.arco-input-group.arco-input-group-compact > *:not(:last-child) {
    position: relative;
    border-right: 1px solid var(--color-neutral-3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-input-group.arco-input-group-compact > *:first-child,
.arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child {
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-input-group.arco-input-group-compact > *:first-child .arco-select .arco-select-view,
.arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child .arco-select .arco-select-view {
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-input-group.arco-input-group-compact > *:last-child,
.arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child {
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
}

.arco-input-group.arco-input-group-compact > *:last-child .arco-select .arco-select-view,
.arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child .arco-select .arco-select-view {
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
}

.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) {
    border-right-color: var(--color-neutral-3);
}

.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus {
    border-right-color: rgb(var(--primary-6));
}

.size-height-size-mini {
    line-height: 1.667;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.size-height-size-small {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
}

.size-height-size-large {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
}

.size-height-group-wrapper-mini .arco-input-group-addbefore,
.size-height-group-wrapper-mini .arco-input-group-addafter {
    padding-left: 8px;
    padding-right: 8px;
}

.size-height-inner-wrapper.size-height-inner-wrapper-mini {
    padding-left: 8px;
    padding-right: 8px;
}

.size-height-size-mini {
    padding-left: 8px;
    padding-right: 8px;
}

.size-height-group-wrapper-small .arco-input-group-addbefore,
.size-height-group-wrapper-small .arco-input-group-addafter {
    padding-left: 12px;
    padding-right: 12px;
}

.size-height-inner-wrapper.size-height-inner-wrapper-small {
    padding-left: 12px;
    padding-right: 12px;
}

.size-height-size-small {
    padding-left: 12px;
    padding-right: 12px;
}

.size-height-group-wrapper-large .arco-input-group-addbefore,
.size-height-group-wrapper-large .arco-input-group-addafter {
    padding-left: 16px;
    padding-right: 16px;
}

.size-height-inner-wrapper.size-height-inner-wrapper-large {
    padding-left: 16px;
    padding-right: 16px;
}

.size-height-size-large {
    padding-left: 16px;
    padding-right: 16px;
}

.group-size.group-size-mini .arco-input-group {
    font-size: 12px;
}

.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix,
.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 12px;
}

.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 12px;
}

.group-size.group-size-mini .arco-input-group-addbefore,
.group-size.group-size-mini .arco-input-group-addafter {
    font-size: 12px;
    height: 22px;
}

.group-size.group-size-mini .arco-input-group-addbefore > svg,
.group-size.group-size-mini .arco-input-group-addafter > svg {
    font-size: 12px;
}

.group-size.group-size-mini .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.group-size-mini .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.group-size.group-size-mini .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.group-size-mini .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.group-size-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.group-size-mini .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.group-size-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.group-size-small .arco-input-group {
    font-size: 14px;
}

.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix,
.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px;
}

.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 14px;
}

.group-size.group-size-small .arco-input-group-addbefore,
.group-size.group-size-small .arco-input-group-addafter {
    font-size: 14px;
    height: 26px;
}

.group-size.group-size-small .arco-input-group-addbefore > svg,
.group-size.group-size-small .arco-input-group-addafter > svg {
    font-size: 14px;
}

.group-size.group-size-small .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.group-size-small .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.group-size.group-size-small .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.group-size-small .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.group-size-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.group-size-small .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.group-size-small .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.group-size.group-size-small .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.group-size-small .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.group-size-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.group-size-large .arco-input-group {
    font-size: 14px;
}

.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix,
.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px;
}

.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 14px;
}

.group-size.group-size-large .arco-input-group-addbefore,
.group-size.group-size-large .arco-input-group-addafter {
    font-size: 14px;
    height: 34px;
}

.group-size.group-size-large .arco-input-group-addbefore > svg,
.group-size.group-size-large .arco-input-group-addafter > svg {
    font-size: 14px;
}

.group-size.group-size-large .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.group-size-large .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.group-size.group-size-large .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.group-size-large .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.group-size-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.group-size-large .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.group-size-large .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.group-size.group-size-large .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.group-size-large .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.group-size-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.arco-input-custom-height .arco-input-group {
    font-size: 14px;
}

.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix {
    font-size: 14px;
}

.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg,
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg {
    font-size: 14px;
}

.group-size.arco-input-custom-height .arco-input-group-addbefore,
.group-size.arco-input-custom-height .arco-input-group-addafter {
    font-size: 14px;
    height: 22px;
}

.group-size.arco-input-custom-height .arco-input-group-addbefore > svg,
.group-size.arco-input-custom-height .arco-input-group-addafter > svg {
    font-size: 14px;
}

.group-size.arco-input-custom-height .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.group-size.arco-input-custom-height .arco-input-inner-wrapper {
    height: 100%;
}

.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input {
    height: 100%;
}

.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper {
    height: 100%;
}

.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input {
    height: 100%;
}

.arco-textarea-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
}

.arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon {
    display: inline-block;
}

.arco-textarea-clear-wrapper .arco-textarea {
    padding-right: 20px;
}

.arco-textarea-word-limit {
    position: absolute;
    font-size: 12px;
    bottom: 6px;
    right: 10px;
    color: var(--color-text-3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-textarea-word-limit-error {
    color: rgb(var(--danger-6));
}

.arco-textarea-clear-icon {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: var(--color-text-2);
}

.arco-textarea-clear-icon > svg {
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    position: relative;
}

.arco-input-search.arco-input-group-wrapper .arco-input-group-addbefore {
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-input-search.arco-input-group-wrapper .arco-input-group-addafter {
    padding: 0;
    border: none;
}

.arco-input-search.arco-input-group-wrapper .arco-input-group-suffix {
    color: var(--color-text-2);
    font-size: 14px;
}

.arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore {
    cursor: pointer;
    color: var(--color-text-2);
    font-size: 14px;
}

.arco-input-search.arco-input-group-wrapper .arco-input-search-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
    font-size: 14px;
    color: var(--color-white);
}

.arco-input-search-button .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-rtl) {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-password.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-suffix {
    cursor: pointer;
    color: var(--color-text-2);
    font-size: 12px;
}

.arco-input-password.arco-input-group-wrapper .arco-input-password-visibility-icon:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
    border-radius: var(--border-radius-small);
}

.arco-input-group-wrapper-rtl {
    direction: rtl;
}

.arco-input-group-wrapper-rtl .arco-input-word-limit {
    padding-left: 0;
    padding-right: input-padding-word-limit-left;
}

.arco-input-group-wrapper-rtl.arco-input-clear-wrapper .arco-input {
    padding-right: 0;
    padding-left: 24px;
}

.arco-input-group-wrapper-rtl .arco-input-group > :first-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-input-group-wrapper-rtl .arco-input-group > :last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter {
    border-left: none;
    border-right: 1px solid var(--color-neutral-3);
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -13px;
    margin-right: -12px;
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore {
    border-right: none;
    border-left: 1px solid var(--color-neutral-3);
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .item-style {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-input {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select {
    margin-top: -1px;
    margin-bottom: -1px;
    width: auto;
    height: 100%;
    margin-left: -12px;
    margin-right: -13px;
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select .arco-select-view {
    border-radius: 0;
    background-color: inherit;
    border-color: transparent;
}

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view {
    height: 100%;
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:not(:last-child) {
    border-right: none;
    border-left: 1px solid var(--color-neutral-3);
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child,
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child .arco-select .arco-select-view,
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:first-child .arco-input-group > *:first-child .arco-select .arco-select-view {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child,
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child .arco-select .arco-select-view,
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > *:last-child .arco-input-group > *:last-child .arco-select .arco-select-view {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) {
    border-left-color: var(--color-neutral-3);
}

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus {
    border-left-color: rgb(var(--primary-6));
}

.arco-input-group-wrapper-rtl.arco-input-search .arco-input-search-btn {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.arco-input-inner-wrapper-rtl {
    direction: rtl;
}

.arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input,
.arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input {
    padding-left: 0;
    padding-right: 12px;
}

.arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input {
    padding-right: 0;
    padding-left: 12px;
}

.arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input-clear-icon {
    right: initial;
    left: 8px;
}

.arco-input-inner-wrapper-rtl:hover .arco-input-clear-icon ~ .arco-input-group-suffix {
    margin-left: 4px;
}

.arco-input-search-button .arco-input-inner-wrapper-rtl {
    border-left: none;
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.arco-textarea-wrapper-rtl {
    direction: rtl;
}

.arco-textarea-wrapper-rtl .arco-textarea {
    padding-left: 20px;
}

.arco-textarea-wrapper-rtl .arco-textarea-word-limit {
    right: initial;
    left: 10px;
}

.arco-textarea-wrapper-rtl .arco-textarea-clear-icon {
    right: initial;
    left: 10px;
}

.arco-input-number {
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}

.arco-input-number-step-button {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: var(--color-neutral-3);
    background-color: var(--color-fill-2);
    color: var(--color-text-2);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-input-number-step-button:hover {
    border-color: var(--color-fill-3);
    background-color: var(--color-fill-3);
}

.arco-input-number-step-button:active {
    border-color: var(--color-fill-4);
    background-color: var(--color-fill-4);
}

.arco-input-number-step-button-disabled {
    cursor: not-allowed;
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
}

.arco-input-number-step-button-disabled:hover,
.arco-input-number-step-button-disabled:active {
    border-color: var(--color-neutral-3);
    background-color: var(--color-fill-2);
}

.arco-input-number-prefix,
.arco-input-number-suffix {
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-input-number-mode-embed .arco-input-number-step-layer {
    opacity: 0;
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    width: 18px;
    border-radius: 1px;
    overflow: hidden;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-input-number-mode-embed .arco-input-number-step-layer .arco-input-number-step-button {
    width: 100%;
    height: 50%;
    font-size: 10px;
}

.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer {
    opacity: 1;
}

.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer ~ .arco-input-number-suffix {
    opacity: 0;
    pointer-events: none;
}

.arco-input-number-mode-embed .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover {
    background-color: var(--color-fill-4);
}

.arco-input-number-rtl.arco-input-number-mode-embed .arco-input-number-step-layer {
    right: unset;
    left: 4px;
}

.arco-input-number-mode-button .arco-input {
    text-align: center;
}

.arco-input-number-mode-button .arco-input-group {
    position: relative;
}

.arco-input-number-mode-button .arco-input-group-addbefore,
.arco-input-number-mode-button .arco-input-group-addafter {
    padding: 0;
}

.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button {
    position: absolute;
    top: 0;
    height: 100%;
    border: inherit;
}

.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button:active {
    border-color: var(--color-fill-4);
}

.arco-input-number-mode-button .arco-input-group-addbefore .arco-input-number-step-button {
    left: 0;
    border-right-color: var(--color-neutral-3);
}

.arco-input-number-mode-button .arco-input-group-addafter .arco-input-number-step-button {
    right: 0;
    border-left-color: var(--color-neutral-3);
}

.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore,
.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter {
    width: 24px;
}

.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore .arco-input-number-step-button,
.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter .arco-input-number-step-button {
    width: 24px;
}

.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore,
.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter {
    width: 28px;
}

.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore .arco-input-number-step-button,
.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter .arco-input-number-step-button {
    width: 28px;
}

.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore,
.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter {
    width: 32px;
}

.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore .arco-input-number-step-button,
.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter .arco-input-number-step-button {
    width: 32px;
}

.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore,
.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter {
    width: 36px;
}

.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore .arco-input-number-step-button,
.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter .arco-input-number-step-button {
    width: 36px;
}

.arco-input-number-readonly .arco-input-number-step-button {
    pointer-events: none;
    color: var(--color-text-4);
}

.arco-input-number-illegal-value input {
    color: rgb(var(--danger-6));
}

/**********************************************
 * size: mini / small / default / large
 **********************************************/
/****************************************************
 * status: default / error / disabled _ (hover / focus)
 ****************************************************/
.arco-input-tag {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: var(--border-radius-small);
    vertical-align: top;
    cursor: text;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    background-color: var(--color-fill-2);
    color: var(--color-text-1);
    border: 1px solid transparent;
}

.arco-input-tag-view {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.arco-input-tag-inner {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.arco-input-tag-prefix,
.arco-input-tag-suffix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 22px;
}

.arco-input-tag-prefix {
    padding-left: 8px;
    padding-right: 4px;
}

.arco-input-tag-suffix {
    padding-right: 8px;
}

.arco-input-tag .arco-input-tag-clear-icon {
    display: none;
    font-size: 12px;
    color: var(--color-text-2);
    cursor: pointer;
}

.arco-input-tag .arco-input-tag-clear-icon > svg {
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: color 0.1s cubic-bezier(0, 0, 1, 1);
    position: relative;
}

.arco-input-tag:hover .arco-input-tag-clear-icon {
    display: block;
}

.arco-input-tag:hover .arco-input-tag-clear-icon ~ * {
    display: none;
}

.arco-input-tag:not(.arco-input-tag-focus) .arco-input-tag-clear-icon:hover::before {
    background-color: var(--color-fill-4);
}

.arco-input-tag:not(.arco-input-tag-focus) .arco-draggable-item {
    cursor: move;
}

.arco-input-tag-input {
    width: 4px;
    max-width: 100%;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    font-size: inherit;
    cursor: inherit;
    color: inherit;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-input-tag-input:first-child {
    width: 100%;
}

.arco-tag + .arco-input-tag-input[disabled] {
    width: 0;
}

.arco-input-tag-input-mirror {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
}

.arco-input-tag-input::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-input-tag-input::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-input-tag-input::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-input-tag-input:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-input-tag-input:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-input-tag-input::placeholder {
    color: var(--color-text-3);
}

.arco-input-tag-tag {
    max-width: 100%;
    margin-right: 4px;
    font-size: 12px;
}

.arco-input-tag-tag-ellipsis {
    font-size: 12px;
    margin: 0 4px;
}

.arco-input-tag .arco-icon-hover {
    cursor: pointer;
}

.arco-input-tag .arco-icon-hover.arco-icon-hover-disabled {
    cursor: not-allowed;
}

.arco-input-tag:hover {
    background-color: var(--color-fill-3);
    border: 1px solid transparent;
}

.arco-input-tag.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border: 1px solid rgb(var(--primary-6));
    -webkit-box-shadow: 0 0 0 0 rgb(var(--primary-2));
    box-shadow: 0 0 0 0 rgb(var(--primary-2));
}

.arco-input-tag .arco-input-tag-tag {
    color: var(--color-text-1);
    border-color: var(--color-fill-3);
    background-color: var(--color-bg-2);
}

.arco-input-tag .arco-icon-hover:hover::before {
    background-color: var(--color-fill-2);
}

.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag {
    border-color: var(--color-fill-2);
    background-color: var(--color-fill-2);
}

.arco-input-tag.arco-input-tag-focus .arco-icon-hover:hover::before {
    background-color: var(--color-fill-3);
}

.arco-input-tag.arco-input-tag-disabled .arco-input-tag-tag {
    color: var(--color-text-4);
    border-color: var(--color-fill-3);
    background-color: var(--color-fill-2);
}

.arco-input-tag-warning {
    background-color: var(--color-warning-light-1);
    color: var(--color-text-1);
    border: 1px solid transparent;
}

.arco-input-tag-warning:hover {
    background-color: var(--color-warning-light-2);
    border: 1px solid transparent;
}

.arco-input-tag-warning.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border: 1px solid rgb(var(--warning-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-input-tag-error {
    background-color: rgb(var(--danger-1));
    color: var(--color-text-1);
    border: 1px solid transparent;
}

.arco-input-tag-error:hover {
    background-color: rgb(var(--danger-2));
    border: 1px solid transparent;
}

.arco-input-tag-error.arco-input-tag-focus {
    background-color: var(--color-bg-2);
    border: 1px solid rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 0 rgb(var(--danger-2));
    box-shadow: 0 0 0 0 rgb(var(--danger-2));
}

.arco-input-tag-disabled {
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
    border: 1px solid transparent;
    cursor: not-allowed;
}

.arco-input-tag-disabled:hover {
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-input-tag-disabled .arco-input-tag-input::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-tag-disabled .arco-input-tag-input::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-input-tag-disabled .arco-input-tag-input::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-tag-disabled .arco-input-tag-input:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-input-tag-disabled .arco-input-tag-input:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-input-tag-disabled .arco-input-tag-input::placeholder {
    color: var(--color-text-4);
}

.arco-input-tag-readonly {
    cursor: default;
}

.arco-input-tag-wrapper {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.arco-input-tag-wrapper .arco-input-tag {
    min-width: 0;
}

.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-input-tag-addafter,
.arco-input-tag-addbefore {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    white-space: nowrap;
    border: 1px solid transparent;
}

.arco-input-tag-addbefore {
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-input-tag-addafter {
    border-left: 1px solid var(--color-border-2);
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
}

.arco-input-tag-size-mini {
    font-size: 12px;
}

.arco-input-tag-size-mini .arco-input-tag-view {
    min-height: 22px;
}

.arco-input-tag-size-mini .arco-input-tag-inner {
    padding-top: -1px;
    padding-bottom: -1px;
}

.arco-input-tag-size-mini .arco-input-tag-tag,
.arco-input-tag-size-mini .arco-input-tag-tag + .arco-input-tag-input {
    margin-top: 1px;
    margin-bottom: 1px;
    height: 20px;
    line-height: 18px;
}

.arco-input-tag-size-mini.arco-input-tag-has-placeholder input,
.arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
}

.arco-input-tag-size-default {
    font-size: 14px;
}

.arco-input-tag-size-default .arco-input-tag-view {
    min-height: 30px;
}

.arco-input-tag-size-default .arco-input-tag-inner {
    padding-top: 1px;
    padding-bottom: 1px;
}

.arco-input-tag-size-default .arco-input-tag-tag,
.arco-input-tag-size-default .arco-input-tag-tag + .arco-input-tag-input {
    margin-top: 1px;
    margin-bottom: 1px;
    height: 24px;
    line-height: 22px;
}

.arco-input-tag-size-default.arco-input-tag-has-placeholder input,
.arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-input-tag-size-small {
    font-size: 14px;
}

.arco-input-tag-size-small .arco-input-tag-view {
    min-height: 26px;
}

.arco-input-tag-size-small .arco-input-tag-inner {
    padding-top: 1px;
    padding-bottom: 1px;
}

.arco-input-tag-size-small .arco-input-tag-tag,
.arco-input-tag-size-small .arco-input-tag-tag + .arco-input-tag-input {
    margin-top: 1px;
    margin-bottom: 1px;
    height: 20px;
    line-height: 18px;
}

.arco-input-tag-size-small.arco-input-tag-has-placeholder input,
.arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-input-tag-size-large {
    font-size: 16px;
}

.arco-input-tag-size-large .arco-input-tag-view {
    min-height: 34px;
}

.arco-input-tag-size-large .arco-input-tag-inner {
    padding-top: 1px;
    padding-bottom: 1px;
}

.arco-input-tag-size-large .arco-input-tag-tag,
.arco-input-tag-size-large .arco-input-tag-tag + .arco-input-tag-input {
    margin-top: 1px;
    margin-bottom: 1px;
    height: 28px;
    line-height: 26px;
}

.arco-input-tag-size-large.arco-input-tag-has-placeholder input,
.arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
}

.arco-input-tag-rtl {
    direction: rtl;
    padding-right: 4px;
    padding-left: 4px;
}

.arco-input-tag-rtl .arco-input-tag-prefix {
    padding-right: 8px;
    padding-left: 4px;
}

.arco-input-tag-rtl .arco-input-tag-suffix {
    padding-right: 0;
    padding-left: 8px;
}

.arco-input-tag-rtl .arco-input-tag-tag {
    margin-right: 0;
    margin-left: 4px;
}

.arco-input-tag-rtl .arco-input-tag-input-mirror {
    right: 0;
    left: initial;
}

.arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder input,
.arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-right: 4px;
}

.arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder input,
.arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-right: 8px;
}

.arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder input,
.arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-right: 8px;
}

.arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder input,
.arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-right: 12px;
}

.arco-input-tag-wrapper-rtl .arco-input-tag-addbefore {
    border-right: unset;
    border-left: 1px solid var(--color-border-2);
}

.arco-input-tag-wrapper-rtl .arco-input-tag-addafter {
    border-left: unset;
    border-right: 1px solid var(--color-border-2);
}

.arco-layout {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin: 0;
    padding: 0;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-layout-sider {
    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background: var(--color-menu-dark-bg);
    -webkit-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-layout-sider-children {
    height: 100%;
    overflow: auto;
}

.arco-layout-sider-collapsed .arco-layout-sider-children {
    /* width */
}

.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar {
    width: 0;
}

.arco-layout-sider-has-trigger {
    padding-bottom: 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-layout-sider-trigger {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--color-white);
    cursor: pointer;
    -webkit-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    z-index: 1;
}

.arco-layout-sider-trigger-light {
    background: var(--color-menu-light-bg);
    border-top: 1px solid var(--color-bg-5);
    color: var(--color-text-1);
}

.arco-layout-sider-light {
    background: var(--color-menu-light-bg);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
}

.arco-layout-header {
    margin: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-layout-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-layout-footer {
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
}

.arco-layout-has-sider {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.arco-layout-has-sider > .arco-layout,
.arco-layout-has-sider > .arco-layout-content {
    overflow-x: hidden;
}

.arco-link {
    color: rgb(var(--link-6));
    font-size: 14px;
    line-height: 1.5715;
    display: inline-block;
    padding: 1px 4px;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--border-radius-small);
    background-color: transparent;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-link:hover {
    color: rgb(var(--link-6));
    background-color: var(--color-fill-2);
}

.arco-link:active {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    color: rgb(var(--link-6));
    background-color: var(--color-fill-3);
}

.arco-link:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-link-light-3);
    box-shadow: 0 0 0 2px var(--color-link-light-3);
}

.arco-link.arco-link-hoverless {
    background-color: unset;
    padding: 0;
    display: inline;
}

.arco-link.arco-link-hoverless:active,
.arco-link.arco-link-hoverless:hover {
    background-color: unset;
}

.arco-link.arco-link-disabled {
    color: var(--color-link-light-3);
    background: none;
    cursor: not-allowed;
}

.arco-link-is-success {
    color: rgb(var(--success-6));
}

.arco-link-is-success:hover {
    color: rgb(var(--success-6));
}

.arco-link-is-success:active {
    color: rgb(var(--success-6));
}

.arco-link-is-success.arco-link-disabled {
    color: var(--color-success-light-3);
}

.arco-link-is-error {
    color: rgb(var(--danger-6));
}

.arco-link-is-error:hover {
    color: rgb(var(--danger-6));
}

.arco-link-is-error:active {
    color: rgb(var(--danger-6));
}

.arco-link-is-error.arco-link-disabled {
    color: var(--color-danger-light-3);
}

.arco-link-is-warning {
    color: rgb(var(--warning-6));
}

.arco-link-is-warning:hover {
    color: rgb(var(--warning-6));
}

.arco-link-is-warning:active {
    color: rgb(var(--warning-6));
}

.arco-link-is-warning.arco-link-disabled {
    color: var(--color-warning-light-2);
}

.arco-link-icon {
    margin-right: 6px;
    font-size: 12px;
}

.arco-link-rtl .arco-link-icon {
    margin-left: 6px;
    margin-right: 0;
}

/**********************************************
 * size:  small / default / large
 **********************************************/
.arco-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: var(--border-radius-medium);
    font-size: 14px;
    line-height: 1.5715;
    color: var(--color-text-1);
    overflow-y: auto;
    border: 1px solid var(--color-neutral-3);
}

.arco-list-wrapper::after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.arco-list-small > .arco-list-header {
    padding: 8px 20px;
}

.arco-list-small > .arco-list-footer,
.arco-list-small > .arco-list-content > .arco-list-item,
.arco-list-small > .arco-list-content .arco-list-row-col > .arco-list-item,
.arco-list-small > .arco-list-content.arco-list-virtual .arco-list-item {
    padding: 9px 20px;
}

.arco-list-default > .arco-list-header {
    padding: 12px 20px;
}

.arco-list-default > .arco-list-footer,
.arco-list-default > .arco-list-content > .arco-list-item,
.arco-list-default > .arco-list-content .arco-list-row-col > .arco-list-item,
.arco-list-default > .arco-list-content.arco-list-virtual .arco-list-item {
    padding: 13px 20px;
}

.arco-list-large > .arco-list-header {
    padding: 16px 20px;
}

.arco-list-large > .arco-list-footer,
.arco-list-large > .arco-list-content > .arco-list-item,
.arco-list-large > .arco-list-content .arco-list-row-col > .arco-list-item,
.arco-list-large > .arco-list-content.arco-list-virtual .arco-list-item {
    padding: 17px 20px;
}

.arco-list-header,
.arco-list-item:not(:last-child) {
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-list-footer {
    border-top: 1px solid var(--color-neutral-3);
}

.arco-list-no-border {
    border: none;
}

.arco-list-no-split .arco-list-header,
.arco-list-no-split .arco-list-footer,
.arco-list-no-split .arco-list-item {
    border: none;
}

.arco-list-header {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-text-1);
}

.arco-list-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.arco-list-item-main {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
}

.arco-list-item-main .arco-list-item-action:not(:first-child) {
    margin-top: 4px;
}

.arco-list-item-meta {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
}

.arco-list-item-meta-avatar {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-list-item-meta-avatar:not(:last-child) {
    margin-right: 16px;
}

.arco-list-item-meta-title {
    font-weight: 500;
    color: var(--color-text-1);
}

.arco-list-item-meta-title:not(:last-child) {
    margin-bottom: 2px;
}

.arco-list-item-meta-description {
    color: var(--color-text-2);
}

.arco-list-item-action {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-item-align: center;
    align-self: center;
    list-style: none;
}

.arco-list-item-action > li {
    display: inline-block;
    cursor: pointer;
}

.arco-list-item-action > li:not(:last-child) {
    margin-right: 20px;
}

.arco-list-hoverable .arco-list-item:hover {
    background-color: var(--color-fill-1);
}

.arco-list-pagination {
    float: right;
    margin-top: 24px;
}

.arco-list-pagination::after {
    display: block;
    clear: both;
    height: 0;
    content: '';
    visibility: hidden;
    overflow: hidden;
}

.arco-list-scroll-loading {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-list-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-list-content .arco-empty {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.arco-list-rtl {
    direction: rtl;
}

.arco-list-rtl .arco-list-item-meta-avatar:not(:last-child) {
    margin-right: 0;
    margin-left: 16px;
}

.arco-list-rtl .arco-list-item-action > li:not(:last-child) {
    margin-left: 20px;
    margin-right: 0;
}

.arco-list-wrapper-rtl .arco-list-pagination {
    float: left;
}

.arco-mentions {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    white-space: pre-wrap;
}

.arco-mentions-textarea,
.arco-mentions-measure {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.5715;
    white-space: inherit;
}

.arco-mentions-textarea {
    resize: none;
}

.arco-mentions-measure,
.arco-mentions-align-textarea .arco-mentions-measure-trigger {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    visibility: hidden;
    pointer-events: none;
}

.arco-mentions-rtl {
    direction: rtl;
}

/**********************************************
 * theme: light / dark
 * status: default / disabled / selected / hover
 **********************************************/
/**********************************************
 * horizontal / vertical
 **********************************************/
/************************************************
 * collapse
 ***********************************************/
/************************************************
 * popButton
 ***********************************************/
@-webkit-keyframes arco-menu-selected-item-label-enter {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes arco-menu-selected-item-label-enter {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes arco-menu-selected-item-label-enter {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.arco-menu {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    line-height: 1.5715;
    -webkit-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-menu-indent {
    display: inline-block;
    width: 20px;
}

.arco-menu .arco-menu-item,
.arco-menu .arco-menu-group-title,
.arco-menu .arco-menu-pop-header,
.arco-menu .arco-menu-inline-header {
    position: relative;
    border-radius: var(--border-radius-small);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.arco-menu .arco-menu-item.arco-menu-disabled,
.arco-menu .arco-menu-group-title.arco-menu-disabled,
.arco-menu .arco-menu-pop-header.arco-menu-disabled,
.arco-menu .arco-menu-inline-header.arco-menu-disabled {
    cursor: not-allowed;
}

.arco-menu .arco-menu-item.arco-menu-selected,
.arco-menu .arco-menu-group-title.arco-menu-selected,
.arco-menu .arco-menu-pop-header.arco-menu-selected,
.arco-menu .arco-menu-inline-header.arco-menu-selected {
    font-weight: 500;
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-menu .arco-menu-item.arco-menu-selected svg,
.arco-menu .arco-menu-group-title.arco-menu-selected svg,
.arco-menu .arco-menu-pop-header.arco-menu-selected svg,
.arco-menu .arco-menu-inline-header.arco-menu-selected svg {
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-menu .arco-menu-item .arco-icon,
.arco-menu .arco-menu-group-title .arco-icon,
.arco-menu .arco-menu-pop-header .arco-icon,
.arco-menu .arco-menu-inline-header .arco-icon {
    margin-right: 16px;
}

.arco-menu-light {
    background-color: var(--color-menu-light-bg);
}

.arco-menu-light .arco-menu-item,
.arco-menu-light .arco-menu-group-title,
.arco-menu-light .arco-menu-pop-header,
.arco-menu-light .arco-menu-inline-header {
    background-color: var(--color-menu-light-bg);
    color: var(--color-text-2);
}

.arco-menu-light .arco-menu-item .arco-icon,
.arco-menu-light .arco-menu-group-title .arco-icon,
.arco-menu-light .arco-menu-pop-header .arco-icon,
.arco-menu-light .arco-menu-inline-header .arco-icon {
    color: var(--color-text-3);
}

.arco-menu-light .arco-menu-item:hover,
.arco-menu-light .arco-menu-group-title:hover,
.arco-menu-light .arco-menu-pop-header:hover,
.arco-menu-light .arco-menu-inline-header:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-2);
}

.arco-menu-light .arco-menu-item:hover .arco-icon,
.arco-menu-light .arco-menu-group-title:hover .arco-icon,
.arco-menu-light .arco-menu-pop-header:hover .arco-icon,
.arco-menu-light .arco-menu-inline-header:hover .arco-icon {
    color: var(--color-text-3);
}

.arco-menu-light .arco-menu-item:focus-visible,
.arco-menu-light .arco-menu-group-title:focus-visible,
.arco-menu-light .arco-menu-pop-header:focus-visible,
.arco-menu-light .arco-menu-inline-header:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset;
    box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset;
}

.arco-menu-light .arco-menu-item.arco-menu-selected,
.arco-menu-light .arco-menu-group-title.arco-menu-selected,
.arco-menu-light .arco-menu-pop-header.arco-menu-selected,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected {
    color: rgb(var(--primary-6));
}

.arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon {
    color: rgb(var(--primary-6));
}

.arco-menu-light .arco-menu-item.arco-menu-disabled,
.arco-menu-light .arco-menu-group-title.arco-menu-disabled,
.arco-menu-light .arco-menu-pop-header.arco-menu-disabled,
.arco-menu-light .arco-menu-inline-header.arco-menu-disabled {
    background-color: var(--color-menu-light-bg);
    color: var(--color-text-4);
}

.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon {
    color: var(--color-text-4);
}

.arco-menu-light .arco-menu-item.arco-menu-selected {
    background-color: var(--color-fill-2);
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected {
    color: rgb(var(--primary-6));
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon {
    color: rgb(var(--primary-6));
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover {
    background-color: var(--color-fill-2);
}

.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected {
    background: none;
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover {
    background-color: var(--color-fill-2);
}

.arco-menu-light .arco-menu-group-title {
    color: var(--color-text-3);
    pointer-events: none;
}

.arco-menu-light .arco-menu-collapse-button {
    background-color: var(--color-fill-1);
    color: var(--color-text-3);
}

.arco-menu-light .arco-menu-collapse-button:hover {
    background-color: var(--color-fill-3);
}

.arco-menu-light .arco-menu-collapse-button:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
}

.arco-menu-dark {
    background-color: var(--color-menu-dark-bg);
}

.arco-menu-dark .arco-menu-item,
.arco-menu-dark .arco-menu-group-title,
.arco-menu-dark .arco-menu-pop-header,
.arco-menu-dark .arco-menu-inline-header {
    background-color: var(--color-menu-dark-bg);
    color: var(--color-text-4);
}

.arco-menu-dark .arco-menu-item .arco-icon,
.arco-menu-dark .arco-menu-group-title .arco-icon,
.arco-menu-dark .arco-menu-pop-header .arco-icon,
.arco-menu-dark .arco-menu-inline-header .arco-icon {
    color: var(--color-text-3);
}

.arco-menu-dark .arco-menu-item:hover,
.arco-menu-dark .arco-menu-group-title:hover,
.arco-menu-dark .arco-menu-pop-header:hover,
.arco-menu-dark .arco-menu-inline-header:hover {
    background-color: var(--color-menu-dark-hover);
    color: var(--color-text-4);
}

.arco-menu-dark .arco-menu-item:hover .arco-icon,
.arco-menu-dark .arco-menu-group-title:hover .arco-icon,
.arco-menu-dark .arco-menu-pop-header:hover .arco-icon,
.arco-menu-dark .arco-menu-inline-header:hover .arco-icon {
    color: var(--color-text-3);
}

.arco-menu-dark .arco-menu-item:focus-visible,
.arco-menu-dark .arco-menu-group-title:focus-visible,
.arco-menu-dark .arco-menu-pop-header:focus-visible,
.arco-menu-dark .arco-menu-inline-header:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset;
    box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset;
}

.arco-menu-dark .arco-menu-item.arco-menu-selected,
.arco-menu-dark .arco-menu-group-title.arco-menu-selected,
.arco-menu-dark .arco-menu-pop-header.arco-menu-selected,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected {
    color: var(--color-white);
}

.arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon {
    color: var(--color-white);
}

.arco-menu-dark .arco-menu-item.arco-menu-disabled,
.arco-menu-dark .arco-menu-group-title.arco-menu-disabled,
.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled,
.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled {
    background-color: var(--color-menu-dark-bg);
    color: var(--color-text-2);
}

.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-icon {
    color: var(--color-text-2);
}

.arco-menu-dark .arco-menu-item.arco-menu-selected {
    background-color: var(--color-menu-dark-hover);
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected {
    color: rgb(var(--primary-6));
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon {
    color: rgb(var(--primary-6));
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover {
    background-color: var(--color-menu-dark-hover);
}

.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected {
    background: none;
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover {
    background-color: var(--color-menu-dark-hover);
}

.arco-menu-dark .arco-menu-group-title {
    color: var(--color-text-3);
    pointer-events: none;
}

.arco-menu-dark .arco-menu-collapse-button {
    background-color: rgb(var(--primary-6));
    color: var(--color-white);
}

.arco-menu-dark .arco-menu-collapse-button:hover {
    background-color: rgb(var(--primary-7));
}

.arco-menu-dark .arco-menu-collapse-button:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
}

.arco-menu a,
.arco-menu a:hover,
.arco-menu a:focus,
.arco-menu a:active {
    color: inherit;
    cursor: inherit;
    text-decoration: none;
}

.arco-menu-item-inner > a:only-child::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.arco-menu-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.arco-menu-vertical .arco-menu-item,
.arco-menu-vertical .arco-menu-group-title,
.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-vertical .arco-menu-inline-header {
    padding: 0 12px;
    line-height: 40px;
}

.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon {
    margin-right: 0;
}

.arco-menu-vertical .arco-menu-item,
.arco-menu-vertical .arco-menu-group-title,
.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-vertical .arco-menu-inline-header {
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix.is-open,
.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix.is-open,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix.is-open,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix.is-open {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.arco-menu-vertical .arco-menu-inner {
    padding: 4px 8px;
}

.arco-menu-vertical .arco-menu-item.arco-menu-item-indented {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-vertical .arco-menu-inline-header {
    padding-right: 28px;
}

.arco-menu-horizontal {
    width: auto;
    height: auto;
}

.arco-menu-horizontal .arco-menu-item,
.arco-menu-horizontal .arco-menu-group-title,
.arco-menu-horizontal .arco-menu-pop-header,
.arco-menu-horizontal .arco-menu-inline-header {
    padding: 0 12px;
    line-height: 30px;
}

.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon {
    margin-right: 0;
}

.arco-menu-horizontal .arco-menu-item .arco-icon,
.arco-menu-horizontal .arco-menu-group-title .arco-icon,
.arco-menu-horizontal .arco-menu-pop-header .arco-icon,
.arco-menu-horizontal .arco-menu-inline-header .arco-icon {
    margin-right: 8px;
}

.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix {
    margin-left: 6px;
}

.arco-menu-horizontal .arco-menu-inner {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
}

.arco-menu-horizontal .arco-menu-item,
.arco-menu-horizontal .arco-menu-pop {
    display: inline-block;
    vertical-align: middle;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-menu-horizontal .arco-menu-item:not(:first-child),
.arco-menu-horizontal .arco-menu-pop:not(:first-child) {
    margin-left: 12px;
}

.arco-menu-horizontal .arco-menu-pop::after {
    content: ' ';
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    bottom: -14px;
}

.arco-menu-overflow-wrap {
    width: 100%;
}

.arco-menu-overflow-sub-menu-mirror {
    margin-left: 12px;
}

.arco-menu-overflow-sub-menu-mirror,
.arco-menu-overflow-hidden-menu-item {
    position: absolute !important;
    white-space: nowrap;
    visibility: hidden;
    pointer-events: none;
}

.arco-menu-selected-label {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -14px;
    height: 3px;
    background-color: rgb(var(--primary-6));
    -webkit-animation: arco-menu-selected-item-label-enter 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-animation: arco-menu-selected-item-label-enter 0.2s cubic-bezier(0, 0, 1, 1);
    animation: arco-menu-selected-item-label-enter 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-menu-pop-button {
    width: auto;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-menu-pop-button.arco-menu-collapse {
    width: auto;
}

.arco-menu-pop-button .arco-menu-item,
.arco-menu-pop-button .arco-menu-group-title,
.arco-menu-pop-button .arco-menu-pop-header,
.arco-menu-pop-button .arco-menu-inline-header {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
}

.arco-menu-collapse {
    width: 48px;
}

.arco-menu-collapse .arco-menu-inner {
    padding: 4px 4px;
}

.arco-menu-collapse .arco-menu-group-title,
.arco-menu-collapse .arco-menu-icon-suffix {
    display: none;
}

.arco-menu-collapse .arco-menu-item .arco-icon,
.arco-menu-collapse .arco-menu-group-title .arco-icon,
.arco-menu-collapse .arco-menu-pop-header .arco-icon,
.arco-menu-collapse .arco-menu-inline-header .arco-icon {
    margin-left: 1px;
    margin-right: 100vw;
}

.arco-menu-collapse .arco-menu-collapse-button {
    right: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-menu-collapse-button {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 24px;
    height: 24px;
    border-radius: var(--border-radius-small);
    cursor: pointer;
}

.arco-menu-inline-content {
    overflow: hidden;
    height: auto;
    -webkit-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-menu-item-tooltip a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

.arco-menu-item-tooltip a:hover,
.arco-menu-item-tooltip a:focus,
.arco-menu-item-tooltip a:active {
    color: inherit;
}

.arco-menu-item-tooltip a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.arco-menu-pop-trigger.arco-trigger-position-bl {
    -webkit-transform: translateY(14px);
    -moz-transform: translateY(14px);
    transform: translateY(14px);
}

.arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow {
    z-index: 0;
    border-left: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3);
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement='rt'] {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement='rt'] .arco-trigger-arrow {
    z-index: 0;
    border-left: 1px solid var(--color-neutral-3);
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] .arco-trigger-arrow {
    z-index: 0;
    border-right: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3);
}

.arco-menu-pop-trigger .arco-dropdown-menu-dark ~ .arco-trigger-arrow-container .arco-trigger-arrow {
    background-color: var(--color-menu-dark-bg);
    border-color: var(--color-menu-dark-bg);
}

.arco-menu-rtl {
    direction: rtl;
}

.arco-menu-rtl .arco-menu-item .arco-icon,
.arco-menu-rtl .arco-menu-group-title .arco-icon,
.arco-menu-rtl .arco-menu-pop-header .arco-icon,
.arco-menu-rtl .arco-menu-inline-header .arco-icon {
    margin-right: 0;
    margin-left: 16px;
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon {
    margin-left: 0;
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-icon {
    margin-right: 0;
    margin-left: 8px;
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix {
    margin-left: 0;
    margin-right: 6px;
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item:not(:first-child),
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop:not(:first-child) {
    margin-left: 0;
    margin-right: 12px;
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon {
    margin-left: 0;
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-item,
.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header {
    text-overflow: clip;
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,
.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner {
    text-overflow: clip;
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix {
    right: initial;
    left: 12px;
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header {
    padding-right: 12px;
    padding-left: 28px;
}

.arco-menu-rtl .arco-menu-pop::after {
    right: 0;
    left: initial;
}

.arco-menu-rtl .arco-menu-collapse .arco-menu-item .arco-icon,
.arco-menu-rtl .arco-menu-collapse .arco-menu-group-title .arco-icon,
.arco-menu-rtl .arco-menu-collapse .arco-menu-pop-header .arco-icon,
.arco-menu-rtl .arco-menu-collapse .arco-menu-inline-header .arco-icon {
    margin-left: 100vw;
    margin-right: 1px;
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow {
    border-left: none;
    border-right: 1px solid var(--color-neutral-3);
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement='rt'] {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement='lt'] .arco-trigger-arrow {
    border-right: none;
    border-left: 1px solid var(--color-neutral-3);
}

.arco-message-wrapper {
    width: 100%;
    position: fixed;
    z-index: 1003;
    padding: 0 10px;
    text-align: center;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
}

.arco-message-wrapper-top {
    top: 40px;
}

.arco-message-wrapper-bottom {
    bottom: 40px;
}

.arco-message {
    position: relative;
    display: inline-block;
    padding: 10px 16px 10px 16px;
    line-height: 1;
    border-radius: var(--border-radius-small);
    border: 1px solid var(--color-neutral-3);
    margin-bottom: 16px;
    background-color: var(--color-bg-popup);
    text-align: center;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    pointer-events: auto;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-message-closable {
    padding-right: 38px;
}

.arco-message-icon {
    font-size: 20px;
    color: var(--color-text-1);
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    -webkit-animation: arco-msg-fade 0.1s cubic-bezier(0, 0, 1, 1), arco-msg-fade 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-animation: arco-msg-fade 0.1s cubic-bezier(0, 0, 1, 1), arco-msg-fade 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    animation: arco-msg-fade 0.1s cubic-bezier(0, 0, 1, 1), arco-msg-fade 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-message-content {
    vertical-align: middle;
    color: var(--color-text-1);
    font-size: 14px;
}

.arco-message-info {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-message-info .arco-message-icon {
    color: rgb(var(--primary-6));
}

.arco-message-info .arco-message-content {
    color: var(--color-text-1);
}

.arco-message-success {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-message-success .arco-message-icon {
    color: rgb(var(--success-6));
}

.arco-message-success .arco-message-content {
    color: var(--color-text-1);
}

.arco-message-warning {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-message-warning .arco-message-icon {
    color: rgb(var(--warning-6));
}

.arco-message-warning .arco-message-content {
    color: var(--color-text-1);
}

.arco-message-error {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-message-error .arco-message-icon {
    color: rgb(var(--danger-6));
}

.arco-message-error .arco-message-content {
    color: var(--color-text-1);
}

.arco-message-loading {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-message-loading .arco-message-icon {
    color: rgb(var(--primary-6));
}

.arco-message-loading .arco-message-content {
    color: var(--color-text-1);
}

.arco-message-close-btn {
    position: absolute;
    top: 14px;
    right: 12px;
    color: var(--color-text-1);
    font-size: 12px;
}

.arco-message-close-btn > svg {
    position: relative;
}

.arco-message .arco-icon-hover.arco-message-icon-hover::before {
    width: 20px;
    height: 20px;
}

.fadeMessage-enter,
.fadeMessage-appear {
    opacity: 0;
}

.fadeMessage-enter-active,
.fadeMessage-appear-active {
    opacity: 1;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}

.fadeMessage-exit {
    opacity: 0;
    overflow: hidden;
}

.fadeMessage-exit-active {
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-message-rtl {
    direction: rtl;
}

.arco-message-rtl .arco-message-icon {
    margin-right: 0;
    margin-left: 8px;
}

@-webkit-keyframes arco-msg-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes arco-msg-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes arco-msg-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes arco-msg-scale {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes arco-msg-scale {
    from {
        -moz-transform: scale(0);
        transform: scale(0);
    }
    to {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes arco-msg-scale {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.arco-modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    display: none;
    background-color: var(--color-mask-bg);
}

.arco-modal-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    overflow: auto;
}

.arco-modal-wrapper-no-mask {
    pointer-events: none;
}

.arco-modal-wrapper-no-mask .arco-modal {
    pointer-events: auto;
}

.arco-modal-wrapper.arco-modal-wrapper-align-center {
    text-align: center;
    white-space: nowrap;
}

.arco-modal-wrapper.arco-modal-wrapper-align-center::after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 0;
}

.arco-modal-wrapper.arco-modal-wrapper-align-center .arco-modal {
    top: 0;
    vertical-align: middle;
    display: inline-block;
}

.arco-modal {
    position: relative;
    margin: 0 auto;
    top: 100px;
    width: 520px;
    border-radius: var(--border-radius-medium);
    border: 0 solid var(--color-neutral-3);
    background-color: var(--color-bg-3);
    line-height: 1.5715;
    text-align: left;
    white-space: initial;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-modal-header {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    border-bottom: 1px solid var(--color-neutral-3);
    height: 48px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-modal-header .arco-modal-title {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
}

.arco-modal-content {
    position: relative;
    padding: 24px 20px;
    color: var(--color-text-1);
    font-size: 14px;
}

.arco-modal-footer {
    border-top: 1px solid var(--color-neutral-3);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    padding: 16px 20px;
}

.arco-modal-footer > .arco-btn {
    margin-left: 12px;
}

.arco-modal-footer > .arco-btn:only-child {
    margin-left: 0;
}

.arco-modal .arco-modal-close-icon {
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 12px;
    cursor: pointer;
    color: var(--color-text-1);
}

.arco-modal-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500;
}

.arco-modal-title .arco-icon {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: -3px;
}

.arco-modal-title .arco-icon-info-circle-fill {
    color: rgb(var(--primary-6));
}

.arco-modal-title .arco-icon-check-circle-fill {
    color: rgb(var(--success-6));
}

.arco-modal-title .arco-icon-exclamation-circle-fill {
    color: rgb(var(--warning-6));
}

.arco-modal-title .arco-icon-close-circle-fill {
    color: rgb(var(--danger-6));
}

.arco-modal-simple {
    padding: 24px 32px 32px;
    width: 464px;
}

.arco-modal-simple .arco-modal-header,
.arco-modal-simple .arco-modal-footer {
    border: none;
    padding: 0;
    height: unset;
}

.arco-modal-simple .arco-modal-header {
    margin-bottom: 24px;
}

.arco-modal-simple .arco-modal-title {
    text-align: center;
}

.arco-modal-simple .arco-modal-footer {
    text-align: center;
    margin-top: 32px;
}

.arco-modal-simple .arco-modal-content {
    padding: 0;
}

.zoomModal-enter,
.zoomModal-appear {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}

.zoomModal-enter-active,
.zoomModal-appear-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.zoomModal-exit {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}

.zoomModal-exit-active {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.fadeModal-enter,
.fadeModal-appear {
    opacity: 0;
}

.fadeModal-enter-active,
.fadeModal-appear-active {
    opacity: 1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.fadeModal-exit {
    opacity: 1;
}

.fadeModal-exit-active {
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-modal-rtl {
    direction: rtl;
}

.arco-modal-rtl .arco-modal-footer {
    text-align: unset;
}

.arco-modal-rtl .arco-modal-footer > .arco-btn {
    margin-left: 0;
    margin-right: 12px;
}

.arco-modal-rtl .arco-modal-footer > .arco-btn:only-child {
    margin-right: 0;
}

.arco-modal-rtl .arco-modal-title .arco-icon {
    margin-right: 0;
    margin-left: 10px;
}

.arco-modal-rtl .arco-modal-close-icon {
    right: initial;
    left: 20px;
}

.arco-modal-rtl.arco-modal-simple .arco-modal-footer {
    text-align: center;
}

.arco-notification-wrapper {
    position: fixed;
    z-index: 1003;
}

.arco-notification-wrapper-topLeft {
    left: 20px;
    top: 20px;
}

.arco-notification-wrapper-topRight {
    right: 20px;
    top: 20px;
}

.arco-notification-wrapper-topRight .arco-notification {
    margin-left: auto;
}

.arco-notification-wrapper-bottomLeft {
    bottom: 20px;
    left: 20px;
}

.arco-notification-wrapper-bottomRight {
    bottom: 20px;
    right: 20px;
}

.arco-notification-wrapper-bottomRight .arco-notification {
    margin-left: auto;
}

.arco-notification {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 340px;
    padding: 20px 20px 20px 20px;
    border-radius: var(--border-radius-medium);
    border: 1px solid var(--color-neutral-3);
    margin-bottom: 20px;
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-notification-icon {
    font-size: 24px;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-text-1);
}

.arco-notification-info {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-notification-info .arco-notification-icon {
    color: rgb(var(--primary-6));
}

.arco-notification-success {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-notification-success .arco-notification-icon {
    color: rgb(var(--success-6));
}

.arco-notification-warning {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-notification-warning .arco-notification-icon {
    color: rgb(var(--warning-6));
}

.arco-notification-error {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3);
}

.arco-notification-error .arco-notification-icon {
    color: rgb(var(--danger-6));
}

.arco-notification-left {
    padding-right: 16px;
}

.arco-notification-right {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    word-break: break-word;
}

.arco-notification-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-1);
    margin-bottom: 4px;
}

.arco-notification-content {
    font-size: 14px;
    color: var(--color-text-1);
}

.arco-notification-info .arco-notification-title {
    color: var(--color-text-1);
}

.arco-notification-info .arco-notification-content {
    color: var(--color-text-1);
}

.arco-notification-success .arco-notification-title {
    color: var(--color-text-1);
}

.arco-notification-success .arco-notification-content {
    color: var(--color-text-1);
}

.arco-notification-warning .arco-notification-title {
    color: var(--color-text-1);
}

.arco-notification-warning .arco-notification-content {
    color: var(--color-text-1);
}

.arco-notification-error .arco-notification-title {
    color: var(--color-text-1);
}

.arco-notification-error .arco-notification-content {
    color: var(--color-text-1);
}

.arco-notification-btn-wrapper {
    margin-top: 16px;
    text-align: right;
}

.arco-notification .arco-notification-close-btn {
    position: absolute;
    cursor: pointer;
    top: 12px;
    right: 12px;
    color: var(--color-text-1);
    font-size: 12px;
}

.arco-notification .arco-notification-close-btn > svg {
    position: relative;
}

.arco-notification .arco-icon-hover.arco-notification-icon-hover::before {
    width: 20px;
    height: 20px;
}

.slideNoticeLeft-enter,
.slideNoticeLeft-appear {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.slideNoticeLeft-enter-active,
.slideNoticeLeft-appear-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.slideNoticeLeft-exit {
    opacity: 0;
}

.slideNoticeLeft-exit-active {
    opacity: 0;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.slideNoticeRight-enter,
.slideNoticeRight-appear {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.slideNoticeRight-enter-active,
.slideNoticeRight-appear-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.slideNoticeRight-exit {
    opacity: 0;
}

.slideNoticeRight-exit-active {
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-notification-wrapper-rtl {
    direction: rtl;
}

.arco-notification-rtl {
    direction: rtl;
}

.arco-notification-rtl .arco-notification-left {
    padding-right: 0;
    padding-left: 16px;
}

.arco-notification-rtl .arco-notification-btn-wrapper {
    text-align: left;
}

.arco-notification-rtl .arco-notification-close-btn {
    right: initial;
    left: 12px;
}

.arco-page-header {
    padding: 16px 0;
}

.arco-breadcrumb + .arco-page-header-head {
    margin-top: 4px;
}

.arco-page-header-head {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 28px;
}

.arco-page-header-head-left {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-page-header-head-wrapper {
    padding-left: 24px;
    padding-right: 20px;
}

.arco-page-header-head-main {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px;
    overflow: hidden;
}

.arco-page-header-head-main-with-back {
    margin-left: -8px;
    padding-left: 8px;
}

.arco-page-header-head-extra {
    white-space: nowrap;
}

.arco-page-header .arco-icon-hover.arco-page-header-icon-hover::before {
    width: 30px;
    height: 30px;
}

.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:hover::before {
    background-color: var(--color-fill-2);
}

.arco-page-header-back {
    color: var(--color-text-2);
    font-size: 14px;
    margin-right: 12px;
}

.arco-page-header-back:focus-visible::before {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-page-header-back-icon {
    position: relative;
}

.arco-page-header-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-text-1);
    font-size: 20px;
    font-weight: 600;
}

.arco-page-header-divider {
    width: 1px;
    margin-left: 12px;
    margin-right: 12px;
    height: 16px;
    background-color: var(--color-fill-3);
}

.arco-page-header-sub-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-text-3);
    font-size: 14px;
}

.arco-page-header-content {
    padding: 20px 32px;
    border-top: 1px solid var(--color-neutral-3);
}

.arco-page-header-footer {
    padding: 16px 20px 0 24px;
}

.arco-page-header-with-breadcrumb {
    padding: 12px 0;
}

.arco-page-header-with-breadcrumb .arco-page-header-footer {
    padding-top: 12px;
}

.arco-page-header-with-content .arco-page-header-head-wrapper {
    padding-bottom: 12px;
}

.arco-page-header-with-footer {
    padding-bottom: 0;
}

.arco-page-header-wrap .arco-page-header-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.arco-page-header-wrap .arco-page-header-head .arco-page-header-head-extra {
    margin-top: 4px;
}

.arco-page-header-rtl .arco-page-header-head-wrapper {
    padding-left: 20px;
    padding-right: 24px;
}

.arco-page-header-rtl .arco-page-header-head-main-with-back {
    margin-right: -8px;
    padding-right: 8px;
    margin-left: 0;
    padding-left: 0;
}

.arco-page-header-rtl .arco-page-header-back {
    margin-left: 12px;
    margin-right: 0;
}

.arco-page-header-rtl .arco-page-header-divider {
    margin-right: 12px;
    margin-left: 12px;
}

.arco-pagination {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    /*** 快速跳转 ***/
}

.arco-pagination-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.arco-pagination-item {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: var(--border-radius-small);
    color: var(--color-text-2);
    border: 0 solid transparent;
    background-color: transparent;
    font-size: 14px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
}

.arco-pagination-item-prev,
.arco-pagination-item-next {
    font-size: 12px;
}

.arco-pagination-item-disabled {
    cursor: not-allowed;
    background-color: transparent;
    color: var(--color-text-4);
    border-color: transparent;
}

.arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover {
    background-color: var(--color-fill-1);
    border-color: transparent;
    color: var(--color-text-2);
}

.arco-pagination-item-active {
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1);
    color: rgb(var(--primary-6));
    background-color: var(--color-primary-light-1);
    border-color: transparent;
}

.arco-pagination-item:not(:last-child) {
    margin-right: 8px;
}

.arco-pagination-item:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-pagination-item-prev,
.arco-pagination-item-next {
    font-size: 12px;
    color: var(--color-text-2);
    background-color: transparent;
}

.arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover,
.arco-pagination-item-next:not(.arco-pagination-item-disabled):hover {
    background-color: var(--color-fill-1);
    color: rgb(var(--primary-6));
}

.arco-pagination-item-prev::after,
.arco-pagination-item-next::after {
    display: inline-block;
    content: '.';
    font-size: 0;
    vertical-align: middle;
}

.arco-pagination .arco-pagination-item-prev.arco-pagination-item-disabled,
.arco-pagination .arco-pagination-item-next.arco-pagination-item-disabled {
    color: var(--color-text-4);
    background-color: transparent;
}

.arco-pagination-item-jumper {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
}

.arco-pagination-jumper {
    margin-left: 8px;
}

.arco-pagination-jumper > span {
    font-size: 14px;
}

.arco-pagination-jumper-text-goto,
.arco-pagination-jumper-text-goto-suffix {
    color: var(--color-text-2);
}

.arco-pagination .arco-pagination-jumper-input {
    width: 40px;
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 2px;
    padding-right: 2px;
}

.arco-pagination-option {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    min-width: 0;
    position: relative;
    margin-left: 8px;
    font-size: 14px;
    height: 32px;
    line-height: 0;
}

.arco-pagination-option .arco-select {
    width: auto;
}

.arco-pagination-option .arco-select-view-value {
    overflow: inherit;
    padding-right: 6px;
}

.arco-pagination-total-text {
    display: inline-block;
    height: 100%;
    color: var(--color-text-1);
    margin-right: 8px;
    font-size: 14px;
    line-height: 32px;
}

.arco-pagination-item-simple-pager {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 4px;
}

.arco-pagination-item-simple-pager .arco-pagination-jumper-separator {
    padding: 0 12px 0 12px;
}

.arco-pagination-simple .arco-pagination-item {
    margin-right: 0;
}

.arco-pagination-simple .arco-pagination-jumper {
    color: var(--color-text-1);
}

.arco-pagination-simple .arco-pagination-jumper {
    margin-left: 0;
}

.arco-pagination-simple .arco-pagination-jumper .arco-pagination-jumper-input {
    width: 40px;
    margin-left: 0;
}

.arco-pagination-simple .arco-pagination-item-prev,
.arco-pagination-simple .arco-pagination-item-next {
    color: var(--color-text-2);
    background-color: transparent;
}

.arco-pagination-simple .arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover,
.arco-pagination-simple .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover {
    background-color: var(--color-fill-1);
    color: rgb(var(--primary-6));
}

.arco-pagination-simple .arco-pagination-item-prev.arco-pagination-item-disabled,
.arco-pagination-simple .arco-pagination-item-next.arco-pagination-item-disabled {
    color: var(--color-text-4);
    background-color: transparent;
}

.arco-pagination-disabled {
    cursor: not-allowed;
}

.arco-pagination-disabled .arco-pagination-item,
.arco-pagination-disabled .arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover {
    cursor: not-allowed;
    background-color: transparent;
    border-color: transparent;
    color: var(--color-text-4);
}

.arco-pagination.arco-pagination-disabled .arco-pagination-item-active {
    background-color: var(--color-fill-1);
    border-color: transparent;
    color: var(--color-primary-light-3);
}

.arco-pagination-size-mini .arco-pagination-item {
    font-size: 12px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
}

.arco-pagination-size-mini .arco-pagination-item-prev,
.arco-pagination-size-mini .arco-pagination-item-next {
    font-size: 12px;
}

.arco-pagination-size-mini .arco-pagination-total-text {
    font-size: 12px;
    line-height: 24px;
}

.arco-pagination-size-mini .arco-pagination-option {
    font-size: 12px;
    height: 24px;
    line-height: 0;
}

.arco-pagination-size-mini .arco-pagination-jumper > span {
    font-size: 12px;
}

.arco-pagination-size-small .arco-pagination-item {
    font-size: 14px;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
}

.arco-pagination-size-small .arco-pagination-item-prev,
.arco-pagination-size-small .arco-pagination-item-next {
    font-size: 12px;
}

.arco-pagination-size-small .arco-pagination-total-text {
    font-size: 14px;
    line-height: 28px;
}

.arco-pagination-size-small .arco-pagination-option {
    font-size: 14px;
    height: 28px;
    line-height: 0;
}

.arco-pagination-size-small .arco-pagination-jumper > span {
    font-size: 14px;
}

.arco-pagination-size-large .arco-pagination-item {
    font-size: 14px;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
}

.arco-pagination-size-large .arco-pagination-item-prev,
.arco-pagination-size-large .arco-pagination-item-next {
    font-size: 14px;
}

.arco-pagination-size-large .arco-pagination-total-text {
    font-size: 14px;
    line-height: 36px;
}

.arco-pagination-size-large .arco-pagination-option {
    font-size: 14px;
    height: 36px;
    line-height: 0;
}

.arco-pagination-size-large .arco-pagination-jumper > span {
    font-size: 14px;
}

.arco-pagination-rtl {
    direction: rtl;
}

.arco-pagination-rtl .arco-pagination-item:not(:last-child) {
    margin-right: 0;
    margin-left: 8px;
}

.arco-pagination-rtl .arco-pagination-item-simple-pager {
    margin: 0 4px 0 12px;
}

.arco-pagination-rtl .arco-pagination-item-simple-pager .arco-pagination-jumper-separator {
    padding: 0 12px 0 12px;
}

.arco-pagination-rtl .arco-pagination-jumper {
    margin-left: 0;
    margin-right: 8px;
}

.arco-pagination-rtl .arco-pagination-jumper-input {
    margin-left: 0;
    margin-right: 8px;
}

.arco-pagination-rtl .arco-pagination-option {
    margin-left: 0;
    margin-right: 8px;
}

.arco-pagination-rtl .arco-pagination-option .arco-select-view-value {
    padding-right: 0;
    padding-left: 6px;
}

.arco-pagination-rtl .arco-pagination-total-text {
    margin-right: 0;
    margin-left: 8px;
}

.arco-pagination-rtl.arco-pagination-simple .arco-pagination-item,
.arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper,
.arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper-input {
    margin-right: 0;
}

.arco-popconfirm-content {
    padding: 16px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-popconfirm-title {
    position: relative;
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--color-text-1);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.arco-popconfirm-title-icon {
    font-size: 18px;
    margin-right: 8px;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22.001px;
}

.arco-popconfirm-title-icon .arco-icon-exclamation-circle-fill {
    color: rgb(var(--warning-6));
}

.arco-popconfirm-has-content .arco-popconfirm-title {
    margin-bottom: 0;
    font-weight: 500;
}

.arco-popconfirm-inner-content {
    margin-top: 4px;
    margin-bottom: 16px;
    padding-left: 26px;
}

.arco-popconfirm .arco-popconfirm-btn {
    text-align: right;
}

.arco-popconfirm .arco-popconfirm-btn > button {
    margin-left: 8px;
}

.arco-popconfirm-rtl .arco-popconfirm-title-icon {
    margin-left: 8px;
    margin-right: 0;
}

.arco-popconfirm-rtl .arco-popconfirm-inner-content {
    padding-left: 0;
    padding-right: 26px;
}

.arco-popconfirm-rtl .arco-popconfirm-btn {
    text-align: left;
}

.arco-popconfirm-rtl .arco-popconfirm-btn > button {
    margin-right: 8px;
    margin-left: 0;
}

.arco-popover-content {
    padding: 12px 16px;
}

.arco-popover-title {
    font-size: 16px;
    color: var(--color-text-1);
    font-weight: 500;
}

.arco-popover-title + .arco-popover-inner-content {
    margin-top: 4px;
}

.arco-popover-content,
.arco-popconfirm-content {
    color: var(--color-text-2);
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    max-width: none;
    width: 100%;
    font-size: 14px;
    border-radius: var(--border-radius-medium);
    line-height: 1.5715;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-neutral-3);
}

.arco-popover-content-inner,
.arco-popconfirm-content-inner {
    word-wrap: break-word;
    text-align: left;
}

.arco-popover-arrow.arco-trigger-arrow,
.arco-popconfirm-arrow.arco-trigger-arrow {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    z-index: 1;
}

.arco-popover-inner-rtl {
    direction: rtl;
    text-align: right;
}

.arco-progress {
    position: relative;
    line-height: 1;
    font-size: 12px;
}

.arco-progress-line,
.arco-progress-steps {
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

.arco-progress-line-wrapper,
.arco-progress-steps-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.arco-progress-line-text,
.arco-progress-steps-text {
    font-size: 12px;
    margin-left: 16px;
    color: var(--color-text-2);
    white-space: nowrap;
    text-align: right;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 32px;
}

.arco-progress-line-text .arco-icon,
.arco-progress-steps-text .arco-icon {
    font-size: 12px;
    margin-left: 4px;
}

.arco-progress-line-outer {
    background-color: var(--color-fill-3);
    border-radius: 100px;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.arco-progress-line-inner {
    height: 100%;
    border-radius: 100px;
    background-color: rgb(var(--primary-6));
    position: relative;
    -webkit-transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
    max-width: 100%;
}

.arco-progress-line-inner-buffer {
    position: absolute;
    background-color: var(--color-primary-light-3);
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0 100px 100px 0;
    max-width: 100%;
    -webkit-transition: all 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-progress-line-inner-animate::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, transparent), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(75%, transparent));
    background: -webkit-linear-gradient(left, transparent 25%, rgba(255, 255, 255, 0.5) 50%, transparent 75%);
    background: -moz-linear-gradient(left, transparent 25%, rgba(255, 255, 255, 0.5) 50%, transparent 75%);
    background: linear-gradient(90deg, transparent 25%, rgba(255, 255, 255, 0.5) 50%, transparent 75%);
    background-size: 400% 100%;
    -webkit-animation: arco-progress-loading 1.5s cubic-bezier(0.34, 0.69, 0.1, 1) infinite;
    -moz-animation: arco-progress-loading 1.5s cubic-bezier(0.34, 0.69, 0.1, 1) infinite;
    animation: arco-progress-loading 1.5s cubic-bezier(0.34, 0.69, 0.1, 1) infinite;
}

.arco-progress-line-text .arco-icon {
    color: var(--color-text-2);
}

.arco-progress-steps-outer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.arco-progress-steps-text {
    margin-left: 8px;
    min-width: unset;
}

.arco-progress-steps-text .arco-icon {
    color: var(--color-text-2);
}

.arco-progress-steps-item {
    height: 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    background-color: var(--color-fill-3);
    position: relative;
    display: inline-block;
}

.arco-progress-steps-item:not(:last-of-type) {
    margin-right: 3px;
}

.arco-progress-steps-item:last-of-type {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.arco-progress-steps-item:first-of-type {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.arco-progress-steps-item-active {
    background-color: rgb(var(--primary-6));
}

.arco-progress-steps.arco-progress-small {
    width: auto;
}

.arco-progress-steps.arco-progress-small .arco-progress-steps-item {
    width: 2px;
    -moz-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    border-radius: 2px;
}

.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type) {
    margin-right: 3px;
}

.arco-progress-is-warning .arco-progress-line-inner {
    background-color: rgb(var(--warning-6));
}

.arco-progress-is-warning .arco-progress-steps-item-active {
    background-color: rgb(var(--warning-6));
}

.arco-progress-is-warning .arco-progress-line-text .arco-icon,
.arco-progress-is-warning .arco-progress-steps-text .arco-icon {
    color: rgb(var(--warning-6));
}

.arco-progress-is-success .arco-progress-line-inner {
    background-color: rgb(var(--success-6));
}

.arco-progress-is-success .arco-progress-steps-item-active {
    background-color: rgb(var(--success-6));
}

.arco-progress-is-success .arco-progress-line-text .arco-icon,
.arco-progress-is-success .arco-progress-steps-text .arco-icon {
    color: rgb(var(--success-6));
}

.arco-progress-is-error .arco-progress-line-inner {
    background-color: rgb(var(--danger-6));
}

.arco-progress-is-error .arco-progress-steps-item-active {
    background-color: rgb(var(--danger-6));
}

.arco-progress-is-error .arco-progress-line-text .arco-icon,
.arco-progress-is-error .arco-progress-steps-text .arco-icon {
    color: rgb(var(--danger-6));
}

.arco-progress-small .arco-progress-line-text {
    font-size: 12px;
    margin-left: 16px;
}

.arco-progress-small .arco-progress-line-text .arco-icon {
    font-size: 12px;
}

.arco-progress-large .arco-progress-line-text {
    font-size: 16px;
    margin-left: 16px;
}

.arco-progress-large .arco-progress-line-text .arco-icon {
    font-size: 14px;
}

.arco-progress-circle {
    display: inline-block;
}

.arco-progress-circle-wrapper {
    position: relative;
    text-align: center;
    line-height: 1;
    display: inline-block;
    vertical-align: text-bottom;
}

.arco-progress-circle-svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.arco-progress-circle-text {
    font-size: 14px;
}

.arco-progress-circle-text .arco-icon {
    font-size: 16px;
    color: var(--color-text-2);
}

.arco-progress-circle .arco-progress-circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--color-text-3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-progress-circle-mask {
    stroke: var(--color-fill-3);
}

.arco-progress-circle-path {
    stroke: rgb(var(--primary-6));
    -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
    -moz-transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
    transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
}

.arco-progress-mini .arco-progress-circle-mask {
    stroke: var(--color-primary-light-3);
}

.arco-progress-mini .arco-progress-circle-path {
    stroke: rgb(var(--primary-6));
}

.arco-progress-mini.arco-progress-is-warning .arco-progress-circle-mask {
    stroke: var(--color-warning-light-3);
}

.arco-progress-mini.arco-progress-is-error .arco-progress-circle-mask {
    stroke: var(--color-danger-light-3);
}

.arco-progress-mini.arco-progress-is-success .arco-progress-circle-mask {
    stroke: var(--color-success-light-3);
}

.arco-progress-mini.arco-progress-is-success .arco-progress-circle-wrapper .arco-icon-check {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.arco-progress-mini .arco-progress-circle-text {
    position: static;
    top: unset;
    left: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    transform: unset;
}

.arco-progress-small .arco-progress-circle-text {
    font-size: 13px;
}

.arco-progress-small .arco-progress-circle-text .arco-icon {
    font-size: 14px;
}

.arco-progress-large .arco-progress-circle-text {
    font-size: 16px;
}

.arco-progress-large .arco-progress-circle-text .arco-icon {
    font-size: 16px;
}

.arco-progress-is-warning .arco-progress-circle-path {
    stroke: rgb(var(--warning-6));
}

.arco-progress-is-warning .arco-icon {
    color: rgb(var(--warning-6));
}

.arco-progress-is-success .arco-progress-circle-path {
    stroke: rgb(var(--success-6));
}

.arco-progress-is-success .arco-icon {
    color: rgb(var(--success-6));
}

.arco-progress-is-error .arco-progress-circle-path {
    stroke: rgb(var(--danger-6));
}

.arco-progress-is-error .arco-icon {
    color: rgb(var(--danger-6));
}

@-webkit-keyframes arco-progress-loading {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

@-moz-keyframes arco-progress-loading {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

@keyframes arco-progress-loading {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

.arco-progress-rtl .arco-progress-line-text,
.arco-progress-rtl .arco-progress-steps-text {
    margin-left: 0;
    margin-right: 16px;
}

.arco-progress-rtl .arco-progress-line-text .arco-icon,
.arco-progress-rtl .arco-progress-steps-text .arco-icon {
    margin-left: 0;
    margin-right: 4px;
}

.arco-progress-rtl .arco-progress-steps-text {
    margin-left: 0;
    margin-right: 8px;
}

.arco-progress-rtl .arco-progress-steps-item:not(:last-of-type) {
    margin-right: 0;
    margin-left: 3px;
}

.arco-progress-rtl.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type) {
    margin-right: 0;
    margin-left: 3px;
}

.arco-progress-rtl.arco-progress-small .arco-progress-line-text {
    margin-right: 16px;
    margin-left: 0;
}

.arco-progress-rtl.arco-progress-large .arco-progress-line-text {
    margin-right: 16px;
    margin-left: 0;
}

.arco-progress-rtl.arco-progress-line .arco-progress-line-inner-buffer {
    left: initial;
    right: 0;
}

.arco-radio > input[type='radio'],
.arco-radio-button > input[type='radio'] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.arco-radio > input[type='radio']:focus-visible + .arco-radio-icon-hover::before,
.arco-radio-button > input[type='radio']:focus-visible + .arco-radio-icon-hover::before {
    background-color: var(--color-fill-2);
    opacity: 1;
}

.arco-radio > input[type='radio']:focus-visible + .arco-radio-button-inner,
.arco-radio-button > input[type='radio']:focus-visible + .arco-radio-button-inner {
    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--primary-6));
    box-shadow: inset 0 0 0 2px rgb(var(--primary-6));
    border-radius: inherit;
}

.arco-icon-hover.arco-radio-icon-hover::before {
    width: 24px;
    height: 24px;
}

.arco-radio {
    position: relative;
    cursor: pointer;
    padding-left: 5px;
    display: inline-block;
    font-size: 14px;
    line-height: unset;
}

.arco-radio-text {
    color: var(--color-text-1);
    margin-left: 8px;
}

.arco-radio-mask-wrapper {
    vertical-align: middle;
    top: -0.09em;
    position: relative;
    line-height: 1;
}

.arco-radio-mask {
    display: block;
    border: 2px solid var(--color-neutral-3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 14px;
    width: 14px;
    border-radius: var(--border-radius-circle);
    position: relative;
    line-height: 14px;
}

.arco-radio-mask::after {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    content: '';
    border-radius: var(--border-radius-circle);
    background-color: var(--color-bg-2);
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), -moz-transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}

.arco-radio:hover .arco-radio-mask {
    border-color: var(--color-neutral-3);
}

.arco-radio-checked .arco-radio-mask {
    background-color: rgb(var(--primary-6));
    border-color: rgb(var(--primary-6));
}

.arco-radio-checked .arco-radio-mask::after {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    background-color: var(--color-white);
}

.arco-radio-checked:hover .arco-radio-mask {
    border-color: rgb(var(--primary-6));
}

.arco-radio-disabled {
    cursor: not-allowed;
}

.arco-radio-disabled .arco-radio-icon-hover {
    cursor: not-allowed;
}

.arco-radio-disabled .arco-radio-text {
    color: var(--color-text-4);
}

.arco-radio-disabled .arco-radio-mask {
    border-color: var(--color-neutral-3);
}

.arco-radio-disabled .arco-radio-mask::after {
    background-color: var(--color-fill-2);
}

.arco-radio-disabled:hover .arco-radio-mask {
    border-color: var(--color-neutral-3);
}

.arco-radio-checked.arco-radio-disabled .arco-radio-mask,
.arco-radio-checked.arco-radio-disabled:hover .arco-radio-mask {
    border-color: transparent;
    background-color: var(--color-primary-light-3);
}

.arco-radio-checked.arco-radio-disabled .arco-radio-mask::after {
    background-color: var(--color-fill-2);
}

.arco-radio-checked.arco-radio-disabled .arco-radio-text {
    color: var(--color-text-4);
}

.arco-radio:hover .arco-radio-icon-hover::before {
    background-color: var(--color-fill-2);
}

.arco-radio-group {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-radio-group .arco-radio {
    margin-right: 20px;
}

.arco-radio-group-type-button {
    position: relative;
    z-index: 0;
    padding: 1.5px;
    line-height: 26px;
}

.arco-radio-button {
    display: inline-block;
    position: relative;
    margin: 1.5px;
    border-radius: var(--border-radius-small);
    font-size: 14px;
    line-height: 26px;
    color: var(--color-text-2);
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-radio-button-inner {
    display: block;
    position: relative;
    padding: 0 12px;
}

.arco-radio-button:not(:first-of-type)::before {
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 14px;
    width: 1px;
    background-color: var(--color-neutral-3);
    content: '';
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-radio-button:hover::before,
.arco-radio-button:hover + .arco-radio-button::before,
.arco-radio-button.arco-radio-checked::before,
.arco-radio-button.arco-radio-checked + .arco-radio-button::before {
    opacity: 0;
}

.arco-radio-button::after {
    content: ' ';
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    background-color: var(--color-fill-2);
    pointer-events: none;
    z-index: -1;
}

.arco-radio-button:first-of-type::after {
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-radio-button:last-of-type::after {
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
}

.arco-radio-button:hover {
    background-color: var(--color-bg-5);
    color: var(--color-text-1);
}

.arco-radio-button.arco-radio-checked {
    background-color: var(--color-bg-5);
    color: rgb(var(--primary-6));
    font-weight: 500;
}

.arco-radio-button.arco-radio-disabled {
    cursor: not-allowed;
    background-color: transparent;
    color: var(--color-text-4);
}

.arco-radio-button.arco-radio-disabled.arco-radio-checked {
    background-color: var(--color-bg-5);
    color: var(--color-primary-light-3);
}

.arco-radio-size-small {
    line-height: 28px;
}

.arco-radio-size-small.arco-radio-group-type-button,
.arco-radio-size-small .arco-radio-button {
    font-size: 14px;
    line-height: 22px;
}

.arco-radio-size-large {
    line-height: 36px;
}

.arco-radio-size-large.arco-radio-group-type-button,
.arco-radio-size-large .arco-radio-button {
    font-size: 14px;
    line-height: 30px;
}

.arco-radio-size-mini {
    line-height: 24px;
}

.arco-radio-size-mini.arco-radio-group-type-button,
.arco-radio-size-mini .arco-radio-button {
    font-size: 12px;
    line-height: 18px;
}

.arco-radio-group-direction-vertical .arco-radio {
    display: block;
    line-height: 32px;
    margin-right: 0;
}

body[arco-theme='dark'] .arco-radio-button.arco-radio-checked,
body[arco-theme='dark'] .arco-radio-button:not(.arco-radio-disabled):hover {
    background-color: var(--color-fill-3);
}

body[arco-theme='dark'] .arco-radio-button::after {
    background-color: var(--color-bg-3);
}

.arco-radio-rtl {
    padding-left: 0;
    padding-right: 5px;
}

.arco-radio-rtl .arco-radio-text {
    margin-left: 0;
    margin-right: 8px;
}

.arco-radio-group-rtl .arco-radio {
    margin-right: 0;
    margin-left: 20px;
}

.arco-radio-group-rtl.arco-radio-group-direction-vertical .arco-radio {
    margin-right: unset;
    margin-left: 0;
}

/**********************************************
 * status: disabled / readonly
 **********************************************/
.arco-rate {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-rate-disabled {
    cursor: not-allowed;
}

.arco-rate-inner {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    font-size: 24px;
    line-height: 1;
}

.arco-rate-character {
    position: relative;
    color: var(--color-fill-3);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-rate-character:not(:last-child) {
    margin-right: 8px;
}

.arco-rate-character-left,
.arco-rate-character-right {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    transition: inherit;
}

.arco-rate-character-left > *,
.arco-rate-character-right > * {
    float: left;
}

.arco-rate-character-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
}

.arco-rate-character-scale {
    -webkit-animation: arco-rate-scale 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-animation: arco-rate-scale 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
    animation: arco-rate-scale 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-rate-character-full .arco-rate-character-right {
    color: rgb(var(--gold-6));
}

.arco-rate-character-half .arco-rate-character-left {
    color: rgb(var(--gold-6));
    opacity: 1;
}

.arco-rate-character-disabled {
    cursor: not-allowed;
}

.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character {
    cursor: pointer;
}

.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:hover,
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:focus {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

@-webkit-keyframes arco-rate-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes arco-rate-scale {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes arco-rate-scale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.arco-rate-rtl {
    direction: rtl;
}

.arco-rate-rtl .arco-rate-character:not(:last-child) {
    margin-right: 0;
    margin-left: 8px;
}

.arco-rate-rtl .arco-rate-character-left {
    left: initial;
    right: 0;
}

.arco-rate-rtl .arco-rate-character-left > *,
.arco-rate-rtl .arco-rate-character-right > * {
    float: right;
}

.arco-resizebox {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.arco-resizebox-direction-left,
.arco-resizebox-direction-right,
.arco-resizebox-direction-top,
.arco-resizebox-direction-bottom {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-resizebox-direction-right {
    left: unset;
    right: 0;
}

.arco-resizebox-direction-bottom {
    top: unset;
    bottom: 0;
}

.arco-resizebox-split,
.arco-resizebox-split-group {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.arco-resizebox-split .arco-resizebox-slit-trigger,
.arco-resizebox-split-group .arco-resizebox-slit-trigger {
    -moz-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
}

.arco-resizebox-split-pane,
.arco-resizebox-split-group-pane {
    overflow: auto;
}

.arco-resizebox-split .second-pane,
.arco-resizebox-split-group .second-pane {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-resizebox-split-horizontal,
.arco-resizebox-split-group-horizontal {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.arco-resizebox-split-vertical,
.arco-resizebox-split-group-vertical {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-resizebox-split-moving,
.arco-resizebox-split-group-moving {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-resizebox-trigger-icon-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: var(--color-neutral-3);
}

.arco-resizebox-trigger-icon {
    display: inline-block;
    color: var(--color-text-1);
    font-size: 12px;
}

.arco-resizebox-trigger-prev > svg,
.arco-resizebox-trigger-next > svg {
    cursor: pointer;
}

.arco-resizebox-trigger-vertical {
    height: 100%;
    cursor: col-resize;
}

.arco-resizebox-trigger-vertical.arco-resizebox-trigger-not-resizable {
    cursor: default;
}

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-prev,
.arco-resizebox-trigger-vertical .arco-resizebox-trigger-next {
    height: 18px;
    line-height: 18px;
}

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-wrapper {
    width: 6px;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-empty {
    height: 18px;
    width: 100%;
}

.arco-resizebox-trigger-horizontal {
    width: 100%;
    cursor: row-resize;
}

.arco-resizebox-trigger-horizontal.arco-resizebox-trigger-not-resizable {
    cursor: default;
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-prev,
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-next {
    width: 18px;
    text-align: center;
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper {
    height: 6px;
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper .arco-icon {
    vertical-align: -1px;
}

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-empty {
    width: 18px;
    height: 100%;
}

.arco-resizebox-rtl,
.arco-resizebox-split-rtl,
.arco-resizebox-split-group-rtl,
.arco-resizebox-trigger-rtl {
    direction: rtl;
}

.arco-result {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 32px 24px;
}

.arco-result-is-404,
.arco-result-is-403,
.arco-result-is-500 {
    padding-top: 24px;
}

.arco-result-is-404 .arco-result-icon-tip,
.arco-result-is-403 .arco-result-icon-tip,
.arco-result-is-500 .arco-result-icon-tip {
    height: 92px;
    width: 92px;
    line-height: 92px;
}

.arco-result-icon {
    margin-bottom: 16px;
    text-align: center;
    font-size: 20px;
}

.arco-result-icon-tip {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 50%;
    line-height: 45px;
}

.arco-result-icon-custom {
    width: unset;
    height: unset;
    line-height: inherit;
}

.arco-result-icon-custom > .arco-icon {
    font-size: 45px;
    color: inherit;
}

.arco-result-icon-success {
    color: rgb(var(--success-6));
    background-color: var(--color-success-light-1);
}

.arco-result-icon-error {
    color: rgb(var(--danger-6));
    background-color: var(--color-danger-light-1);
}

.arco-result-icon-info {
    color: rgb(var(--primary-6));
    background-color: var(--color-primary-light-1);
}

.arco-result-icon-warning {
    color: rgb(var(--warning-6));
    background-color: var(--color-warning-light-1);
}

.arco-result-title {
    text-align: center;
    line-height: 1.5715;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-1);
}

.arco-result-subtitle {
    text-align: center;
    line-height: 1.5715;
    font-size: 14px;
    color: var(--color-text-2);
}

.arco-result-extra {
    margin-top: 20px;
    text-align: center;
}

.arco-result-content {
    margin-top: 20px;
}

/**********************************************
 * type: single / multi
 * size: mini / small / default / large
 **********************************************/
/**********************************************
 * border
 **********************************************/
/************************************************
 * status: default / disabled _ (hover / focus)
 ************************************************/
/**********************************************
 * Popup Box
 **********************************************/
/**********************************************
 * Popup Options
 * status: default / disabled / selected / hover
 **********************************************/
.arco-select .arco-select-view {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-select:hover .arco-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-select.arco-select-focused .arco-select-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-select .arco-select-suffix-icon,
.arco-select .arco-select-loading-icon,
.arco-select .arco-select-search-icon,
.arco-select .arco-select-clear-icon,
.arco-select .arco-select-arrow-icon,
.arco-select .arco-select-expand-icon {
    color: var(--color-text-2);
}

.arco-select-no-border .arco-select-view {
    border: none !important;
    background: none !important;
}

.arco-select-error .arco-select-view {
    background-color: var(--color-danger-light-1);
    border: 1px solid transparent;
}

.arco-select-error:hover .arco-select-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent;
}

.arco-select-error.arco-select-focused .arco-select-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-select-no-border .arco-select-view {
    border: none !important;
    background: none !important;
}

.arco-select-warning .arco-select-view {
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent;
}

.arco-select-warning:hover .arco-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent;
}

.arco-select-warning.arco-select-focused .arco-select-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-select-no-border .arco-select-view {
    border: none !important;
    background: none !important;
}

.arco-select-disabled .arco-select-view {
    color: var(--color-text-4);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-select-disabled:hover .arco-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-select-disabled .arco-select-suffix-icon,
.arco-select-disabled .arco-select-loading-icon,
.arco-select-disabled .arco-select-search-icon,
.arco-select-disabled .arco-select-clear-icon,
.arco-select-disabled .arco-select-arrow-icon,
.arco-select-disabled .arco-select-expand-icon {
    color: var(--color-text-4);
}

.arco-select-no-border .arco-select-view {
    border: none !important;
    background: none !important;
}

.arco-select-size-mini.arco-select-multiple .arco-select-view {
    height: auto;
    font-size: 12px;
    padding: 0 3px;
    line-height: 0;
}

.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
}

.arco-select-size-mini.arco-select-multiple .arco-select-suffix {
    padding-right: 4px;
}

.arco-select-size-mini.arco-select-multiple input {
    font-size: 12px;
}

.arco-select-size-mini.arco-select-single .arco-select-view {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 7px;
}

.arco-select-size-mini.arco-select-single input {
    font-size: 12px;
}

.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 7px;
}

.arco-select-size-small.arco-select-multiple .arco-select-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-select-size-small.arco-select-multiple .arco-select-suffix {
    padding-right: 8px;
}

.arco-select-size-small.arco-select-multiple input {
    font-size: 14px;
}

.arco-select-size-small.arco-select-single .arco-select-view {
    height: 28px;
    line-height: 26px;
    font-size: 14px;
    padding: 0 11px;
}

.arco-select-size-small.arco-select-single input {
    font-size: 14px;
}

.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 11px;
}

.arco-select-size-default.arco-select-multiple .arco-select-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-select-size-default.arco-select-multiple .arco-select-suffix {
    padding-right: 8px;
}

.arco-select-size-default.arco-select-multiple input {
    font-size: 14px;
}

.arco-select-size-default.arco-select-single .arco-select-view {
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 11px;
}

.arco-select-size-default.arco-select-single input {
    font-size: 14px;
}

.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 11px;
}

.arco-select-size-large.arco-select-multiple .arco-select-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
}

.arco-select-size-large.arco-select-multiple .arco-select-suffix {
    padding-right: 12px;
}

.arco-select-size-large.arco-select-multiple input {
    font-size: 14px;
}

.arco-select-size-large.arco-select-single .arco-select-view {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    padding: 0 15px;
}

.arco-select-size-large.arco-select-single input {
    font-size: 14px;
}

.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 15px;
}

.arco-select {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
}

.arco-select-view {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: var(--border-radius-small);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
    transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
}

.arco-select-view input {
    color: inherit;
    cursor: inherit;
}

.arco-select-view input::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-select-view input::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-select-view input::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-select-view input:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-select-view input:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-select-view input::placeholder {
    color: var(--color-text-3);
}

.arco-select-view input[disabled] {
    pointer-events: none;
}

.arco-select-multiple,
.arco-select-show-search {
    cursor: text;
}

.arco-select-disabled {
    cursor: not-allowed;
}

.arco-select-disabled .arco-select-view input::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-select-disabled .arco-select-view input::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-select-disabled .arco-select-view input::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-select-disabled .arco-select-view input:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-select-disabled .arco-select-view input:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-select-disabled .arco-select-view input::placeholder {
    color: var(--color-text-4);
}

.arco-select-single .arco-select-view-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-select-single .arco-select-view-selector {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.arco-select-single .arco-select-view-selector .arco-select-view-input {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.arco-select-single .arco-select-view-selector .arco-select-view-value-mirror {
    opacity: 0;
}

.arco-select-single .arco-select-view-value,
.arco-select-single .arco-select-view-value-mirror {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-select-single .arco-select-view-value::after,
.arco-select-single .arco-select-view-value-mirror::after {
    content: '.';
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.arco-select-single .arco-select-view .arco-select-hidden {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.arco-select-multiple {
    vertical-align: top;
}

.arco-select-multiple .arco-select-view {
    padding: 0 4px;
    line-height: 0;
}

.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 12px;
}

.arco-select-multiple .arco-input-tag {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 0;
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden;
}

.arco-select-multiple .arco-tag {
    max-width: 100%;
}

.arco-select-multiple:not(.arco-select-focused) .arco-input-tag input:not(:first-child)[value=''] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.arco-select-prefix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
    white-space: nowrap;
    color: var(--color-text-2);
}

.arco-select-suffix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4px;
}

.arco-select-suffix-icon,
.arco-select-search-icon,
.arco-select-loading-icon,
.arco-select-expand-icon,
.arco-select-clear-icon {
    font-size: 12px;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-select-arrow-icon {
    font-size: 12px;
}

.arco-select-open .arco-select-arrow-icon svg {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.arco-select .arco-select-clear-icon {
    display: none;
    cursor: pointer;
}

.arco-select .arco-select-clear-icon > svg {
    position: relative;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-select:hover .arco-select-clear-icon {
    display: block;
}

.arco-select:hover .arco-select-clear-icon ~ * {
    display: none;
}

.arco-select-wrapper {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.arco-select-wrapper .arco-select {
    min-width: 0;
}

.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:first-child) .arco-select-view {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:last-child) .arco-select-view {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-select-addbefore {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    white-space: nowrap;
    border: 1px solid transparent;
}

.arco-select-addbefore {
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-select-popup {
    top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 0;
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.arco-select-popup-hidden {
    display: none;
}

.arco-select-popup .arco-select-popup-inner {
    width: 100%;
    max-height: 200px;
    list-style: none;
}

.arco-select-popup .arco-select-option {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    line-height: 36px;
    border-radius: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-text-1);
    background-color: var(--color-bg-popup);
}

.arco-select-popup .arco-select-option-selected {
    color: var(--color-text-1);
    background-color: var(--color-bg-popup);
}

.arco-select-popup .arco-select-option-hover {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
}

.arco-select-popup .arco-select-option-disabled {
    color: var(--color-text-4);
    background-color: var(--color-bg-popup);
}

.arco-select-popup .arco-select-option-disabled {
    cursor: not-allowed;
}

.arco-select-popup .arco-select-option-selected {
    font-weight: 500;
}

.arco-select-popup .arco-select-option-empty {
    height: 36px;
}

.arco-select-popup .arco-select-option-rtl {
    text-align: right;
}

.arco-select-option-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 7px;
}

.arco-select-option-wrapper .arco-select-checkbox {
    padding: 0 5px;
}

.arco-select-option-wrapper .arco-select-checkbox input {
    display: none;
}

.arco-select-option-wrapper .arco-select-option {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 1px;
    padding: 0 4px;
    border-radius: var(--border-radius-small);
}

.arco-select-group-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 12px 0 12px;
    line-height: 20px;
    font-size: 12px;
    color: var(--color-text-3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-select-group-title:first-child {
    padding-top: 4px;
}

.arco-select-highlight {
    font-weight: 500;
    color: var(--color-text-1);
}

.arco-select-rtl {
    direction: rtl;
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 7px;
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-suffix {
    padding-right: 0;
    padding-left: 4px;
}

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 4px;
}

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px;
}

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-suffix {
    padding-right: 0;
    padding-left: 8px;
}

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 8px;
}

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px;
}

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-suffix {
    padding-right: 0;
    padding-left: 8px;
}

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 8px;
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 15px;
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-suffix {
    padding-right: 0;
    padding-left: 12px;
}

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input,
.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 12px;
}

.arco-select-wrapper-rtl .arco-select-addbefore {
    border-right: unset;
    border-left: 1px solid var(--color-border-2);
}

.arco-select-rtl .arco-select-view {
    text-align: right;
}

.arco-select-rtl .arco-select-multiple .arco-select-view-with-prefix {
    padding-left: 0;
    padding-right: 12px;
}

.arco-select-rtl .arco-select-prefix {
    margin-right: 0;
    margin-left: 12px;
}

.arco-select-rtl .arco-select-suffix {
    margin-left: 0;
    margin-right: 4px;
}

.arco-skeleton {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-skeleton-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-skeleton-header .arco-skeleton-image {
    background-color: var(--color-fill-2);
    width: 48px;
    height: 48px;
    border-radius: var(--border-radius-small);
}

.arco-skeleton-header .arco-skeleton-image-circle {
    border-radius: 50%;
}

.arco-skeleton-header .arco-skeleton-image-small {
    width: 36px;
    height: 36px;
}

.arco-skeleton-header .arco-skeleton-image-large {
    width: 60px;
    height: 60px;
}

.arco-skeleton-header .arco-skeleton-image-left {
    margin-right: 16px;
}

.arco-skeleton-header .arco-skeleton-image-right {
    margin-left: 16px;
}

.arco-skeleton-content {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

.arco-skeleton-content .arco-skeleton-text {
    list-style: none;
    padding: 0;
    margin: 0;
}

.arco-skeleton-content .arco-skeleton-text-row {
    background-color: var(--color-fill-2);
    height: 16px;
}

.arco-skeleton-content .arco-skeleton-text-row:not(:last-child) {
    margin-bottom: 16px;
}

.arco-skeleton-animate .arco-skeleton-image,
.arco-skeleton-animate .arco-skeleton-text > li {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--color-fill-2)), color-stop(37%, var(--color-fill-3)), color-stop(63%, var(--color-fill-2)));
    background: -webkit-linear-gradient(left, var(--color-fill-2) 25%, var(--color-fill-3) 37%, var(--color-fill-2) 63%);
    background: -moz-linear-gradient(left, var(--color-fill-2) 25%, var(--color-fill-3) 37%, var(--color-fill-2) 63%);
    background: linear-gradient(90deg, var(--color-fill-2) 25%, var(--color-fill-3) 37%, var(--color-fill-2) 63%);
    background-size: 400% 100%;
    -webkit-animation: arco-skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite;
    -moz-animation: arco-skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite;
    animation: arco-skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite;
}

@-webkit-keyframes arco-skeleton-circle {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

@-moz-keyframes arco-skeleton-circle {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

@keyframes arco-skeleton-circle {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

.arco-skeleton-rtl .arco-skeleton-image-left {
    margin-right: 0;
    margin-left: 16px;
}

.arco-skeleton-rtl .arco-skeleton-image-right {
    margin-left: 0;
    margin-right: 16px;
}

.arco-slider {
    width: 100%;
    display: inline-block;
}

.arco-slider-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-slider-vertical {
    display: inline-block;
    height: auto;
    width: auto;
    min-width: 22px;
}

.arco-slider-vertical .arco-slider-wrapper {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-slider-with-marks {
    margin-bottom: 24px;
    padding: 0 20px;
}

.arco-slider-vertical.arco-slider-with-marks {
    margin-bottom: 0;
    padding: 0;
}

.arco-slider-road {
    width: 100%;
    height: 12px;
    cursor: pointer;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    position: relative;
}

.arco-slider-road::before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--color-fill-3);
    border-radius: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-slider-road.arco-slider-road-vertical {
    width: 12px;
    max-width: 12px;
    height: 100%;
    min-height: 200px;
    margin-bottom: 6px;
    margin-top: 6px;
    margin-right: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.arco-slider-road.arco-slider-road-vertical::before {
    width: 2px;
    height: 100%;
    top: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-slider-road.arco-slider-road-disabled::before {
    background-color: var(--color-fill-2);
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-bar {
    background-color: var(--color-fill-3);
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-button {
    cursor: not-allowed;
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-button::after {
    border-color: var(--color-fill-3);
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot {
    border-color: var(--color-fill-2);
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot-active {
    border-color: var(--color-fill-3);
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick {
    background: var(--color-fill-2);
}

.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick-active {
    background: var(--color-fill-3);
}

.arco-slider-bar {
    position: absolute;
    height: 2px;
    background-color: rgb(var(--primary-6));
    border-radius: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-slider-road-vertical .arco-slider-bar {
    width: 2px;
    height: unset;
    top: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-slider-button {
    position: absolute;
    height: 12px;
    width: 12px;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-slider-button::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: var(--color-bg-2);
    border: 2px solid rgb(var(--primary-6));
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    -moz-transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
    top: 0;
}

.arco-slider-button.arco-slider-button-active::after,
.arco-slider-button:hover::after {
    -webkit-transform: scale(1.16666667);
    -moz-transform: scale(1.16666667);
    transform: scale(1.16666667);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.arco-slider-button:focus-visible::after {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-slider-road-vertical .arco-slider-button {
    top: unset;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}

.arco-slider-reverse .arco-slider-button {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
    left: unset;
    right: 0;
}

.arco-slider-reverse .arco-slider-road-vertical .arco-slider-button {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-slider-marks {
    position: absolute;
    top: 12px;
    width: 100%;
}

.arco-slider-marks-text {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    color: var(--color-text-3);
}

.arco-slider-road-vertical .arco-slider-marks {
    height: 100%;
    left: 15px;
    top: 0;
}

.arco-slider-road-vertical .arco-slider-marks-text {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}

.arco-slider-reverse .arco-slider-marks-text {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
}

.arco-slider-reverse .arco-slider-road-vertical .arco-slider-marks-text {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-slider-dots {
    height: 100%;
}

.arco-slider-dots .arco-slider-dot-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper {
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.arco-slider-reverse .arco-slider-dots .arco-slider-dot-wrapper {
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.arco-slider-reverse .arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot {
    background-color: var(--color-bg-2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--color-fill-3);
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active {
    border-color: rgb(var(--primary-6));
}

.arco-slider-ticks .arco-slider-tick {
    position: absolute;
    width: 1px;
    height: 3px;
    background: var(--color-fill-3);
    top: 50%;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    margin-top: -1px;
}

.arco-slider-ticks .arco-slider-tick-active {
    background: rgb(var(--primary-6));
}

.arco-slider-vertical .arco-slider-ticks .arco-slider-tick {
    width: 3px;
    height: 1px;
    top: unset;
    margin-top: unset;
    left: 50%;
    -webkit-transform: translate(1px, 50%);
    -moz-transform: translate(1px, 50%);
    transform: translate(1px, 50%);
}

.arco-slider-reverse .arco-slider-ticks .arco-slider-tick {
    -webkit-transform: translate(50%, -100%);
    -moz-transform: translate(50%, -100%);
    transform: translate(50%, -100%);
}

.arco-slider-vertical.arco-slider-reverse .arco-slider-ticks .arco-slider-tick {
    -webkit-transform: translate(1px, -50%);
    -moz-transform: translate(1px, -50%);
    transform: translate(1px, -50%);
}

.arco-slider-input {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
}

.arco-slider-vertical .arco-slider-input {
    margin-left: 0;
}

.arco-slider-input > .arco-input-number {
    width: 60px;
    height: 32px;
    line-height: normal;
    overflow: visible;
}

.arco-slider-input > .arco-input-number input {
    text-align: center;
}

.arco-slider-input-range {
    width: 20px;
    line-height: 32px;
    height: 32px;
    text-align: center;
}

.arco-slider-input-range-content {
    display: inline-block;
    width: 8px;
    height: 2px;
    background: rgb(var(--gray-6));
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.arco-slider-rtl {
    direction: rtl;
}

.arco-slider-rtl.arco-slider:not(.arco-slider-vertical) .arco-slider-input {
    margin-right: 20px;
    margin-left: 0;
}

.arco-slider-rtl.arco-slider-vertical .arco-slider-road-vertical .arco-slider-marks {
    left: 0;
    right: 15px;
}

.arco-space {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.arco-space-vertical {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-space-align-baseline {
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.arco-space-align-start {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.arco-space-align-end {
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.arco-space-align-center {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-space-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.arco-space-rtl {
    direction: rtl;
}

.arco-spin {
    display: inline-block;
}

.arco-spin-block {
    display: block;
}

.arco-spin-with-tip {
    text-align: center;
}

.arco-spin-icon {
    color: rgb(var(--primary-6));
    font-size: 20px;
}

.arco-spin-tip {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--primary-6));
}

.arco-spin-loading-layer {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-spin-children {
    position: relative;
}

.arco-spin-children::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-spin-layer-bg);
    opacity: 0;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    pointer-events: none;
    z-index: 1;
}

.arco-spin-loading {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-spin-loading .arco-spin-loading-layer-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.arco-spin-loading .arco-spin-children::after {
    opacity: 1;
    pointer-events: auto;
}

.arco-spin-dot {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    width: 8px;
    height: 8px;
    background-color: rgb(var(--primary-6));
    border-radius: var(--border-radius-circle);
    -webkit-animation: arco-dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards;
    -moz-animation: arco-dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards;
    animation: arco-dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards;
}

.arco-spin-dot:nth-child(2) {
    background-color: rgb(var(--primary-5));
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    animation-delay: 400ms;
}

.arco-spin-dot:nth-child(3) {
    background-color: rgb(var(--primary-4));
    -webkit-animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    animation-delay: 800ms;
}

.arco-spin-dot:nth-child(4) {
    background-color: rgb(var(--primary-4));
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.arco-spin-dot:nth-child(5) {
    background-color: rgb(var(--primary-2));
    -webkit-animation-delay: 1600ms;
    -moz-animation-delay: 1600ms;
    animation-delay: 1600ms;
}

.arco-spin-dot-list {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    width: 56px;
    position: relative;
    height: 8px;
}

@-webkit-keyframes arco-dot-loading {
    0% {
        -webkit-transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
        transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
    }
    2.778% {
        -webkit-transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
        transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
    }
    5.556% {
        -webkit-transform: translate3D(-140%, 0, -0.866px) scale(0.6);
        transform: translate3D(-140%, 0, -0.866px) scale(0.6);
    }
    8.333% {
        -webkit-transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
        transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
    }
    11.111% {
        -webkit-transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
        transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
    }
    13.889% {
        -webkit-transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
        transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
    }
    16.667% {
        -webkit-transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
        transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
    }
    19.444% {
        -webkit-transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
        transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
    }
    22.222% {
        -webkit-transform: translate3D(-280%, 0, 0px) scale(1.25);
        transform: translate3D(-280%, 0, 0px) scale(1.25);
    }
    25% {
        -webkit-transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
        transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
    }
    27.778% {
        -webkit-transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
        transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
    }
    30.556% {
        -webkit-transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
        transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
    }
    33.333% {
        -webkit-transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
        transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
    }
    36.111% {
        -webkit-transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
        transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
    }
    38.889% {
        -webkit-transform: translate3D(-140%, 0, 0.866px) scale(1.9);
        transform: translate3D(-140%, 0, 0.866px) scale(1.9);
    }
    41.667% {
        -webkit-transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
        transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
    }
    44.444% {
        -webkit-transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
        transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
    }
    47.222% {
        -webkit-transform: translate3D(0%, 0, 1px) scale(2);
        transform: translate3D(0%, 0, 1px) scale(2);
    }
    50% {
        -webkit-transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
        transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
    }
    52.778% {
        -webkit-transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
        transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
    }
    55.556% {
        -webkit-transform: translate3D(140%, 0, 0.866px) scale(1.9);
        transform: translate3D(140%, 0, 0.866px) scale(1.9);
    }
    58.333% {
        -webkit-transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
        transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
    }
    61.111% {
        -webkit-transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
        transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
    }
    63.889% {
        -webkit-transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
        transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
    }
    66.667% {
        -webkit-transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
        transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
    }
    69.444% {
        -webkit-transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
        transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
    }
    72.222% {
        -webkit-transform: translate3D(280%, 0, 0px) scale(1.25);
        transform: translate3D(280%, 0, 0px) scale(1.25);
    }
    75% {
        -webkit-transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
        transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
    }
    77.778% {
        -webkit-transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
        transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
    }
    80.556% {
        -webkit-transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
        transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
    }
    83.333% {
        -webkit-transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
        transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
    }
    86.111% {
        -webkit-transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
        transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
    }
    88.889% {
        -webkit-transform: translate3D(140%, 0, -0.866px) scale(0.6);
        transform: translate3D(140%, 0, -0.866px) scale(0.6);
    }
    91.667% {
        -webkit-transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
        transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
    }
    94.444% {
        -webkit-transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
        transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
    }
    97.222% {
        -webkit-transform: translate3D(0%, 0, -1px) scale(0.5);
        transform: translate3D(0%, 0, -1px) scale(0.5);
    }
}

@-moz-keyframes arco-dot-loading {
    0% {
        -moz-transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
        transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
    }
    2.778% {
        -moz-transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
        transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
    }
    5.556% {
        -moz-transform: translate3D(-140%, 0, -0.866px) scale(0.6);
        transform: translate3D(-140%, 0, -0.866px) scale(0.6);
    }
    8.333% {
        -moz-transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
        transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
    }
    11.111% {
        -moz-transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
        transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
    }
    13.889% {
        -moz-transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
        transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
    }
    16.667% {
        -moz-transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
        transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
    }
    19.444% {
        -moz-transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
        transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
    }
    22.222% {
        -moz-transform: translate3D(-280%, 0, 0px) scale(1.25);
        transform: translate3D(-280%, 0, 0px) scale(1.25);
    }
    25% {
        -moz-transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
        transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
    }
    27.778% {
        -moz-transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
        transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
    }
    30.556% {
        -moz-transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
        transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
    }
    33.333% {
        -moz-transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
        transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
    }
    36.111% {
        -moz-transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
        transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
    }
    38.889% {
        -moz-transform: translate3D(-140%, 0, 0.866px) scale(1.9);
        transform: translate3D(-140%, 0, 0.866px) scale(1.9);
    }
    41.667% {
        -moz-transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
        transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
    }
    44.444% {
        -moz-transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
        transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
    }
    47.222% {
        -moz-transform: translate3D(0%, 0, 1px) scale(2);
        transform: translate3D(0%, 0, 1px) scale(2);
    }
    50% {
        -moz-transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
        transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
    }
    52.778% {
        -moz-transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
        transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
    }
    55.556% {
        -moz-transform: translate3D(140%, 0, 0.866px) scale(1.9);
        transform: translate3D(140%, 0, 0.866px) scale(1.9);
    }
    58.333% {
        -moz-transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
        transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
    }
    61.111% {
        -moz-transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
        transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
    }
    63.889% {
        -moz-transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
        transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
    }
    66.667% {
        -moz-transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
        transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
    }
    69.444% {
        -moz-transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
        transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
    }
    72.222% {
        -moz-transform: translate3D(280%, 0, 0px) scale(1.25);
        transform: translate3D(280%, 0, 0px) scale(1.25);
    }
    75% {
        -moz-transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
        transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
    }
    77.778% {
        -moz-transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
        transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
    }
    80.556% {
        -moz-transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
        transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
    }
    83.333% {
        -moz-transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
        transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
    }
    86.111% {
        -moz-transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
        transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
    }
    88.889% {
        -moz-transform: translate3D(140%, 0, -0.866px) scale(0.6);
        transform: translate3D(140%, 0, -0.866px) scale(0.6);
    }
    91.667% {
        -moz-transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
        transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
    }
    94.444% {
        -moz-transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
        transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
    }
    97.222% {
        -moz-transform: translate3D(0%, 0, -1px) scale(0.5);
        transform: translate3D(0%, 0, -1px) scale(0.5);
    }
}

@keyframes arco-dot-loading {
    0% {
        -webkit-transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
        -moz-transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
        transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
    }
    2.778% {
        -webkit-transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
        -moz-transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
        transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
    }
    5.556% {
        -webkit-transform: translate3D(-140%, 0, -0.866px) scale(0.6);
        -moz-transform: translate3D(-140%, 0, -0.866px) scale(0.6);
        transform: translate3D(-140%, 0, -0.866px) scale(0.6);
    }
    8.333% {
        -webkit-transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
        -moz-transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
        transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
    }
    11.111% {
        -webkit-transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
        -moz-transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
        transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
    }
    13.889% {
        -webkit-transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
        -moz-transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
        transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
    }
    16.667% {
        -webkit-transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
        -moz-transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
        transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
    }
    19.444% {
        -webkit-transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
        -moz-transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
        transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
    }
    22.222% {
        -webkit-transform: translate3D(-280%, 0, 0px) scale(1.25);
        -moz-transform: translate3D(-280%, 0, 0px) scale(1.25);
        transform: translate3D(-280%, 0, 0px) scale(1.25);
    }
    25% {
        -webkit-transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
        -moz-transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
        transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
    }
    27.778% {
        -webkit-transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
        -moz-transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
        transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
    }
    30.556% {
        -webkit-transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
        -moz-transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
        transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
    }
    33.333% {
        -webkit-transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
        -moz-transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
        transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
    }
    36.111% {
        -webkit-transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
        -moz-transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
        transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
    }
    38.889% {
        -webkit-transform: translate3D(-140%, 0, 0.866px) scale(1.9);
        -moz-transform: translate3D(-140%, 0, 0.866px) scale(1.9);
        transform: translate3D(-140%, 0, 0.866px) scale(1.9);
    }
    41.667% {
        -webkit-transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
        -moz-transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
        transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
    }
    44.444% {
        -webkit-transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
        -moz-transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
        transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
    }
    47.222% {
        -webkit-transform: translate3D(0%, 0, 1px) scale(2);
        -moz-transform: translate3D(0%, 0, 1px) scale(2);
        transform: translate3D(0%, 0, 1px) scale(2);
    }
    50% {
        -webkit-transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
        -moz-transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
        transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
    }
    52.778% {
        -webkit-transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
        -moz-transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
        transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
    }
    55.556% {
        -webkit-transform: translate3D(140%, 0, 0.866px) scale(1.9);
        -moz-transform: translate3D(140%, 0, 0.866px) scale(1.9);
        transform: translate3D(140%, 0, 0.866px) scale(1.9);
    }
    58.333% {
        -webkit-transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
        -moz-transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
        transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
    }
    61.111% {
        -webkit-transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
        -moz-transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
        transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
    }
    63.889% {
        -webkit-transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
        -moz-transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
        transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
    }
    66.667% {
        -webkit-transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
        -moz-transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
        transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
    }
    69.444% {
        -webkit-transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
        -moz-transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
        transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
    }
    72.222% {
        -webkit-transform: translate3D(280%, 0, 0px) scale(1.25);
        -moz-transform: translate3D(280%, 0, 0px) scale(1.25);
        transform: translate3D(280%, 0, 0px) scale(1.25);
    }
    75% {
        -webkit-transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
        -moz-transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
        transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
    }
    77.778% {
        -webkit-transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
        -moz-transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
        transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
    }
    80.556% {
        -webkit-transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
        -moz-transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
        transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
    }
    83.333% {
        -webkit-transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
        -moz-transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
        transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
    }
    86.111% {
        -webkit-transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
        -moz-transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
        transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
    }
    88.889% {
        -webkit-transform: translate3D(140%, 0, -0.866px) scale(0.6);
        -moz-transform: translate3D(140%, 0, -0.866px) scale(0.6);
        transform: translate3D(140%, 0, -0.866px) scale(0.6);
    }
    91.667% {
        -webkit-transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
        -moz-transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
        transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
    }
    94.444% {
        -webkit-transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
        -moz-transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
        transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
    }
    97.222% {
        -webkit-transform: translate3D(0%, 0, -1px) scale(0.5);
        -moz-transform: translate3D(0%, 0, -1px) scale(0.5);
        transform: translate3D(0%, 0, -1px) scale(0.5);
    }
}

.arco-statistic {
    display: inline-block;
    line-height: 1.5715;
    color: var(--color-text-2);
}

.arco-statistic-title {
    font-size: 14px;
    margin-bottom: 8px;
    color: var(--color-text-2);
}

.arco-statistic-content .arco-statistic-value {
    white-space: nowrap;
    font-size: 26px;
    font-weight: 500;
    color: var(--color-text-1);
}

.arco-statistic-content .arco-statistic-value-int {
    white-space: nowrap;
}

.arco-statistic-content .arco-statistic-value-decimal {
    font-size: 26px;
    display: inline-block;
}

.arco-statistic-content .arco-statistic-value-suffix {
    font-size: 14px;
    margin-left: 4px;
}

.arco-statistic-content .arco-statistic-value-prefix {
    font-size: 14px;
    margin-right: 4px;
}

.arco-statistic-extra {
    margin-top: 8px;
    color: var(--color-text-2);
}

.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-suffix {
    margin-right: 4px;
    margin-left: 0;
}

.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-prefix {
    margin-right: 0;
    margin-left: 4px;
}

.arco-steps-item {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    white-space: nowrap;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.arco-steps-item:last-child {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0;
}

.arco-steps-item-active .arco-steps-item-title {
    font-weight: 500;
}

.arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title {
    font-weight: normal;
}

.arco-steps-item-icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 500;
}

.arco-steps-icon {
    width: 28px;
    line-height: 26px;
    height: 28px;
    border-radius: var(--border-radius-circle);
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-steps-item-wait .arco-steps-icon {
    border: 1px solid transparent;
    color: var(--color-text-2);
    background-color: var(--color-fill-2);
}

.arco-steps-item-process .arco-steps-icon {
    border: 1px solid transparent;
    color: var(--color-white);
    background-color: rgb(var(--primary-6));
}

.arco-steps-item-finish .arco-steps-icon {
    border: 1px solid transparent;
    color: rgb(var(--primary-6));
    background-color: var(--color-primary-light-1);
}

.arco-steps-item-error .arco-steps-icon {
    border: 1px solid transparent;
    color: var(--color-white);
    background-color: rgb(var(--danger-6));
}

.arco-steps-item-title {
    white-space: nowrap;
    color: var(--color-text-2);
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    padding-right: 12px;
}

.arco-steps-item-wait .arco-steps-item-title {
    color: var(--color-text-2);
}

.arco-steps-item-process .arco-steps-item-title {
    color: var(--color-text-1);
}

.arco-steps-item-finish .arco-steps-item-title {
    color: var(--color-text-1);
}

.arco-steps-item-error .arco-steps-item-title {
    color: var(--color-text-1);
}

.arco-steps-item-content {
    display: inline-block;
}

.arco-steps-item-description {
    white-space: normal;
    color: var(--color-text-3);
    font-size: 12px;
    margin-top: 2px;
    max-width: 140px;
}

.arco-steps-item-wait .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-item-process .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-item-finish .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-item-error .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-label-horizontal:not(.arco-steps-vertical) > .arco-steps-item:not(:last-child) .arco-steps-item-title::after {
    content: '';
    display: block;
    position: absolute;
    width: 5000px;
    height: 1px;
    left: 100%;
    top: 13.5px;
    background-color: var(--color-neutral-3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-process .arco-steps-item-title::after {
    background-color: var(--color-neutral-3);
}

.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-finish .arco-steps-item-title::after {
    background-color: rgb(var(--primary-6));
}

.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-next-error .arco-steps-item-title::after {
    background-color: rgb(var(--danger-6));
}

.arco-steps.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail {
    position: absolute;
    width: 1px;
    top: 34px;
    bottom: 6px;
    left: 13.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: unset;
}

.arco-steps.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-neutral-3);
}

.arco-steps > .arco-steps-item:not(:last-child) > .arco-steps-item-tail {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 13.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-steps > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-neutral-3);
}

.arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail::after {
    background-color: rgb(var(--primary-6));
}

.arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail::after {
    background-color: rgb(var(--danger-6));
}

.arco-steps-size-small.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 11.5px;
    top: 30px;
}

.arco-steps-size-small:not(.arco-steps-vertical):not(.arco-steps-mode-dot) .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    top: 11.5px;
}

.arco-steps-size-small .arco-steps-item-icon {
    font-size: 14px;
}

.arco-steps-size-small .arco-steps-item-title {
    font-size: 14px;
    line-height: 24px;
}

.arco-steps-size-small .arco-steps-item-description {
    font-size: 12px;
}

.arco-steps-size-small .arco-steps-icon {
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-size: 14px;
}

.arco-steps-size-small.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after {
    top: 11.5px;
}

.arco-steps-label-vertical .arco-steps-item {
    overflow: visible;
}

.arco-steps-label-vertical .arco-steps-item-title {
    padding-right: 0;
    margin-top: 2px;
}

.arco-steps-label-vertical .arco-steps-item-icon {
    margin-left: 56px;
}

.arco-steps-label-vertical .arco-steps-item-tail {
    left: 96px;
    padding-right: 40px;
}

.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon {
    margin-left: 58px;
}

.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail {
    left: 94px;
    padding-right: 36px;
}

.arco-steps-rtl .arco-steps-item {
    margin-right: 0;
    margin-left: 12px;
    text-align: right;
}

.arco-steps-rtl .arco-steps-item:last-child {
    margin-left: 0;
}

.arco-steps-rtl .arco-steps-item-icon {
    margin-right: 0;
    margin-left: 12px;
}

.arco-steps-rtl .arco-steps-item-title {
    padding-right: 0;
    padding-left: 12px;
}

.arco-steps-rtl.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after {
    left: 0;
    right: 100%;
}

.arco-steps-rtl.arco-steps-vertical > .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 0;
    right: 13.5px;
}

.arco-steps-rtl.arco-steps-vertical.arco-steps-size-small.arco-steps-vertical > .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 0;
    right: 11.5px;
    top: 30px;
}

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-title {
    padding-left: 0;
}

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 56px;
}

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-tail {
    left: 0;
    right: 96px;
    padding-right: 0;
    padding-left: 40px;
}

.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 58px;
}

.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail {
    left: 0;
    right: 94px;
    padding-right: 0;
    padding-left: 36px;
}

.arco-steps-mode-dot .arco-steps-item {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    white-space: nowrap;
    margin-right: 16px;
    position: relative;
    text-align: left;
    overflow: visible;
}

.arco-steps-mode-dot .arco-steps-item:last-child {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0;
}

.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-title {
    font-weight: 500;
}

.arco-steps-mode-dot .arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title {
    font-weight: normal;
}

.arco-steps-mode-dot .arco-steps-item-icon {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: var(--border-radius-circle);
    vertical-align: top;
}

.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-icon {
    width: 10px;
    height: 10px;
}

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-icon {
    border-color: var(--color-fill-4);
    background-color: var(--color-fill-4);
}

.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-icon {
    border-color: rgb(var(--primary-6));
    background-color: rgb(var(--primary-6));
}

.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-icon {
    border-color: rgb(var(--primary-6));
    background-color: rgb(var(--primary-6));
}

.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-icon {
    border-color: rgb(var(--danger-6));
    background-color: rgb(var(--danger-6));
}

.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon {
    margin-left: 66px;
}

.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon {
    margin-left: 65px;
    margin-top: -1px;
}

.arco-steps-mode-dot .arco-steps-item-content {
    display: inline-block;
}

.arco-steps-mode-dot .arco-steps-item-title {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-top: 4px;
}

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-title {
    color: var(--color-text-2);
}

.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-title {
    color: var(--color-text-1);
}

.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-title {
    color: var(--color-text-1);
}

.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-title {
    color: var(--color-text-1);
}

.arco-steps-mode-dot .arco-steps-item-description {
    white-space: normal;
    font-size: 12px;
    margin-top: 4px;
}

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-mode-dot > .arco-steps-item:not(:last-child) > .arco-steps-item-tail {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 3.5px;
    left: 78px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--color-neutral-3);
}

.arco-steps-mode-dot > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after {
    display: none;
}

.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail {
    background-color: var(--color-neutral-3);
}

.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail {
    background-color: rgb(var(--primary-6));
}

.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail {
    background-color: rgb(var(--danger-6));
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item > .arco-steps-item-icon {
    margin-right: 16px;
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content {
    overflow: hidden;
}

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-title {
    margin-top: -2px;
}

.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-title {
    margin-top: 0px;
}

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-title {
    margin-top: -3px;
}

.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-active .arco-steps-item-title {
    margin-top: -1px;
}

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-description {
    margin-top: 4px;
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail {
    position: absolute;
    width: 1px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 20px;
    bottom: -4px;
    left: 4px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: unset;
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-neutral-3);
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child).arco-steps-item-process > .arco-steps-item-tail::after {
    background-color: var(--color-neutral-3);
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child).arco-steps-item-finish > .arco-steps-item-tail::after {
    background-color: rgb(var(--primary-6));
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child).arco-steps-item-next-error > .arco-steps-item-tail::after {
    background-color: rgb(var(--danger-6));
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item > .arco-steps-item-icon {
    margin-top: 8px;
}

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item-active > .arco-steps-item-icon {
    margin-top: 6px;
    margin-left: -1px;
}

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item {
    margin-right: 0;
    margin-left: 16px;
    text-align: right;
}

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:last-child {
    margin-left: 0;
}

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: initial;
    right: 78px;
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 66px;
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon {
    margin-left: 0;
    margin-right: 65px;
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-icon {
    margin-right: 0;
    margin-left: 16px;
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail {
    left: 0;
    right: 4px;
}

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-icon {
    margin-right: -1px;
}

.arco-steps-mode-arrow .arco-steps-item {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    white-space: nowrap;
    height: 72px;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible;
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child) {
    margin-right: 4px;
}

.arco-steps-mode-arrow .arco-steps-item-wait {
    background-color: var(--color-fill-1);
}

.arco-steps-mode-arrow .arco-steps-item-process {
    background-color: rgb(var(--primary-6));
}

.arco-steps-mode-arrow .arco-steps-item-finish {
    background-color: var(--color-primary-light-1);
}

.arco-steps-mode-arrow .arco-steps-item-error {
    background-color: rgb(var(--danger-6));
}

.arco-steps-mode-arrow .arco-steps-item-content {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 16px;
}

.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 52px;
}

.arco-steps-mode-arrow .arco-steps-item-title {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 16px;
}

.arco-steps-mode-arrow .arco-steps-item-title::after {
    display: none !important;
}

.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-title {
    color: var(--color-text-2);
}

.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-title {
    color: var(--color-white);
}

.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-title {
    color: var(--color-text-1);
}

.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-title {
    color: var(--color-white);
}

.arco-steps-mode-arrow .arco-steps-item-active .arco-steps-item-title {
    font-weight: 500;
}

.arco-steps-mode-arrow .arco-steps-item-description {
    white-space: nowrap;
    font-size: 12px;
    margin-top: 0;
    max-width: none;
}

.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-description {
    color: var(--color-white);
}

.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-description {
    color: var(--color-text-3);
}

.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-description {
    color: var(--color-white);
}

.arco-steps-mode-arrow .arco-steps-item:not(:first-child)::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    border-left: 36px solid var(--color-bg-2);
    left: 0;
    top: 0;
    z-index: 1;
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    right: -36px;
    top: 0;
    z-index: 2;
    clear: both;
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait::after {
    border-left: 36px solid var(--color-fill-1);
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process::after {
    border-left: 36px solid rgb(var(--primary-6));
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error::after {
    border-left: 36px solid rgb(var(--danger-6));
}

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish::after {
    border-left: 36px solid var(--color-primary-light-1);
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item {
    height: 40px;
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-title {
    font-size: 14px;
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-description {
    display: none;
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child)::before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--color-bg-2);
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child)::after {
    right: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--color-fill-1);
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 20px;
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 40px;
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-error:not(:last-child)::after {
    border-left: 20px solid rgb(var(--danger-6));
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait::after {
    border-left: 20px solid var(--color-fill-1);
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process::after {
    border-left: 20px solid rgb(var(--primary-6));
}

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish::after {
    border-left: 20px solid var(--color-primary-light-1);
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child) {
    margin-right: 0;
    margin-left: 4px;
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 0;
    padding-right: 16px;
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 0;
    padding-right: 52px;
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child)::before {
    border-left: none;
    border-right: 36px solid var(--color-bg-2);
    right: 0;
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child)::after {
    left: -36px;
    right: initial;
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait::after {
    border-left: none;
    border-right: 36px solid var(--color-fill-1);
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process::after {
    border-left: none;
    border-right: 36px solid rgb(var(--primary-6));
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish::after {
    border-left: none;
    border-right: 36px solid var(--color-primary-light-1);
}

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error::after {
    border-left: none;
    border-right: 36px solid rgb(var(--danger-6));
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child)::before {
    border-right: 20px solid var(--color-bg-2);
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child)::after {
    left: -20px;
    border-right: 20px solid var(--color-fill-1);
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content {
    padding-left: 0;
    padding-right: 20px;
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content {
    padding-left: 0;
    padding-right: 40px;
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait::after {
    border-right: 20px solid var(--color-fill-1);
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process::after {
    border-right: 20px solid rgb(var(--primary-6));
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish::after {
    border-right: 20px solid var(--color-primary-light-1);
}

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-error::after {
    border-right: 20px solid rgb(var(--danger-6));
}

.arco-steps-mode-navigation.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after {
    display: none;
}

.arco-steps-mode-navigation .arco-steps-item {
    padding-left: 20px;
    padding-right: 10px;
    margin-right: 32px;
}

.arco-steps-mode-navigation .arco-steps-item:last-child {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-steps-mode-navigation .arco-steps-item-content {
    margin-bottom: 20px;
}

.arco-steps-mode-navigation .arco-steps-item-description {
    padding-right: 20px;
}

.arco-steps-mode-navigation .arco-steps-item-active::after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    left: 0;
    right: 30px;
    bottom: 0;
    background-color: rgb(var(--primary-6));
}

.arco-steps-mode-navigation .arco-steps-item-active:last-child::after {
    width: 100%;
}

.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 2px solid var(--color-text-4);
    background-color: var(--color-bg-2);
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item {
    padding-right: 20px;
    padding-left: 10px;
    margin-left: 32px;
    margin-right: 0;
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-description {
    padding-left: 20px;
    padding-right: 0;
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-active::after {
    right: 0;
    left: 30px;
}

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content::after {
    left: 10px;
    right: initial;
    border: 2px solid var(--color-text-4);
    border-right: none;
    border-top: none;
}

.arco-steps {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-steps-change-onclick .arco-steps-item-title,
.arco-steps-change-onclick .arco-steps-item-description {
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled) {
    cursor: pointer;
}

.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-title,
.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-description {
    color: rgb(var(--primary-6));
}

.arco-steps-lineless .arco-steps-item-title::after {
    display: none !important;
}

.arco-steps-vertical {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-steps-vertical > .arco-steps-item:not(:last-child) {
    min-height: 90px;
}

.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content > .arco-steps-item-title::after {
    display: none !important;
}

.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content > .arco-steps-item-description {
    max-width: none;
}

.arco-steps-label-vertical .arco-steps-item-content {
    display: block;
    text-align: center;
    width: 140px;
}

.arco-steps-label-vertical .arco-steps-item-description {
    max-width: none;
}

.arco-steps-rtl {
    direction: rtl;
}

.switchSlideText-enter,
.switchSlideText-appear {
    left: -100% !important;
}

.switchSlideText-enter-active,
.switchSlideText-appear-active {
    left: 8px !important;
    -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.switchSlideText-exit {
    left: 100% !important;
}

.switchSlideText-exit-active {
    left: 26px !important;
    -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-switch {
    position: relative;
    outline: none;
    height: 24px;
    line-height: 24px;
    min-width: 40px;
    background-color: var(--color-fill-4);
    border-radius: 12px;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    overflow: hidden;
}

.arco-switch-type-round:focus-visible,
.arco-switch-type-circle:focus-visible {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--gray-6));
    box-shadow: 0 0 0 2px rgb(var(--gray-6));
}

.arco-switch-type-round.arco-switch-checked:focus-visible,
.arco-switch-type-circle.arco-switch-checked:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-switch-type-line:focus-visible .arco-switch-dot {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--gray-6));
    box-shadow: 0 0 0 2px rgb(var(--gray-6));
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.arco-switch-type-line.arco-switch-checked:focus-visible .arco-switch-dot {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-switch-dot {
    position: absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-bg-white);
    color: var(--color-neutral-3);
    font-size: 12px;
    -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-switch-checked {
    background-color: rgb(var(--primary-6));
}

.arco-switch-checked .arco-switch-dot {
    color: rgb(var(--primary-6));
    left: -moz-calc(100% - 16px - 4px);
    left: calc(100% - 16px - 4px);
}

.arco-switch[disabled] .arco-switch-dot {
    color: var(--color-fill-2);
}

.arco-switch[disabled].arco-switch-checked .arco-switch-dot {
    color: var(--color-primary-light-3);
}

.arco-switch[disabled] .arco-switch-dot {
    color: var(--color-fill-2);
}

.arco-switch[disabled].arco-switch-checked .arco-switch-dot {
    color: var(--color-primary-light-3);
}

.arco-switch-text-holder {
    opacity: 0;
    font-size: 12px;
    margin: 0 8px 0 26px;
}

.arco-switch-text {
    position: absolute;
    color: var(--color-white);
    font-size: 12px;
    top: 0;
    left: 26px;
}

.arco-switch-checked .arco-switch-text-holder {
    margin: 0 26px 0 8px;
}

.arco-switch-checked .arco-switch-text {
    left: 8px;
    color: var(--color-white);
}

.arco-switch[disabled] {
    cursor: not-allowed;
    background-color: var(--color-fill-2);
}

.arco-switch[disabled] .arco-switch-text {
    color: var(--color-white);
}

.arco-switch[disabled].arco-switch-checked {
    background-color: var(--color-primary-light-3);
}

.arco-switch[disabled].arco-switch-checked .arco-switch-text {
    color: var(--color-white);
}

.arco-switch-loading {
    background-color: var(--color-fill-2);
}

.arco-switch-loading .arco-switch-dot {
    color: var(--color-neutral-3);
}

.arco-switch-loading .arco-switch-text {
    color: var(--color-white);
}

.arco-switch-loading.arco-switch-checked {
    background-color: var(--color-primary-light-3);
}

.arco-switch-loading.arco-switch-checked .arco-switch-dot {
    color: var(--color-primary-light-3);
}

.arco-switch-loading.arco-switch-checked .arco-switch-text {
    color: var(--color-primary-light-1);
}

.arco-switch-small {
    height: 16px;
    line-height: 16px;
    min-width: 28px;
}

.arco-switch-small.arco-switch-checked {
    padding-left: -2px;
}

.arco-switch-small .arco-switch-dot {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 8px;
}

.arco-switch-small .arco-switch-dot-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.66667);
    -moz-transform: translate(-50%, -50%) scale(0.66667);
    transform: translate(-50%, -50%) scale(0.66667);
}

.arco-switch-small.arco-switch-checked .arco-switch-dot {
    left: -moz-calc(100% - 12px - 2px);
    left: calc(100% - 12px - 2px);
}

.arco-switch-type-round {
    border-radius: var(--border-radius-small);
    min-width: 40px;
}

.arco-switch-type-round .arco-switch-dot {
    border-radius: 2px;
}

.arco-switch-type-round.arco-switch-small {
    border-radius: 2px;
    height: 16px;
    line-height: 16px;
    min-width: 28px;
}

.arco-switch-type-round.arco-switch-small .arco-switch-dot {
    border-radius: 1px;
}

.arco-switch-type-line {
    min-width: 36px;
    background-color: transparent;
    overflow: unset;
}

.arco-switch-type-line::after {
    content: '';
    display: block;
    width: 100%;
    border-radius: 3px;
    height: 6px;
    background-color: var(--color-fill-4);
    -webkit-transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-switch-type-line .arco-switch-dot {
    top: 2px;
    left: 0;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: var(--color-bg-white);
    -webkit-box-shadow: 0 1px 3px var(--color-neutral-6);
    box-shadow: 0 1px 3px var(--color-neutral-6);
}

.arco-switch-type-line.arco-switch-checked {
    background-color: transparent;
}

.arco-switch-type-line.arco-switch-checked::after {
    background-color: rgb(var(--primary-6));
}

.arco-switch-type-line.arco-switch-checked .arco-switch-dot {
    left: -moz-calc(100% - 20px);
    left: calc(100% - 20px);
}

.arco-switch-type-line[disabled] {
    cursor: not-allowed;
    background-color: transparent;
}

.arco-switch-type-line[disabled]::after {
    background-color: var(--color-fill-2);
}

.arco-switch-type-line[disabled].arco-switch-checked {
    background-color: transparent;
}

.arco-switch-type-line[disabled].arco-switch-checked::after {
    background-color: var(--color-primary-light-3);
}

.arco-switch-type-line.arco-switch-loading {
    background-color: transparent;
}

.arco-switch-type-line.arco-switch-loading::after {
    background-color: var(--color-fill-2);
}

.arco-switch-type-line.arco-switch-loading.arco-switch-checked {
    background-color: transparent;
}

.arco-switch-type-line.arco-switch-loading.arco-switch-checked::after {
    background-color: var(--color-primary-light-3);
}

.arco-switch-type-line.arco-switch-small {
    height: 16px;
    line-height: 16px;
    min-width: 28px;
}

.arco-switch-type-line.arco-switch-small.arco-switch-checked {
    padding-left: 0px;
}

.arco-switch-type-line.arco-switch-small .arco-switch-dot {
    top: 0px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
}

.arco-switch-type-line.arco-switch-small .arco-switch-dot-icon {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.arco-switch-type-line.arco-switch-small.arco-switch-checked .arco-switch-dot {
    left: -moz-calc(100% - 16px);
    left: calc(100% - 16px);
}

.arco-switch-rtl {
    direction: rtl;
}

.arco-switch-rtl .switchSlideText-enter,
.arco-switch-rtl .switchSlideText-appear {
    right: -100% !important;
    left: initial;
}

.arco-switch-rtl .switchSlideText-enter-active,
.arco-switch-rtl .switchSlideText-appear-active {
    left: initial;
    right: 8px !important;
    -webkit-transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-switch-rtl .switchSlideText-exit {
    right: 100% !important;
    left: initial;
}

.arco-switch-rtl .switchSlideText-exit-active {
    left: initial;
    right: 26px !important;
    -webkit-transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-switch-rtl .arco-switch-dot {
    left: initial;
    right: 4px;
}

.arco-switch-rtl .arco-switch-text-holder {
    margin: 0 26px 0 8px;
}

.arco-switch-rtl .arco-switch-text {
    left: initial;
    right: 26px;
}

.arco-switch-rtl.arco-switch-small .arco-switch-dot {
    right: 2px;
}

.arco-switch-rtl.arco-switch-type-line .arco-switch-dot {
    right: 0;
}

.arco-switch-rtl.arco-switch-checked .arco-switch-dot {
    right: -moz-calc(100% - 16px - 4px);
    right: calc(100% - 16px - 4px);
}

.arco-switch-rtl.arco-switch-checked .arco-switch-text-holder {
    margin: 0 8px 0 26px;
}

.arco-switch-rtl.arco-switch-checked .arco-switch-text {
    right: 8px;
    left: initial;
}

.arco-switch-rtl.arco-switch-checked.arco-switch-small {
    padding-right: -2px;
    padding-left: 0;
}

.arco-switch-rtl.arco-switch-checked.arco-switch-small.arco-switch-type-line {
    padding-right: 0px;
    padding-left: 0;
}

.arco-switch-rtl.arco-switch-checked.arco-switch-small .arco-switch-dot {
    left: initial;
    right: -moz-calc(100% - 12px - 2px);
    right: calc(100% - 12px - 2px);
}

.arco-table-filters-popup {
    min-width: 100px;
    background: var(--color-bg-5);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-table-filters-list {
    max-height: 200px;
    overflow-y: auto;
    padding: 4px 0;
}

.arco-table-filters-item {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    overflow: hidden;
}

.arco-table-filters-item .arco-checkbox,
.arco-table-filters-item .arco-radio {
    width: 100%;
    padding: 0 12px;
    white-space: nowrap;
}

.arco-table-filters-btn {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid var(--color-neutral-3);
    padding: 0 12px;
    height: 38px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.arco-table-th-item {
    padding: 9px 16px;
}

.arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px;
}

.arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0;
}

.arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px;
}

.arco-table-col-has-sorter {
    padding: 0;
}

.arco-table-col-has-sorter .arco-table-cell-with-sorter {
    padding: 9px 16px;
    cursor: pointer;
}

.arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px;
}

.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0;
}

.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 0;
    padding-right: 16px;
}

.arco-table-td {
    padding: 9px 16px;
    font-size: 14px;
}

.arco-table-th {
    font-size: 14px;
}

.arco-table-footer {
    padding: 9px 16px;
}

.arco-table-expand-fixed-row {
    margin: -9px -moz-calc(-16px - 1px);
    margin: -9px calc(-16px - 1px);
    padding: 9px 16px;
}

.arco-table-expand-content .arco-table-td .arco-table {
    margin: -9px -16px -moz-calc(-9px - 1px) -16px;
    margin: -9px -16px calc(-9px - 1px) -16px;
}

.arco-table-editable-row .arco-table-cell-wrap-value {
    padding: 9px 16px;
}

.arco-table-size-middle .arco-table-th-item {
    padding: 7px 16px;
}

.arco-table-size-middle .arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px;
}

.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0;
}

.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px;
}

.arco-table-size-middle .arco-table-col-has-sorter {
    padding: 0;
}

.arco-table-size-middle .arco-table-col-has-sorter .arco-table-cell-with-sorter {
    padding: 7px 16px;
    cursor: pointer;
}

.arco-table-size-middle .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px;
}

.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0;
}

.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 0;
    padding-right: 16px;
}

.arco-table-size-middle .arco-table-td {
    padding: 7px 16px;
    font-size: 14px;
}

.arco-table-size-middle .arco-table-th {
    font-size: 14px;
}

.arco-table-size-middle .arco-table-footer {
    padding: 7px 16px;
}

.arco-table-size-middle .arco-table-expand-fixed-row {
    margin: -7px -moz-calc(-16px - 1px);
    margin: -7px calc(-16px - 1px);
    padding: 7px 16px;
}

.arco-table-size-middle .arco-table-expand-content .arco-table-td .arco-table {
    margin: -7px -16px -moz-calc(-7px - 1px) -16px;
    margin: -7px -16px calc(-7px - 1px) -16px;
}

.arco-table-size-middle .arco-table-editable-row .arco-table-cell-wrap-value {
    padding: 7px 16px;
}

.arco-table-size-small .arco-table-th-item {
    padding: 5px 16px;
}

.arco-table-size-small .arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px;
}

.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0;
}

.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px;
}

.arco-table-size-small .arco-table-col-has-sorter {
    padding: 0;
}

.arco-table-size-small .arco-table-col-has-sorter .arco-table-cell-with-sorter {
    padding: 5px 16px;
    cursor: pointer;
}

.arco-table-size-small .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px;
}

.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0;
}

.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 0;
    padding-right: 16px;
}

.arco-table-size-small .arco-table-td {
    padding: 5px 16px;
    font-size: 14px;
}

.arco-table-size-small .arco-table-th {
    font-size: 14px;
}

.arco-table-size-small .arco-table-footer {
    padding: 5px 16px;
}

.arco-table-size-small .arco-table-expand-fixed-row {
    margin: -5px -moz-calc(-16px - 1px);
    margin: -5px calc(-16px - 1px);
    padding: 5px 16px;
}

.arco-table-size-small .arco-table-expand-content .arco-table-td .arco-table {
    margin: -5px -16px -moz-calc(-5px - 1px) -16px;
    margin: -5px -16px calc(-5px - 1px) -16px;
}

.arco-table-size-small .arco-table-editable-row .arco-table-cell-wrap-value {
    padding: 5px 16px;
}

.arco-table-size-mini .arco-table-th-item {
    padding: 2px 16px;
}

.arco-table-size-mini .arco-table-th-item.arco-table-col-has-filter {
    padding-right: 28px;
}

.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-right: 0;
}

.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 28px;
}

.arco-table-size-mini .arco-table-col-has-sorter {
    padding: 0;
}

.arco-table-size-mini .arco-table-col-has-sorter .arco-table-cell-with-sorter {
    padding: 2px 16px;
    cursor: pointer;
}

.arco-table-size-mini .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter {
    padding-left: 28px;
    padding-right: 16px;
}

.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter {
    padding-left: 0;
    padding-right: 0;
}

.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter {
    padding-right: 0;
    padding-right: 16px;
}

.arco-table-size-mini .arco-table-td {
    padding: 2px 16px;
    font-size: 12px;
}

.arco-table-size-mini .arco-table-th {
    font-size: 12px;
}

.arco-table-size-mini .arco-table-footer {
    padding: 2px 16px;
}

.arco-table-size-mini .arco-table-expand-fixed-row {
    margin: -2px -moz-calc(-16px - 1px);
    margin: -2px calc(-16px - 1px);
    padding: 2px 16px;
}

.arco-table-size-mini .arco-table-expand-content .arco-table-td .arco-table {
    margin: -2px -16px -moz-calc(-2px - 1px) -16px;
    margin: -2px -16px calc(-2px - 1px) -16px;
}

.arco-table-size-mini .arco-table-editable-row .arco-table-cell-wrap-value {
    padding: 2px 16px;
}

.arco-table {
    position: relative;
    /* ---- Table sorter, filter, checkbox, radio (End) ---- */
}

.arco-table .arco-spin {
    display: block;
}

.arco-table > .arco-spin > .arco-spin-children::after {
    z-index: 2;
}

.arco-table-footer {
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}

.arco-table-scroll-position-right .arco-table-col-fixed-left-last::after,
.arco-table-scroll-position-middle .arco-table-col-fixed-left-last::after {
    -webkit-box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table-scroll-position-left .arco-table-col-fixed-right-first::after,
.arco-table-scroll-position-middle .arco-table-col-fixed-right-first::after {
    -webkit-box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::before,
.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::before {
    -webkit-box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::after,
.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::after {
    -webkit-box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table-layout-fixed .arco-table-content-inner {
    overflow-x: auto;
    overflow-y: hidden;
}

.arco-table-layout-fixed table {
    table-layout: fixed;
}

thead > .arco-table-tr > .arco-table-th {
    border-bottom: 1px solid var(--color-neutral-3);
}

thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] {
    border-bottom: 0;
}

.arco-table table {
    min-width: 100%;
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: separate;
}

.arco-table table thead tr:first-child th:first-child {
    border-radius: var(--border-radius-medium) 0 0 0;
}

.arco-table table thead tr:first-child th:last-child {
    border-radius: 0 var(--border-radius-medium) 0 0;
}

.arco-table-th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    color: rgb(var(--gray-10));
    background-color: var(--color-neutral-2);
    line-height: 1.5715;
    font-weight: 500;
}

.arco-table-th[colspan] {
    text-align: center;
}

.arco-table-td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    color: rgb(var(--gray-10));
    background-color: var(--color-bg-2);
    border-bottom: 1px solid var(--color-neutral-3);
    line-height: 1.5715;
}

.arco-table-th.arco-table-col-sorted {
    background-color: var(--color-neutral-3);
}

.arco-table-td.arco-table-col-sorted {
    background-color: var(--color-fill-1);
}

.arco-table-col-fixed-left,
.arco-table-col-fixed-right {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
}

.arco-table-col-fixed-left-last::after,
.arco-table-col-fixed-right-first::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: -1px;
    width: 10px;
    pointer-events: none;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    transition: -webkit-box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1), -webkit-box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-table-col-fixed-left-last::after {
    left: unset;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    right: 0;
}

.arco-table-cell-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-table-cell-text-ellipsis .arco-table-cell-with-sorter {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-table-cell-text-ellipsis .arco-table-th-item-title {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-table-editable-row .arco-table-cell-wrap-value {
    border: 1px solid var(--color-white);
    border-radius: var(--border-radius-medium);
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    cursor: pointer;
}

.arco-table-editable-row:hover .arco-table-cell-wrap-value {
    border: 1px solid var(--color-neutral-3);
}

.arco-table-cell {
    word-break: break-all;
    width: 100%;
}

.arco-table-cell:has( > .arco-table-cell-indent)::after {
    content: '';
    display: block;
    clear: both;
}

.arco-table-cell-indent {
    height: 1px;
    float: left;
}

.arco-table-cell-indent + .arco-table-cell-wrap-value {
    float: left;
}

.arco-table-expand-icon-cell button {
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 2px;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-neutral-3);
    color: var(--color-text-2);
    font-size: 12px;
    outline: none;
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    padding: 0;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-table-expand-icon-cell button:hover {
    background-color: var(--color-neutral-4);
    color: var(--color-text-1);
    border-color: transparent;
}

div.arco-table-expand-icon-cell {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-table-cell-expand-icon {
    float: left;
}

.arco-table-cell-expand-icon button {
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 2px;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-neutral-3);
    color: var(--color-text-2);
    font-size: 12px;
    outline: none;
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    padding: 0;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
}

.arco-table-cell-expand-icon button:hover {
    background-color: var(--color-neutral-4);
    color: var(--color-text-1);
    border-color: transparent;
}

.arco-table-cell-expand-icon-hidden {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.arco-table-expand-content .arco-table-td {
    background-color: var(--color-fill-1);
}

.arco-table-expand-fixed-row {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-container {
    border: none;
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-th {
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-th,
.arco-table-expand-content .arco-table-td .arco-table .arco-table-td {
    background-color: var(--color-fill-1);
}

.arco-table-expand-content .arco-table-td .arco-table .arco-table-pagination {
    margin-bottom: 12px;
}

.arco-table-th.arco-table-operation .arco-table-th-item,
.arco-table-td.arco-table-operation {
    text-align: center;
    padding: 0;
}

.arco-table-radio,
.arco-table-checkbox {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-table-checkbox .arco-checkbox,
.arco-table-radio .arco-radio {
    padding-left: 0;
}

.arco-table-selection-col {
    width: 40px;
}

.arco-table-expand-icon-col {
    width: 40px;
}

.arco-table-radio .arco-table-th-item,
.arco-table-checkbox .arco-table-th-item,
div.arco-table-selection-col .arco-table-th-item,
div.arco-table-expand-icon-col .arco-table-th-item {
    padding: 0;
}

.arco-table-th-item {
    position: relative;
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-table-cell-mouseenter {
    background-color: rgba(var(--gray-4), 0.5);
}

.arco-table-cell-next-ascend .arco-table-sorter-icon .arco-icon-caret-up {
    color: var(--color-neutral-6);
}

.arco-table-cell-next-descend .arco-table-sorter-icon .arco-icon-caret-down {
    color: var(--color-neutral-6);
}

.arco-table-sorter {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -3px;
}

.arco-table-sorter.arco-table-sorter-direction-one {
    vertical-align: 0;
}

.arco-table-sorter-icon {
    position: relative;
    height: 8px;
    line-height: 8px;
    width: 12px;
    overflow: hidden;
}

.arco-table-sorter-icon .arco-icon-caret-up,
.arco-table-sorter-icon .arco-icon-caret-down {
    position: absolute;
    top: 50%;
    font-size: 12px;
    color: var(--color-neutral-5);
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-table-sorter-icon .arco-icon-caret-up {
    top: -2px;
    left: 0;
}

.arco-table-sorter-icon .arco-icon-caret-down {
    top: -3px;
    left: 0;
}

.arco-table-sorter-icon.arco-table-sorter-icon-active svg {
    color: rgb(var(--primary-6));
}

.arco-table-filters {
    position: absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    width: 24px;
    height: 100%;
    background-color: transparent;
    line-height: 1;
    vertical-align: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-table-filters:hover,
.arco-table-filters-open {
    background-color: var(--color-neutral-4);
}

.arco-table-filters svg {
    color: var(--color-text-2);
    font-size: 16px;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-table-filters-active svg {
    color: rgb(var(--primary-6));
}

.arco-table-container {
    position: relative;
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}

.arco-table-header {
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}

.arco-table-content-scroll {
    width: 100%;
    overflow: hidden;
}

.arco-table-content-scroll .arco-table-content-inner {
    width: auto;
}

.arco-table-content-scroll::before,
.arco-table-content-scroll::after {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    height: 100%;
    width: 10px;
    -webkit-transition: -webkit-box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    transition: -webkit-box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1), -webkit-box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    z-index: 1;
}

.arco-table-content-scroll::before {
    border-top-left-radius: var(--border-radius-medium);
    left: 0;
}

.arco-table-content-scroll::after {
    border-top-right-radius: var(--border-radius-medium);
    right: 0;
}

.arco-table-header {
    scrollbar-color: inherit;
    background-color: var(--color-neutral-2);
    overflow-x: scroll;
    overflow-y: hidden;
}

.arco-table-header::-webkit-scrollbar {
    background-color: transparent;
}

.arco-table-body {
    position: relative;
    overflow: auto;
    background-color: var(--color-bg-2);
    z-index: 1;
}

.arco-table-no-data {
    padding: 20px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

.arco-table-border.arco-table-fixed-column .arco-table-empty-row .arco-table-td:first-child {
    border-bottom: 0;
    border-left: 0;
}

.arco-table-border .arco-table-container {
    border-right: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3);
}

.arco-table-border .arco-table-container::before {
    content: '';
    position: absolute;
    background-color: var(--color-neutral-3);
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.arco-table-border .arco-table-th:first-child,
.arco-table-border .arco-table-td:first-child {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-table-border .arco-table-expand-fixed-row {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-table-border .arco-table-footer {
    border: 1px solid var(--color-neutral-3);
    border-top: 0;
}

.arco-table-border-cell .arco-table-th,
.arco-table-border-cell .arco-table-td {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-table-border-cell thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] {
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-table-border-header-cell .arco-table-th {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-table-border-header-cell thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] {
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-table-border-body-cell .arco-table-td {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child,
.arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child {
    border-left: 0;
}

.arco-table-stripe .arco-table-tr:nth-child(even) .arco-table-td {
    background-color: var(--color-fill-1);
}

.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
    background-color: var(--color-fill-1);
}

.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-left::before,
.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-fill-1);
    z-index: -1;
}

.arco-table-hover .arco-table-expand-content:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
    background-color: var(--color-fill-1);
}

.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
    background-color: transparent;
}

.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-left::before,
.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-right::before {
    background-color: transparent;
}

.arco-table-type-radio .arco-table-row-checked.arco-table-tr .arco-table-td {
    background-color: var(--color-fill-1);
}

.arco-table-virtualized table {
    table-layout: fixed;
}

.arco-table-virtualized div.arco-table-body div.arco-table-tr {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-table-virtualized div.arco-table-body div.arco-table-td {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-table-virtualized .arco-table-selection-col {
    max-width: 40px;
}

.arco-table-virtualized .arco-table-expand-icon-col {
    max-width: 40px;
}

div.arco-table-tfoot {
    width: 100%;
    overflow-x: scroll;
    background-color: var(--color-neutral-2);
    scrollbar-color: inherit;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 -1px 0 var(--color-neutral-3);
    box-shadow: 0 -1px 0 var(--color-neutral-3);
}

div.arco-table-tfoot::-webkit-scrollbar {
    background-color: transparent;
}

.arco-table-tfoot .arco-table-td {
    background-color: var(--color-neutral-2);
}

.arco-table-pagination {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.arco-table-pagination-left {
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.arco-table-pagination-center {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arco-table-pagination-top {
    margin-bottom: 12px;
    margin-top: 0;
}

.arco-table-pagination .arco-pagination {
    margin-top: 12px;
}

.arco-table-rtl {
    direction: rtl;
}

.arco-table-rtl.arco-table-border .arco-table-th:first-child,
.arco-table-rtl.arco-table-border .arco-table-td:first-child {
    border-left: 0;
    border-right: 1px solid var(--color-neutral-3);
}

.arco-table-rtl.arco-table-border-cell .arco-table-th,
.arco-table-rtl.arco-table-border-cell .arco-table-td {
    border-left: 1px solid var(--color-neutral-3);
}

.arco-table-rtl table thead tr:first-child th:first-child {
    border-radius: 0 var(--border-radius-medium) 0 0;
}

.arco-table-rtl table thead tr:first-child th:last-child {
    border-radius: var(--border-radius-medium) 0 0 0;
}

.arco-table-rtl .arco-table-th,
.arco-table-rtl .arco-table-td {
    text-align: right;
}

.arco-table-rtl .arco-table-th.arco-table-operation .arco-table-th-item,
.arco-table-rtl .arco-table-td.arco-table-operation {
    text-align: center;
}

.arco-table-rtl.arco-table-border .arco-table-container {
    border-left: 1px solid var(--color-neutral-3);
    border-right: 0;
}

.arco-table-rtl.arco-table-border-cell .arco-table-th,
.arco-table-rtl.arco-table-border-cell .arco-table-td {
    border-left: 0;
    border-right: 1px solid var(--color-neutral-3);
}

.arco-table-rtl.arco-table-border-header-cell .arco-table-th {
    border-left: 0;
    border-right: 1px solid var(--color-neutral-3);
}

.arco-table-rtl.arco-table-border-body-cell .arco-table-td {
    border-left: 0;
    border-right: 1px solid var(--color-neutral-3);
}

.arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child,
.arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child {
    border-right: 0;
}

.arco-table-rtl .arco-table-cell-indent {
    float: right;
}

.arco-table-rtl .arco-table-cell-expand-icon {
    float: right;
}

.arco-table-rtl .arco-table-cell-expand-icon button {
    margin-left: 4px;
    margin-right: 0;
}

.arco-table-rtl .arco-table-cell-expand-icon-hidden {
    margin-left: 4px;
    margin-right: 0;
}

.arco-table-rtl .arco-table-filters {
    left: 0;
    right: unset;
}

.arco-table-rtl .arco-table-sorter {
    margin-left: 0;
    margin-right: 8px;
}

.arco-table-rtl .arco-table-col-fixed-left-last::after,
.arco-table-rtl .arco-table-col-fixed-right-first::after {
    left: unset;
    right: -20px;
}

.arco-table-rtl .arco-table-col-fixed-left-last::after {
    left: -20px;
    right: unset;
}

.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-left-last::after {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-right-first::after,
.arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-right-first::after {
    -webkit-box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-right-first::after {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-left-last::after,
.arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-left-last::after {
    -webkit-box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::before,
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::after,
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::after {
    -webkit-box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::before,
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::before {
    -webkit-box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
    box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
}

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::after,
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::after {
    -webkit-box-shadow: none;
    box-shadow: none;
}

body[arco-theme='dark'] .arco-table-stripe .arco-table-tr:nth-child(even) .arco-table-td {
    background-color: var(--color-bg-3);
}

.arco-icon-hover.arco-tabs-icon-hover::before {
    width: 16px;
    height: 16px;
}

.arco-tabs .arco-tabs-icon-hover {
    font-size: 12px;
    color: var(--color-text-2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-tabs-dropdown-icon {
    font-size: 12px;
    margin-left: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-tabs-close-icon {
    margin-left: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arco-tabs-close-icon:focus-visible .arco-icon-hover::before {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-tabs-add-icon {
    font-size: 12px;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
}

.arco-tabs-add-icon:focus-visible .arco-icon-hover::before {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-tabs-add {
    position: relative;
}

.arco-tabs-left-icon {
    margin-left: 10px;
    margin-right: 6px;
}

.arco-tabs-right-icon {
    margin-right: 10px;
    margin-left: 6px;
}

.arco-tabs-up-icon {
    margin-bottom: 10px;
}

.arco-tabs-down-icon {
    margin-top: 10px;
}

.arco-tabs .arco-tabs-nav-icon-disabled {
    cursor: not-allowed;
    color: var(--color-text-4);
}

.arco-tabs {
    position: relative;
    overflow: hidden;
}

.arco-tabs-header-nav {
    position: relative;
}

.arco-tabs-header-nav::before {
    content: '';
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-neutral-3);
    display: block;
}

.arco-tabs-header-nav-bottom::before {
    top: 0;
}

.arco-tabs-header-nav-bottom .arco-tabs-header-ink {
    top: 0;
}

.arco-tabs-header-nav-bottom .arco-tabs-header-ink .arco-tabs-header-ink-inner {
    bottom: unset;
    top: 0;
}

.arco-tabs-header-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.arco-tabs-header {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    white-space: nowrap;
}

.arco-tabs-header-extra {
    width: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-tabs-header-extra .arco-tabs-add-icon {
    padding-left: 0;
}

.arco-tabs-header-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    cursor: pointer;
    color: var(--color-text-2);
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5715;
    padding: 4px 0;
}

.arco-tabs-header-title-text {
    display: inline-block;
}

.arco-tabs-header-title:hover {
    color: var(--color-text-2);
    font-weight: 400;
}

.arco-tabs-header-title-disabled,
.arco-tabs-header-title-disabled:hover {
    color: var(--color-text-4);
    cursor: not-allowed;
}

.arco-tabs-header-title-active,
.arco-tabs-header-title-active:hover {
    color: rgb(var(--primary-6));
    font-weight: 500;
}

.arco-tabs-header-title-active.arco-tabs-header-title-disabled,
.arco-tabs-header-title-active:hover.arco-tabs-header-title-disabled {
    color: var(--color-primary-light-3);
}

.arco-tabs-header-ink {
    position: absolute;
    bottom: 0;
    right: initial;
    top: initial;
    height: 2px;
    background-color: rgb(var(--primary-6));
    -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-tabs-header-ink.arco-tabs-header-ink-no-animation {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.arco-tabs-header-ink.arco-tabs-header-ink-custom {
    background-color: transparent;
}

.arco-tabs-header-ink.arco-tabs-header-ink-custom .arco-tabs-header-ink-inner {
    background-color: rgb(var(--primary-6));
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.arco-tabs-header-ink-disabled {
    background-color: var(--color-primary-light-3);
}

.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 40px;
}

.arco-tabs-header-nav-line .arco-tabs-header-title {
    line-height: 1.5715;
    margin: 0 16px;
    padding: 8px 0;
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text {
    display: inline-block;
    position: relative;
    padding: 1px 0;
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text::before {
    content: '';
    z-index: -1;
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    border-radius: var(--border-radius-small);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8px;
    right: -8px;
    background-color: transparent;
}

.arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text::before {
    background-color: var(--color-fill-2);
}

.arco-tabs-header-nav-line .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text::before {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-tabs-header-nav-line .arco-tabs-header-title-active .arco-tabs-header-title-text::before,
.arco-tabs-header-nav-line .arco-tabs-header-title-active:hover .arco-tabs-header-title-text::before {
    background-color: transparent;
}

.arco-tabs-header-nav-line .arco-tabs-header-title-disabled .arco-tabs-header-title-text::before,
.arco-tabs-header-nav-line .arco-tabs-header-title-disabled:hover .arco-tabs-header-title-text::before {
    opacity: 0;
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal > .arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
    margin-left: 16px;
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type,
.arco-tabs-header-nav-text.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type {
    margin-left: 0;
}

.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 14px;
    border: 1px solid var(--color-neutral-3);
    -webkit-transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1);
    padding: 4px 16px;
}

.arco-tabs-header-nav-card .arco-tabs-header-title:focus-visible,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:focus-visible {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-tabs-header-nav-card .arco-tabs-header-title-editable,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable {
    padding-right: 12px;
}

.arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover::before,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover::before {
    background-color: var(--color-fill-4);
}

.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    color: var(--color-text-2);
    height: 32px;
}

.arco-tabs-header-nav-card .arco-tabs-header-title {
    border-right: none;
    background-color: transparent;
}

.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-right: 1px solid var(--color-neutral-3);
    border-top-right-radius: var(--border-radius-small);
}

.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: var(--border-radius-small);
}

.arco-tabs-header-nav-card .arco-tabs-header-title:hover {
    background-color: var(--color-fill-3);
}

.arco-tabs-header-nav-card .arco-tabs-header-title-disabled,
.arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover {
    background-color: transparent;
}

.arco-tabs-header-nav-card .arco-tabs-header-title-active,
.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover {
    border-bottom-color: var(--color-bg-2);
    background-color: transparent;
}

.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active,
.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover {
    border-top-color: var(--color-bg-2);
    border-bottom-color: var(--color-neutral-3);
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    margin-left: 4px;
    border-right: 1px solid var(--color-neutral-3);
    background-color: var(--color-fill-1);
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover {
    background-color: var(--color-fill-3);
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover {
    background-color: var(--color-fill-1);
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
    border-bottom-color: var(--color-bg-2);
    background-color: transparent;
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child {
    margin-left: 0;
}

.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active,
.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover {
    border-top-color: var(--color-bg-2);
    border-bottom-color: var(--color-neutral-3);
}

.arco-tabs-header-nav-text::before {
    display: none;
}

.arco-tabs-header-nav-text .arco-tabs-header-title {
    position: relative;
    line-height: 1.5715;
    margin: 0 9px;
    font-size: 14px;
    padding: 5px 0;
}

.arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before {
    height: 12px;
    position: absolute;
    width: 2px;
    background-color: var(--color-fill-3);
    content: '';
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -9px;
}

.arco-tabs-header-nav-text .arco-tabs-header-title-text {
    padding-left: 8px;
    padding-right: 8px;
    background-color: transparent;
}

.arco-tabs-header-nav-text .arco-tabs-header-title-text:hover {
    background-color: var(--color-fill-2);
}

.arco-tabs-header-nav-text .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text,
.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text:hover {
    background-color: transparent;
}

.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,
.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover {
    background-color: transparent;
}

.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,
.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover {
    background-color: var(--color-primary-light-3);
}

.arco-tabs-header-nav-rounded::before {
    display: none;
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    padding: 5px 0;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 6px;
    font-size: 14px;
    background-color: transparent;
    border-radius: 32px;
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title:hover {
    background-color: var(--color-fill-2);
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title:focus-visible {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title-disabled:hover {
    background-color: transparent;
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title-active,
.arco-tabs-header-nav-rounded .arco-tabs-header-title-active:hover {
    background-color: var(--color-fill-2);
}

.arco-tabs-header-nav-capsule::before {
    display: none;
}

.arco-tabs-header-nav-capsule .arco-tabs-header-wrapper {
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.arco-tabs-header-nav-capsule .arco-tabs-header {
    line-height: 1;
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    padding: 3px 3px;
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    line-height: 26px;
    padding: 0 12px;
    background-color: transparent;
    position: relative;
    font-size: 14px;
    border-radius: var(--border-radius-small);
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title:focus-visible {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title:hover {
    background-color: var(--color-bg-2);
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled:hover {
    background-color: unset;
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-active,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover {
    background-color: var(--color-bg-2);
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-active::before,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover::before,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active + .arco-tabs-header-title::before,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover + .arco-tabs-header-title::before {
    opacity: 0;
}

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) {
    margin-left: 3px;
}

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before {
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 14px;
    width: 1px;
    background-color: var(--color-fill-3);
    content: '';
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-tabs-header-scroll {
    overflow: hidden;
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-tabs-content {
    width: 100%;
    overflow: hidden;
    padding-top: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-tabs-content .arco-tabs-content-inner {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.arco-tabs-content .arco-tabs-content-item {
    width: 100%;
    overflow: hidden;
    height: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active {
    height: auto;
}

.arco-tabs-card > .arco-tabs-content,
.arco-tabs-card-gutter > .arco-tabs-content {
    border: 1px solid var(--color-neutral-3);
    border-top: none;
}

.arco-tabs-card.arco-tabs-bottom > .arco-tabs-content,
.arco-tabs-card-gutter.arco-tabs-bottom > .arco-tabs-content {
    border-top: 1px solid var(--color-neutral-3);
    border-bottom: none;
}

.arco-tabs-animation.arco-tabs-content-inner {
    -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-tabs-horizontal.arco-tabs-justify {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content,
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content-inner,
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-pane {
    height: 100%;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 32px;
    font-size: 12px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title {
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 32px;
    font-size: 12px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-extra,
.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
    line-height: 24px;
    font-size: 12px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    height: 24px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    font-size: 12px;
    line-height: 18px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
    line-height: 24px;
    font-size: 12px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
    line-height: 24px;
    font-size: 12px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 36px;
    font-size: 14px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 36px;
    font-size: 14px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-extra,
.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
    line-height: 28px;
    font-size: 14px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    height: 28px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    font-size: 14px;
    line-height: 22px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
    line-height: 28px;
    font-size: 14px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
    line-height: 28px;
    font-size: 14px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 44px;
    font-size: 14px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra {
    line-height: 44px;
    font-size: 14px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-extra,
.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
    line-height: 36px;
    font-size: 14px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
    height: 36px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-title {
    font-size: 14px;
    line-height: 30px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
    line-height: 36px;
    font-size: 14px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-title {
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
    line-height: 36px;
    font-size: 14px;
}

/* Vertical */
.arco-tabs-right {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.arco-tabs-vertical {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.arco-tabs-header-nav-vertical {
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-tabs-header-nav-vertical::before {
    position: absolute;
    left: initial;
    bottom: 0;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    clear: both;
}

.arco-tabs-header-nav-vertical .arco-tabs-add-icon {
    margin-left: 0;
    margin-top: 8px;
    padding: 0 16px;
    height: auto;
}

.arco-tabs-header-nav-vertical .arco-tabs-header {
    height: auto;
}

.arco-tabs-header-nav-vertical .arco-tabs-header-scroll {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-tabs-header-nav-vertical .arco-tabs-header-overflow-scroll {
    padding: 6px 0;
}

.arco-tabs-header-nav-vertical .arco-tabs-header-wrapper {
    height: 100%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.arco-tabs-header-nav-vertical .arco-tabs-header-ink {
    position: absolute;
    left: initial;
    right: 0;
    bottom: initial;
    width: 2px;
    -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-tabs-header-nav-vertical .arco-tabs-header-ink.arco-tabs-header-ink-custom .arco-tabs-header-ink-inner {
    left: unset;
    bottom: unset;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.arco-tabs-header-nav-vertical .arco-tabs-header-title {
    display: block;
    white-space: nowrap;
    margin: 0;
    margin-top: 12px;
}

.arco-tabs-header-nav-vertical .arco-tabs-header-title:first-of-type {
    margin-top: 0;
}

.arco-tabs-header-nav-right::before {
    right: unset;
    left: 0;
}

.arco-tabs-header-nav-right .arco-tabs-header-ink {
    left: 0;
    right: unset;
}

.arco-tabs-header-nav-right .arco-tabs-header-ink .arco-tabs-header-ink-inner {
    left: 0;
    right: unset;
}

.arco-tabs-header-nav-vertical .arco-tabs-header-scroll {
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title {
    padding: 0 20px;
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title {
    margin: 0;
    position: relative;
    border: 1px solid var(--color-neutral-3);
    border-bottom-color: transparent;
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: var(--border-radius-small);
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active,
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover {
    border-bottom-color: transparent;
    border-right-color: var(--color-bg-2);
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-bottom: 1px solid var(--color-neutral-3);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active,
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover {
    border-right-color: var(--color-neutral-3);
    border-left-color: var(--color-bg-2);
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    margin-left: 0;
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
    position: relative;
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:not(:first-of-type) {
    margin-top: 4px;
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
    border-right-color: var(--color-bg-2);
    border-bottom-color: var(--color-neutral-3);
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active,
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover {
    border-right-color: var(--color-neutral-3);
    border-left-color: var(--color-bg-2);
}

.arco-tabs-content-vertical {
    width: auto;
    height: 100%;
    padding: 0;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.arco-tabs-right .arco-tabs-content-vertical {
    padding-right: 16px;
}

.arco-tabs-left .arco-tabs-content-vertical {
    padding-left: 16px;
}

.arco-tabs-card > .arco-tabs-content-vertical,
.arco-tabs-card-gutter > .arco-tabs-content-vertical {
    border: 1px solid var(--color-neutral-3);
    border-left: none;
}

.arco-tabs-card.arco-tabs-right > .arco-tabs-content-vertical,
.arco-tabs-card-gutter.arco-tabs-right > .arco-tabs-content-vertical {
    border-left: 1px solid var(--color-neutral-3);
    border-right: none;
}

.arco-tabs-rtl {
    direction: rtl;
}

.arco-tabs-rtl.arco-tabs-left {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.arco-tabs-rtl.arco-tabs-right {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.arco-tabs-rtl .arco-tabs-close-icon {
    margin-left: 0;
    margin-right: 8px;
}

.arco-tabs-rtl .arco-tabs-left-icon,
.arco-tabs-rtl .arco-tabs-right-icon {
    margin-left: 6px;
    margin-right: 10px;
}

.arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll > .arco-tabs-header-title:first-of-type {
    margin-right: 0;
}

.arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type,
.arco-tabs-rtl .arco-tabs-header-nav-text > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type {
    margin-right: 0;
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title-editable,
.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable {
    padding-left: 12px;
    padding-right: 16px;
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title {
    border-right: 1px solid var(--color-neutral-3);
    border-left: none;
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
    border-left: 1px solid var(--color-neutral-3);
    border-top-left-radius: var(--border-radius-small);
    border-top-right-radius: 0;
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: var(--border-radius-small);
}

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
    margin-right: 4px;
}

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child {
    margin-right: 0;
}

.arco-tabs-rtl .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before {
    left: initial;
    right: -9px;
}

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) {
    margin-left: 0;
    margin-right: 3px;
}

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before {
    right: -2px;
    left: initial;
}

body[arco-theme='dark'] .arco-tabs-header-nav-capsule .arco-tabs-header-title-active {
    background-color: var(--color-fill-3);
}

body[arco-theme='dark'] .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(body[arco-theme='dark'] .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled):hover {
    background-color: var(--color-fill-3);
}

.arco-tag {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-text-1);
}

.arco-tag .arco-icon-hover.arco-tag-icon-hover::before {
    width: 16px;
    height: 16px;
}

.arco-tag .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: var(--color-fill-3);
}

.arco-tag-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-tag-checkable {
    cursor: pointer;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-tag-checkable:hover {
    background-color: var(--color-fill-2);
}

.arco-tag-checked {
    border-color: transparent;
    background-color: var(--color-fill-2);
}

.arco-tag-checkable.arco-tag-checked:hover {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-tag-bordered,
.arco-tag-checkable.arco-tag-checked.arco-tag-bordered:hover {
    border-color: var(--color-border-2);
}

.arco-tag-size-small {
    height: 20px;
    line-height: 18px;
    font-size: 12px;
}

.arco-tag-size-medium {
    height: 28px;
    line-height: 26px;
    font-size: 14px;
}

.arco-tag-size-large {
    height: 32px;
    line-height: 30px;
    font-size: 14px;
}

.arco-tag-hide {
    display: none;
}

.arco-tag-loading {
    opacity: 0.8;
    cursor: default;
}

.arco-tag-icon {
    margin-right: 4px;
    color: var(--color-text-2);
}

.arco-tag-checked.arco-tag-red {
    color: rgb(var(--red-6));
    background-color: rgb(var(--red-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--red-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-red:hover {
    background-color: rgb(var(--red-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-red.arco-tag-bordered,
.arco-tag-checked.arco-tag-red.arco-tag-bordered:hover {
    border-color: rgb(var(--red-6));
}

.arco-tag-checked.arco-tag-red .arco-tag-icon,
.arco-tag-checked.arco-tag-red .arco-tag-close-icon,
.arco-tag-checked.arco-tag-red .arco-tag-loading-icon {
    color: rgb(var(--red-6));
}

.arco-tag-checked.arco-tag-orangered {
    color: rgb(var(--orangered-6));
    background-color: rgb(var(--orangered-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--orangered-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover {
    background-color: rgb(var(--orangered-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-orangered.arco-tag-bordered,
.arco-tag-checked.arco-tag-orangered.arco-tag-bordered:hover {
    border-color: rgb(var(--orangered-6));
}

.arco-tag-checked.arco-tag-orangered .arco-tag-icon,
.arco-tag-checked.arco-tag-orangered .arco-tag-close-icon,
.arco-tag-checked.arco-tag-orangered .arco-tag-loading-icon {
    color: rgb(var(--orangered-6));
}

.arco-tag-checked.arco-tag-orange {
    color: rgb(var(--orange-6));
    background-color: rgb(var(--orange-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--orange-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover {
    background-color: rgb(var(--orange-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-orange.arco-tag-bordered,
.arco-tag-checked.arco-tag-orange.arco-tag-bordered:hover {
    border-color: rgb(var(--orange-6));
}

.arco-tag-checked.arco-tag-orange .arco-tag-icon,
.arco-tag-checked.arco-tag-orange .arco-tag-close-icon,
.arco-tag-checked.arco-tag-orange .arco-tag-loading-icon {
    color: rgb(var(--orange-6));
}

.arco-tag-checked.arco-tag-gold {
    color: rgb(var(--gold-6));
    background-color: rgb(var(--gold-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--gold-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover {
    background-color: rgb(var(--gold-3));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-gold.arco-tag-bordered,
.arco-tag-checked.arco-tag-gold.arco-tag-bordered:hover {
    border-color: rgb(var(--gold-6));
}

.arco-tag-checked.arco-tag-gold .arco-tag-icon,
.arco-tag-checked.arco-tag-gold .arco-tag-close-icon,
.arco-tag-checked.arco-tag-gold .arco-tag-loading-icon {
    color: rgb(var(--gold-6));
}

.arco-tag-checked.arco-tag-lime {
    color: rgb(var(--lime-6));
    background-color: rgb(var(--lime-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--lime-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover {
    background-color: rgb(var(--lime-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-lime.arco-tag-bordered,
.arco-tag-checked.arco-tag-lime.arco-tag-bordered:hover {
    border-color: rgb(var(--lime-6));
}

.arco-tag-checked.arco-tag-lime .arco-tag-icon,
.arco-tag-checked.arco-tag-lime .arco-tag-close-icon,
.arco-tag-checked.arco-tag-lime .arco-tag-loading-icon {
    color: rgb(var(--lime-6));
}

.arco-tag-checked.arco-tag-green {
    color: rgb(var(--green-6));
    background-color: rgb(var(--green-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--green-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-green:hover {
    background-color: rgb(var(--green-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-green.arco-tag-bordered,
.arco-tag-checked.arco-tag-green.arco-tag-bordered:hover {
    border-color: rgb(var(--green-6));
}

.arco-tag-checked.arco-tag-green .arco-tag-icon,
.arco-tag-checked.arco-tag-green .arco-tag-close-icon,
.arco-tag-checked.arco-tag-green .arco-tag-loading-icon {
    color: rgb(var(--green-6));
}

.arco-tag-checked.arco-tag-cyan {
    color: rgb(var(--cyan-6));
    background-color: rgb(var(--cyan-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--cyan-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover {
    background-color: rgb(var(--cyan-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-cyan.arco-tag-bordered,
.arco-tag-checked.arco-tag-cyan.arco-tag-bordered:hover {
    border-color: rgb(var(--cyan-6));
}

.arco-tag-checked.arco-tag-cyan .arco-tag-icon,
.arco-tag-checked.arco-tag-cyan .arco-tag-close-icon,
.arco-tag-checked.arco-tag-cyan .arco-tag-loading-icon {
    color: rgb(var(--cyan-6));
}

.arco-tag-checked.arco-tag-blue {
    color: rgb(var(--blue-6));
    background-color: rgb(var(--blue-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--blue-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover {
    background-color: rgb(var(--blue-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-blue.arco-tag-bordered,
.arco-tag-checked.arco-tag-blue.arco-tag-bordered:hover {
    border-color: rgb(var(--blue-6));
}

.arco-tag-checked.arco-tag-blue .arco-tag-icon,
.arco-tag-checked.arco-tag-blue .arco-tag-close-icon,
.arco-tag-checked.arco-tag-blue .arco-tag-loading-icon {
    color: rgb(var(--blue-6));
}

.arco-tag-checked.arco-tag-arcoblue {
    color: rgb(var(--arcoblue-6));
    background-color: rgb(var(--arcoblue-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--arcoblue-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover {
    background-color: rgb(var(--arcoblue-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered,
.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered:hover {
    border-color: rgb(var(--arcoblue-6));
}

.arco-tag-checked.arco-tag-arcoblue .arco-tag-icon,
.arco-tag-checked.arco-tag-arcoblue .arco-tag-close-icon,
.arco-tag-checked.arco-tag-arcoblue .arco-tag-loading-icon {
    color: rgb(var(--arcoblue-6));
}

.arco-tag-checked.arco-tag-purple {
    color: rgb(var(--purple-6));
    background-color: rgb(var(--purple-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--purple-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover {
    background-color: rgb(var(--purple-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-purple.arco-tag-bordered,
.arco-tag-checked.arco-tag-purple.arco-tag-bordered:hover {
    border-color: rgb(var(--purple-6));
}

.arco-tag-checked.arco-tag-purple .arco-tag-icon,
.arco-tag-checked.arco-tag-purple .arco-tag-close-icon,
.arco-tag-checked.arco-tag-purple .arco-tag-loading-icon {
    color: rgb(var(--purple-6));
}

.arco-tag-checked.arco-tag-pinkpurple {
    color: rgb(var(--pinkpurple-6));
    background-color: rgb(var(--pinkpurple-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--pinkpurple-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover {
    background-color: rgb(var(--pinkpurple-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered,
.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered:hover {
    border-color: rgb(var(--pinkpurple-6));
}

.arco-tag-checked.arco-tag-pinkpurple .arco-tag-icon,
.arco-tag-checked.arco-tag-pinkpurple .arco-tag-close-icon,
.arco-tag-checked.arco-tag-pinkpurple .arco-tag-loading-icon {
    color: rgb(var(--pinkpurple-6));
}

.arco-tag-checked.arco-tag-magenta {
    color: rgb(var(--magenta-6));
    background-color: rgb(var(--magenta-1));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--magenta-2));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover {
    background-color: rgb(var(--magenta-2));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-magenta.arco-tag-bordered,
.arco-tag-checked.arco-tag-magenta.arco-tag-bordered:hover {
    border-color: rgb(var(--magenta-6));
}

.arco-tag-checked.arco-tag-magenta .arco-tag-icon,
.arco-tag-checked.arco-tag-magenta .arco-tag-close-icon,
.arco-tag-checked.arco-tag-magenta .arco-tag-loading-icon {
    color: rgb(var(--magenta-6));
}

.arco-tag-checked.arco-tag-gray {
    color: rgb(var(--gray-6));
    background-color: rgb(var(--gray-2));
    border: 1px solid transparent;
}

.arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgb(var(--gray-3));
}

.arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover {
    background-color: rgb(var(--gray-3));
    border-color: transparent;
}

.arco-tag-checked.arco-tag-gray.arco-tag-bordered,
.arco-tag-checked.arco-tag-gray.arco-tag-bordered:hover {
    border-color: rgb(var(--gray-6));
}

.arco-tag-checked.arco-tag-gray .arco-tag-icon,
.arco-tag-checked.arco-tag-gray .arco-tag-close-icon,
.arco-tag-checked.arco-tag-gray .arco-tag-loading-icon {
    color: rgb(var(--gray-6));
}

.arco-tag-custom-color {
    color: var(--color-white);
}

.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(255, 255, 255, 0.2);
}

.arco-tag .arco-tag-close-btn {
    font-size: 12px;
    margin-left: 4px;
}

.arco-tag .arco-tag-close-btn:focus-visible::before {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-tag .arco-tag-close-btn > svg {
    position: relative;
}

.arco-tag-loading-icon {
    font-size: 12px;
    margin-left: 4px;
}

body[arco-theme='dark'] .arco-tag-checked {
    color: rgba(255, 255, 255, 0.9);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-red {
    background-color: rgba(var(--red-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--red-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-red:hover {
    background-color: rgba(var(--red-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-orangered {
    background-color: rgba(var(--orangered-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--orangered-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover {
    background-color: rgba(var(--orangered-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-orange {
    background-color: rgba(var(--orange-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--orange-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover {
    background-color: rgba(var(--orange-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-gold {
    background-color: rgba(var(--gold-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--gold-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover {
    background-color: rgba(var(--gold-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-lime {
    background-color: rgba(var(--lime-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--lime-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover {
    background-color: rgba(var(--lime-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-green {
    background-color: rgba(var(--green-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--green-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-green:hover {
    background-color: rgba(var(--green-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-cyan {
    background-color: rgba(var(--cyan-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--cyan-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover {
    background-color: rgba(var(--cyan-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-blue {
    background-color: rgba(var(--blue-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--blue-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover {
    background-color: rgba(var(--blue-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-arcoblue {
    background-color: rgba(var(--arcoblue-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--arcoblue-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover {
    background-color: rgba(var(--arcoblue-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-purple {
    background-color: rgba(var(--purple-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--purple-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover {
    background-color: rgba(var(--purple-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-pinkpurple {
    background-color: rgba(var(--pinkpurple-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--pinkpurple-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover {
    background-color: rgba(var(--pinkpurple-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-magenta {
    background-color: rgba(var(--magenta-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--magenta-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover {
    background-color: rgba(var(--magenta-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-gray {
    background-color: rgba(var(--gray-6), 0.2);
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover::before {
    background-color: rgba(var(--gray-6), 0.35);
}

body[arco-theme='dark'] .arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover {
    background-color: rgba(var(--gray-6), 0.35);
}

.arco-tag-rtl {
    direction: rtl;
}

.arco-tag-rtl .arco-tag-icon {
    margin-left: 4px;
    margin-right: 0;
}

.arco-tag-rtl .arco-tag-close-btn,
.arco-tag-rtl .arco-tag-loading-icon {
    margin-left: 0;
    margin-right: 4px;
}

.arco-timeline-item {
    position: relative;
    color: var(--color-text-1);
    font-size: 14px;
    min-height: 78px;
    padding-left: 6px;
}

.arco-timeline-item-label {
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 1.667;
}

.arco-timeline-item-content {
    line-height: 1.5715;
    font-size: 14px;
    color: var(--color-text-1);
    margin-bottom: 4px;
}

.arco-timeline-item-content-wrapper {
    margin-left: 16px;
    position: relative;
}

.arco-timeline-item.arco-timeline-item-last > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-line {
    display: none;
}

.arco-timeline-item-dot-wrapper {
    position: absolute;
    text-align: center;
    height: 100%;
    left: 0;
}

.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content {
    width: 6px;
    height: 22.001px;
    line-height: 22.001px;
    position: relative;
}

.arco-timeline-item-dot {
    width: 6px;
    height: 6px;
    border-radius: var(--border-radius-circle);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(var(--primary-6));
    margin-top: -50%;
    position: relative;
    top: 50%;
}

.arco-timeline-item-dot-solid {
    background-color: rgb(var(--primary-6));
}

.arco-timeline-item-dot-hollow {
    border: 2px solid rgb(var(--primary-6));
    background-color: var(--color-bg-2);
}

.arco-timeline-item-dot-custom {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    color: rgb(var(--primary-6));
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--color-bg-2);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.arco-timeline-item-dot-custom svg {
    color: inherit;
}

.arco-timeline-item-dot-line {
    width: 1px;
    border-left-width: 1px;
    border-color: var(--color-neutral-3);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 18.0005px;
    bottom: -4.0005px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* mode  */
.arco-timeline-alternate {
    overflow: hidden;
}

.arco-timeline-alternate .arco-timeline-item-vertical-left {
    padding-left: 0;
}

.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-dot-wrapper {
    left: 50%;
}

.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper {
    left: 50%;
    width: 50%;
    margin-left: 22px;
    padding-right: 22px;
}

.arco-timeline-alternate .arco-timeline-item-vertical-right {
    padding-right: 0;
}

.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-dot-wrapper {
    left: 50%;
}

.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper {
    left: 0;
    margin-left: -16px;
    margin-right: 0;
    text-align: right;
    width: 50%;
    padding-right: 16px;
}

.arco-timeline-right .arco-timeline-item-vertical-right {
    padding-right: 6px;
}

.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-dot-wrapper {
    right: 0;
    left: unset;
}

.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper {
    text-align: right;
    margin-left: 0;
    margin-right: 16px;
}

/* label position */
.arco-timeline-item-label-relative > .arco-timeline-item-label {
    position: absolute;
    top: 0;
    max-width: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-timeline-item-vertical-left.arco-timeline-item-label-relative {
    margin-left: 100px;
}

.arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label {
    text-align: right;
    padding-right: 16px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0;
}

.arco-timeline-item-vertical-right.arco-timeline-item-label-relative {
    margin-right: 100px;
}

.arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label {
    text-align: left;
    padding-left: 16px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    right: 0;
}

.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative {
    margin-top: 50px;
}

.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative > .arco-timeline-item-label {
    padding-bottom: 16px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative > .arco-timeline-item-content {
    margin-bottom: 0;
}

.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative {
    margin-bottom: 50px;
}

.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative > .arco-timeline-item-content {
    margin-bottom: 0;
}

.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative > .arco-timeline-item-label {
    top: unset;
    bottom: 0;
    text-align: left;
    padding-top: 16px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative {
    margin-left: 0;
}

.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label {
    width: 50%;
    max-width: unset;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    left: 0;
}

.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative {
    margin-right: 0;
}

.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label {
    width: 50%;
    max-width: unset;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    right: 0;
}

.arco-timeline-alternate .arco-timeline-item-horizontal-top.arco-timeline-item-label-relative {
    margin-top: 0;
}

.arco-timeline-alternate .arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative {
    margin-bottom: 0;
}

.arco-timeline-direction-horizontal {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.arco-timeline-item-dot-line-is-horizontal {
    left: 12px;
    right: 4px;
    border-left: none;
    height: 1px;
    border-top-width: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: unset;
}

.arco-timeline-item-horizontal-bottom,
.arco-timeline-item-horizontal-top {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 0;
    padding-right: 0;
    min-height: unset;
}

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper,
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper {
    height: auto;
    width: 100%;
    top: 0;
}

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot,
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot {
    margin-top: unset;
    top: unset;
}

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content,
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content {
    height: 6px;
    line-height: 6px;
}

.arco-timeline-item-horizontal-top {
    padding-top: 6px;
}

.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper {
    bottom: unset;
    top: 0;
}

.arco-timeline-item-horizontal-top > .arco-timeline-item-content-wrapper {
    margin-top: 16px;
    margin-left: 0;
}

.arco-timeline-item-horizontal-bottom {
    padding-bottom: 6px;
}

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper {
    bottom: 0;
    top: unset;
}

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-content-wrapper {
    margin-left: 0;
    margin-bottom: 16px;
}

.arco-timeline-alternate.arco-timeline-direction-horizontal {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 200px;
    overflow: visible;
}

.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-bottom {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 6px;
}

.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-top {
    margin-top: -6px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}

.arco-timeline-rtl .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper {
    text-align: left;
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label {
    left: 50%;
    text-align: left;
    padding-left: 16px;
    padding-right: 0;
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-content-wrapper {
    text-align: right;
    right: 50%;
    left: initial;
    margin-right: 16px;
    padding-left: 16px;
    padding-right: 0;
    margin-left: 0;
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label {
    right: 50%;
    text-align: right;
    padding-right: 16px;
    padding-left: 0;
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-content-wrapper {
    text-align: left;
    left: 0;
    right: initial;
    margin-right: -22px;
    padding-left: 22px;
    margin-left: 0;
    padding-right: 0;
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper {
    right: 50%;
    text-align: right;
}

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper {
    left: 0;
    margin-right: -22px;
    padding-left: 22px;
    margin-left: 0;
    padding-right: 0;
    text-align: left;
}

.arco-timepicker {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-timepicker-container {
    border-radius: var(--border-radius-medium);
    border: 1px solid var(--color-neutral-3);
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.arco-timepicker-list {
    width: 64px;
    height: 224px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: none;
}

.arco-timepicker-list::-webkit-scrollbar {
    width: 0;
}

.arco-timepicker-list:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3);
}

.arco-timepicker-list:hover {
    overflow-y: auto;
}

.arco-timepicker-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arco-timepicker-list ul::after {
    content: '';
    display: block;
    width: 100%;
    height: 192px;
}

.arco-timepicker-cell {
    padding: 4px 0;
    text-align: center;
    color: var(--color-text-1);
    font-weight: 500;
    cursor: pointer;
}

.arco-timepicker-cell-inner {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner {
    background-color: var(--color-fill-2);
}

.arco-timepicker-cell-selected .arco-timepicker-cell-inner {
    background-color: var(--color-fill-2);
    font-weight: 500;
}

.arco-timepicker-cell-disabled {
    color: var(--color-text-4);
    cursor: not-allowed;
}

.arco-timepicker-footer-extra-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    padding: 8px 8px;
    color: var(--color-text-1);
    font-size: 12px;
}

.arco-timepicker-footer-btn-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid var(--color-neutral-3);
    padding: 8px 8px;
}

.arco-tooltip-content {
    padding: 8px 12px;
    background-color: var(--color-tooltip-bg);
    font-size: 14px;
    border-radius: var(--border-radius-small);
    color: #fff;
    line-height: 1.5715;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.arco-tooltip-content-inner {
    word-wrap: break-word;
    text-align: start;
}

.arco-tooltip-mini {
    font-size: 14px;
    padding: 4px 12px;
}

.arco-trigger-arrow.arco-tooltip-arrow {
    background-color: var(--color-tooltip-bg);
}

body[arco-theme='dark'] .arco-tooltip-content {
    border: 1px solid var(--color-neutral-3);
}

body[arco-theme='dark'] .arco-tooltip .arco-trigger-arrow.arco-tooltip-arrow {
    z-index: 1;
}

body[arco-theme='dark'] .arco-trigger[trigger-placement='top'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='tl'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='tr'] .arco-trigger-arrow.arco-tooltip-arrow {
    border-bottom: 1px solid var(--color-neutral-3);
    border-right: 1px solid var(--color-neutral-3);
}

body[arco-theme='dark'] .arco-trigger[trigger-placement='bottom'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='bl'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='br'] .arco-trigger-arrow.arco-tooltip-arrow {
    border-top: 1px solid var(--color-neutral-3);
    border-left: 1px solid var(--color-neutral-3);
}

body[arco-theme='dark'] .arco-trigger[trigger-placement='left'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='lt'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='lb'] .arco-trigger-arrow.arco-tooltip-arrow {
    border-top: 1px solid var(--color-neutral-3);
    border-right: 1px solid var(--color-neutral-3);
}

body[arco-theme='dark'] .arco-trigger[trigger-placement='right'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='rt'] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme='dark'] .arco-trigger[trigger-placement='rb'] .arco-trigger-arrow.arco-tooltip-arrow {
    border-left: 1px solid var(--color-neutral-3);
    border-bottom: 1px solid var(--color-neutral-3);
}

.arco-transfer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-transfer-view {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 224px;
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
}

.arco-transfer-view-search {
    padding: 8px 12px 4px 12px;
}

.arco-transfer-view-list {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
}

.arco-transfer-view-custom-list {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: auto;
}

.arco-transfer-view-header,
.arco-transfer-view-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.arco-transfer-view-header > *:first-child,
.arco-transfer-view-item .arco-transfer-view-item-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-transfer-view-header > *:first-child:not(:last-child),
.arco-transfer-view-item .arco-transfer-view-item-content:not(:last-child) {
    margin-right: 8px;
}

.arco-transfer-view-header {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--color-fill-1);
    color: var(--color-text-1);
}

.arco-transfer-view-header-title {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arco-transfer-view-header-title .arco-checkbox {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: inherit;
}

.arco-transfer-view-header-title .arco-checkbox-text {
    color: inherit;
}

.arco-transfer-view-header-unit {
    margin-right: 2px;
    font-weight: normal;
    font-size: 12px;
    color: var(--color-text-3);
}

.arco-transfer-view-item {
    position: relative;
    height: 36px;
    line-height: 36px;
    list-style: none;
    color: var(--color-text-1);
    background-color: transparent;
    cursor: default;
    /*********************************************
       * Style of draggable items
       ********************************************/
}

.arco-transfer-view-item-content {
    font-size: 14px;
}

.arco-transfer-view-item-disabled {
    color: var(--color-text-4);
    background-color: transparent;
    cursor: not-allowed;
}

.arco-transfer-view-item:not(.arco-transfer-view-item-disabled):hover {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
}

.arco-transfer-view-item .arco-checkbox {
    width: 100%;
    height: 100%;
}

.arco-transfer-view-item .arco-checkbox-text {
    color: inherit;
}

.arco-transfer-view-item-draggable:first-child {
    margin-top: 2px;
}

.arco-transfer-view-item-draggable:last-child {
    margin-bottom: 2px;
}

.arco-transfer-view-item-draggable::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 1px;
}

.arco-transfer-view-item-gap-bottom::before {
    bottom: -2px;
    background-color: rgb(var(--primary-6));
}

.arco-transfer-view-item-gap-top::before {
    top: -2px;
    background-color: rgb(var(--primary-6));
}

.arco-transfer-view-item-dragging {
    background-color: var(--color-fill-1) !important;
    color: var(--color-text-4) !important;
}

.arco-transfer-view-item-dragged {
    -webkit-animation: arco-transfer-drag-item-blink 0.4s;
    -moz-animation: arco-transfer-drag-item-blink 0.4s;
    animation: arco-transfer-drag-item-blink 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}

.arco-transfer-view .arco-transfer-view-icon-clear {
    margin-left: 8px;
}

.arco-transfer-view .arco-transfer-view-icon-clear,
.arco-transfer-view .arco-transfer-view-item-icon-remove {
    cursor: pointer;
    font-size: 12px;
    color: var(--color-text-2);
}

.arco-transfer-view .arco-transfer-view-icon-clear:hover::before,
.arco-transfer-view .arco-transfer-view-item-icon-remove:hover::before {
    background-color: var(--color-fill-3);
}

.arco-transfer-view .arco-transfer-view-icon-clear:focus-visible::before,
.arco-transfer-view .arco-transfer-view-item-icon-remove:focus-visible::before {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
}

.arco-transfer-view .arco-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border-radius: 0;
}

.arco-transfer-view .arco-list-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow-y: auto;
}

.arco-transfer-view .arco-list-footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 0 8px;
}

.arco-transfer-view .arco-list .arco-pagination {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-transfer-view .arco-list .arco-pagination-jumper-input {
    width: 24px;
}

.arco-transfer-view .arco-list .arco-pagination-jumper-separator {
    padding: 0 8px;
}

.arco-transfer-view .arco-checkbox {
    padding-left: 6px;
}

.arco-transfer-view .arco-checkbox-wrapper {
    display: inline;
}

.arco-transfer-view .arco-checkbox .arco-icon-hover:hover::before {
    background-color: var(--color-fill-3);
}

.arco-transfer-operations {
    padding: 0 20px;
}

.arco-transfer-operations .arco-btn {
    display: block;
}

.arco-transfer-operations .arco-btn:last-child {
    margin-top: 12px;
}

.arco-transfer-operations-words .arco-btn {
    width: 100%;
    padding: 0 12px;
    text-align: left;
}

.arco-transfer-simple .arco-transfer-view-source {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.arco-transfer-simple .arco-transfer-view-target {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-transfer-disabled .arco-transfer-view-header {
    color: var(--color-text-4);
}

@-webkit-keyframes arco-transfer-drag-item-blink {
    0% {
        background-color: var(--color-primary-light-1);
    }
    100% {
        background-color: transparent;
    }
}

@-moz-keyframes arco-transfer-drag-item-blink {
    0% {
        background-color: var(--color-primary-light-1);
    }
    100% {
        background-color: transparent;
    }
}

@keyframes arco-transfer-drag-item-blink {
    0% {
        background-color: var(--color-primary-light-1);
    }
    100% {
        background-color: transparent;
    }
}

.arco-transfer-rtl {
    direction: rtl;
}

.arco-transfer-rtl .arco-transfer-view-search {
    padding: 8px 12px 4px 12px;
}

.arco-transfer-rtl .arco-transfer-view-header > *:first-child:not(:last-child),
.arco-transfer-rtl .arco-transfer-view-item .arco-transfer-rtl .arco-transfer-view-item-content:not(:last-child) {
    margin-right: 0;
    margin-left: 8px;
}

.arco-transfer-rtl .arco-transfer-view-header-unit {
    margin-left: 2px;
    margin-right: 0;
}

.arco-transfer-rtl .arco-transfer-view-icon-clear {
    margin-right: 8px;
    margin-left: 0;
}

.arco-transfer-rtl .arco-transfer-view .arco-list .arco-pagination {
    right: initial;
    left: 8px;
}

.arco-transfer-rtl .arco-transfer-view .arco-checkbox {
    padding-left: 0;
    padding-right: 6px;
}

.arco-transfer-rtl .arco-transfer-operations-words .arco-btn {
    text-align: right;
}

.arco-transfer-rtl.arco-transfer-simple .arco-transfer-view-source {
    border-right: 1px solid var(--color-neutral-3);
    border-left: none;
}

/******* icon ******/
.arco-icon-hover.arco-tree-node-icon-hover::before {
    width: 16px;
    height: 16px;
}

.arco-tree-node-switcher {
    font-size: 12px;
    color: var(--color-text-2);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-right: 10px;
    height: 32px;
    width: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-tree-node-switcher-icon {
    position: relative;
    margin: 0 auto;
}

.arco-tree-node-switcher-icon svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-tree-node-expanded .arco-tree-node-switcher-icon svg,
.arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}

.arco-tree-node-drag-icon {
    color: rgb(var(--primary-6));
    opacity: 0;
    margin-left: 120px;
}

.arco-tree-node-custom-icon {
    font-size: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px;
}

.arco-tree-node .arco-icon-loading {
    color: rgb(var(--primary-6));
}

.arco-tree-node-minus-icon,
.arco-tree-node-plus-icon {
    cursor: pointer;
    background: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.arco-tree-node-minus-icon::after,
.arco-tree-node-plus-icon::after {
    content: '';
    position: absolute;
    display: block;
    color: var(--color-text-2);
    width: 6px;
    height: 2px;
    background-color: var(--color-text-2);
    border-radius: 0.5px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -3px;
}

.arco-tree-node-plus-icon::before {
    content: '';
    border-radius: 0.5px;
    position: absolute;
    display: block;
    color: var(--color-text-2);
    height: 6px;
    width: 2px;
    background-color: var(--color-text-2);
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -3px;
}

/******* tree ***********/
.arco-tree {
    color: var(--color-text-1);
}

.arco-tree .arco-checkbox {
    margin-right: 10px;
    padding-left: 0;
    line-height: 32px;
}

.arco-tree-node {
    padding-left: 2px;
    color: var(--color-text-1);
    position: relative;
    cursor: pointer;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    line-height: 1.5715;
}

.arco-tree-node-selected .arco-tree-node-title,
.arco-tree-node-selected .arco-tree-node-title:hover {
    color: rgb(var(--primary-6));
    -webkit-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: color 0.2s cubic-bezier(0, 0, 1, 1);
    transition: color 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-tree-node-disabled-selectable .arco-tree-node-title,
.arco-tree-node-disabled .arco-tree-node-title,
.arco-tree-node-disabled-selectable .arco-tree-node-title:hover,
.arco-tree-node-disabled .arco-tree-node-title:hover {
    background: none;
    color: var(--color-text-4);
    cursor: not-allowed;
}

.arco-tree-node-disabled.arco-tree-node-selected .arco-tree-node-title {
    color: var(--color-primary-light-3);
}

.arco-tree-node-title-block {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.arco-tree-node-title-block .arco-tree-node-drag-icon {
    position: absolute;
    right: 12px;
    margin-left: unset;
}

.arco-tree-node-indent {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}

.arco-tree-node-indent-block {
    display: inline-block;
    width: 12px;
    margin-right: 10px;
    height: 100%;
    position: relative;
    vertical-align: top;
}

.arco-tree-node-title {
    font-size: 14px;
    padding: 5px 0;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: -4px;
    border-radius: var(--border-radius-small);
    position: relative;
}

.arco-tree-node-title:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1);
}

.arco-tree-node-title:hover .arco-tree-node-drag-icon {
    opacity: 1;
}

.arco-tree-node-title-draggable::before {
    content: '';
    display: block;
    height: 2px;
    border-radius: 1px;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}

.arco-tree-node-title-gap-bottom::before {
    top: unset;
    bottom: 0;
    background-color: rgb(var(--primary-6));
}

.arco-tree-node-title-gap-top::before {
    background-color: rgb(var(--primary-6));
}

.arco-tree-node-title-highlight {
    background-color: var(--color-primary-light-1);
    color: var(--color-text-1);
}

.arco-tree-node-title-dragging,
.arco-tree-node-title-dragging:hover {
    background-color: var(--color-fill-1);
    color: var(--color-text-4);
}

.arco-tree-show-line {
    padding-left: 1px;
}

.arco-tree-show-line .arco-tree-node-switcher {
    width: 14px;
    text-align: center;
}

.arco-tree-show-line .arco-tree-node-switcher .arco-tree-node-icon-hover {
    width: 100%;
}

.arco-tree-show-line .arco-tree-node-indent-block {
    width: 14px;
}

.arco-tree-show-line .arco-tree-node-indent-block::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    border-left: 1px solid var(--color-neutral-3);
    content: '';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px;
    bottom: -5px;
}

.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid var(--color-neutral-3);
    width: 1px;
    right: -7px;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
    top: 27px;
    bottom: -5px;
}

.arco-tree-show-line .arco-tree-node-indent-block-lineless::before {
    display: none;
}

/******** size *******/
.arco-tree-size-mini .arco-tree-node-switcher {
    height: 24px;
}

.arco-tree-size-mini .arco-checkbox {
    line-height: 24px;
}

.arco-tree-size-mini .arco-tree-node-title {
    font-size: 12px;
    line-height: 1.667;
    padding-top: 2px;
    padding-bottom: 2px;
}

.arco-tree-size-mini .arco-tree-node-indent-block::before {
    top: -1px;
    bottom: -1px;
}

.arco-tree-size-mini .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after {
    top: 23px;
    bottom: -1px;
}

.arco-tree-size-small .arco-tree-node-switcher {
    height: 28px;
}

.arco-tree-size-small .arco-checkbox {
    line-height: 28px;
}

.arco-tree-size-small .arco-tree-node-title {
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.arco-tree-size-small .arco-tree-node-indent-block::before {
    top: -3px;
    bottom: -3px;
}

.arco-tree-size-small .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after {
    top: 25px;
    bottom: -3px;
}

.arco-tree-size-large .arco-tree-node-switcher {
    height: 36px;
}

.arco-tree-size-large .arco-checkbox {
    line-height: 36px;
}

.arco-tree-size-large .arco-tree-node-title {
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.arco-tree-size-large .arco-tree-node-indent-block::before {
    top: -7px;
    bottom: -7px;
}

.arco-tree-size-large .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after {
    top: 29px;
    bottom: -7px;
}

.arco-tree-node-list {
    overflow: hidden;
    -webkit-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-tree-rtl {
    direction: rtl;
}

.arco-tree-rtl .arco-tree-node-switcher {
    margin-left: 10px;
    margin-right: 0;
}

.arco-tree-rtl .arco-tree-node-switcher-icon svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.arco-tree-rtl .arco-tree-node-expanded .arco-tree-node-switcher-icon svg,
.arco-tree-rtl .arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}

.arco-tree-rtl .arco-tree-node-custom-icon {
    margin-right: 0;
    margin-left: 10px;
}

.arco-tree-rtl .arco-tree-node-minus-icon::after,
.arco-tree-rtl .arco-tree-node-plus-icon::after {
    margin-left: 0;
    margin-right: -3px;
}

.arco-tree-rtl .arco-tree-node-plus-icon::before {
    margin-left: 0;
    margin-right: -1px;
}

.arco-tree-rtl .arco-checkbox {
    padding-right: 0;
    margin-right: 0;
    margin-left: 10px;
}

.arco-tree-rtl .arco-tree-node {
    padding-left: 0;
    padding-right: 2px;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.arco-tree-rtl .arco-tree-node-title-block .arco-tree-node-drag-icon {
    left: 12px;
    right: initial;
    margin-right: unset;
}

.arco-tree-rtl-node-indent-block {
    margin-right: 0;
    margin-left: 10px;
}

.arco-tree-rtl-node-title {
    padding-right: 4px;
    padding-left: 4px;
    margin-left: unset;
    margin-right: -4px;
}

.arco-tree-rtl-show-line {
    padding-left: 0;
    padding-right: 1px;
}

.arco-tree-rtl-show-line .arco-tree-node-indent-block::before {
    border-left: none;
    border-right: 1px solid var(--color-neutral-3);
}

.arco-tree-rtl-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after {
    left: -7px;
}

.arco-tree-select .arco-tree-select-view {
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-tree-select:hover .arco-tree-select-view {
    background-color: var(--color-fill-3);
    border-color: transparent;
}

.arco-tree-select.arco-tree-select-focused .arco-tree-select-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-primary-light-2);
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
}

.arco-tree-select .arco-tree-select-suffix-icon,
.arco-tree-select .arco-tree-select-loading-icon,
.arco-tree-select .arco-tree-select-search-icon,
.arco-tree-select .arco-tree-select-clear-icon,
.arco-tree-select .arco-tree-select-arrow-icon,
.arco-tree-select .arco-tree-select-expand-icon {
    color: var(--color-text-2);
}

.arco-tree-select-no-border .arco-tree-select-view {
    border: none !important;
    background: none !important;
}

.arco-tree-select-error .arco-tree-select-view {
    background-color: var(--color-danger-light-1);
    border: 1px solid transparent;
}

.arco-tree-select-error:hover .arco-tree-select-view {
    background-color: var(--color-danger-light-2);
    border-color: transparent;
}

.arco-tree-select-error.arco-tree-select-focused .arco-tree-select-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-danger-light-2);
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
}

.arco-tree-select-no-border .arco-tree-select-view {
    border: none !important;
    background: none !important;
}

.arco-tree-select-warning .arco-tree-select-view {
    background-color: var(--color-warning-light-1);
    border: 1px solid transparent;
}

.arco-tree-select-warning:hover .arco-tree-select-view {
    background-color: var(--color-warning-light-2);
    border-color: transparent;
}

.arco-tree-select-warning.arco-tree-select-focused .arco-tree-select-view {
    color: var(--color-text-1);
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    -webkit-box-shadow: 0 0 0 0 var(--color-warning-light-2);
    box-shadow: 0 0 0 0 var(--color-warning-light-2);
}

.arco-tree-select-no-border .arco-tree-select-view {
    border: none !important;
    background: none !important;
}

.arco-tree-select-disabled .arco-tree-select-view {
    color: var(--color-text-4);
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
}

.arco-tree-select-disabled:hover .arco-tree-select-view {
    background-color: var(--color-fill-2);
    border-color: transparent;
}

.arco-tree-select-disabled .arco-tree-select-suffix-icon,
.arco-tree-select-disabled .arco-tree-select-loading-icon,
.arco-tree-select-disabled .arco-tree-select-search-icon,
.arco-tree-select-disabled .arco-tree-select-clear-icon,
.arco-tree-select-disabled .arco-tree-select-arrow-icon,
.arco-tree-select-disabled .arco-tree-select-expand-icon {
    color: var(--color-text-4);
}

.arco-tree-select-no-border .arco-tree-select-view {
    border: none !important;
    background: none !important;
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view {
    height: auto;
    font-size: 12px;
    padding: 0 3px;
    line-height: 0;
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 4px;
}

.arco-tree-select-size-mini.arco-tree-select-multiple input {
    font-size: 12px;
}

.arco-tree-select-size-mini.arco-tree-select-single .arco-tree-select-view {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 7px;
}

.arco-tree-select-size-mini.arco-tree-select-single input {
    font-size: 12px;
}

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 7px;
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 8px;
}

.arco-tree-select-size-small.arco-tree-select-multiple input {
    font-size: 14px;
}

.arco-tree-select-size-small.arco-tree-select-single .arco-tree-select-view {
    height: 28px;
    line-height: 26px;
    font-size: 14px;
    padding: 0 11px;
}

.arco-tree-select-size-small.arco-tree-select-single input {
    font-size: 14px;
}

.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 11px;
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 8px;
}

.arco-tree-select-size-default.arco-tree-select-multiple input {
    font-size: 14px;
}

.arco-tree-select-size-default.arco-tree-select-single .arco-tree-select-view {
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 11px;
}

.arco-tree-select-size-default.arco-tree-select-single input {
    font-size: 14px;
}

.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 11px;
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view {
    height: auto;
    font-size: 14px;
    padding: 0 3px;
    line-height: 0;
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 12px;
}

.arco-tree-select-size-large.arco-tree-select-multiple input {
    font-size: 14px;
}

.arco-tree-select-size-large.arco-tree-select-single .arco-tree-select-view {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    padding: 0 15px;
}

.arco-tree-select-size-large.arco-tree-select-single input {
    font-size: 14px;
}

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 15px;
}

.arco-tree-select {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
}

.arco-tree-select-view {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: var(--border-radius-small);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
    transition: all 0.1s cubic-bezier(0, 0, 1, 1), padding 0s linear;
}

.arco-tree-select-view input {
    color: inherit;
    cursor: inherit;
}

.arco-tree-select-view input::-webkit-input-placeholder {
    color: var(--color-text-3);
}

.arco-tree-select-view input::-moz-placeholder {
    color: var(--color-text-3);
}

.arco-tree-select-view input::-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-tree-select-view input:-moz-placeholder {
    color: var(--color-text-3);
}

.arco-tree-select-view input:-ms-input-placeholder {
    color: var(--color-text-3);
}

.arco-tree-select-view input::placeholder {
    color: var(--color-text-3);
}

.arco-tree-select-view input[disabled] {
    pointer-events: none;
}

.arco-tree-select-multiple,
.arco-tree-select-show-search {
    cursor: text;
}

.arco-tree-select-disabled {
    cursor: not-allowed;
}

.arco-tree-select-disabled .arco-tree-select-view input::-webkit-input-placeholder {
    color: var(--color-text-4);
}

.arco-tree-select-disabled .arco-tree-select-view input::-moz-placeholder {
    color: var(--color-text-4);
}

.arco-tree-select-disabled .arco-tree-select-view input::-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-tree-select-disabled .arco-tree-select-view input:-moz-placeholder {
    color: var(--color-text-4);
}

.arco-tree-select-disabled .arco-tree-select-view input:-ms-input-placeholder {
    color: var(--color-text-4);
}

.arco-tree-select-disabled .arco-tree-select-view input::placeholder {
    color: var(--color-text-4);
}

.arco-tree-select-single .arco-tree-select-view-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-tree-select-single .arco-tree-select-view-selector {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-input {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-value-mirror {
    opacity: 0;
}

.arco-tree-select-single .arco-tree-select-view-value,
.arco-tree-select-single .arco-tree-select-view-value-mirror {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arco-tree-select-single .arco-tree-select-view-value::after,
.arco-tree-select-single .arco-tree-select-view-value-mirror::after {
    content: '.';
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.arco-tree-select-single .arco-tree-select-view .arco-tree-select-hidden {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.arco-tree-select-multiple {
    vertical-align: top;
}

.arco-tree-select-multiple .arco-tree-select-view {
    padding: 0 4px;
    line-height: 0;
}

.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 12px;
}

.arco-tree-select-multiple .arco-input-tag {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 0;
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden;
}

.arco-tree-select-multiple .arco-tag {
    max-width: 100%;
}

.arco-tree-select-multiple:not(.arco-tree-select-focused) .arco-input-tag input:not(:first-child)[value=''] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.arco-tree-select-prefix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
    white-space: nowrap;
    color: var(--color-text-2);
}

.arco-tree-select-suffix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4px;
}

.arco-tree-select-suffix-icon,
.arco-tree-select-search-icon,
.arco-tree-select-loading-icon,
.arco-tree-select-expand-icon,
.arco-tree-select-clear-icon {
    font-size: 12px;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-tree-select-arrow-icon {
    font-size: 12px;
}

.arco-tree-select-open .arco-tree-select-arrow-icon svg {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.arco-tree-select .arco-tree-select-clear-icon {
    display: none;
    cursor: pointer;
}

.arco-tree-select .arco-tree-select-clear-icon > svg {
    position: relative;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-tree-select:hover .arco-tree-select-clear-icon {
    display: block;
}

.arco-tree-select:hover .arco-tree-select-clear-icon ~ * {
    display: none;
}

.arco-tree-select-wrapper {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.arco-tree-select-wrapper .arco-tree-select {
    min-width: 0;
}

.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:first-child) .arco-tree-select-view {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:last-child) .arco-tree-select-view {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.arco-tree-select-addbefore {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    color: var(--color-text-1);
    background-color: var(--color-fill-2);
    white-space: nowrap;
    border: 1px solid transparent;
}

.arco-tree-select-addbefore {
    border-right: 1px solid var(--color-border-2);
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small);
}

.arco-tree-select-popup {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    background-color: var(--color-bg-popup);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 4px 0;
    padding-left: 10px;
    padding-right: 4px;
    max-height: 200px;
    overflow: auto;
}

.arco-tree-select-popup .arco-tree-node {
    padding-left: 0;
}

.arco-tree-select-highlight {
    font-weight: 500;
}

.arco-tree-select-rtl {
    direction: rtl;
}

.arco-tree-select-rtl-popup {
    padding-left: 4px;
    padding-right: 10px;
}

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 7px;
}

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 0;
    padding-left: 4px;
}

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 4px;
}

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px;
}

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 0;
    padding-left: 8px;
}

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 8px;
}

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 11px;
}

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 0;
    padding-left: 8px;
}

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 8px;
}

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 15px;
}

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix {
    padding-right: 0;
    padding-left: 12px;
}

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input,
.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror {
    padding-left: 0;
    padding-right: 12px;
}

.arco-tree-select-wrapper-rtl .arco-tree-select-addbefore {
    border-right: unset;
    border-left: 1px solid var(--color-border-2);
}

.arco-tree-select-rtl .arco-tree-select-view {
    text-align: right;
}

.arco-tree-select-rtl .arco-tree-select-multiple .arco-tree-select-view-with-prefix {
    padding-left: 0;
    padding-right: 12px;
}

.arco-tree-select-rtl .arco-tree-select-prefix {
    margin-right: 0;
    margin-left: 12px;
}

.arco-tree-select-rtl .arco-tree-select-suffix {
    margin-left: 0;
    margin-right: 4px;
}

.arco-trigger {
    position: absolute;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.arco-trigger-arrow {
    background-color: var(--color-bg-5);
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    z-index: -1;
}

.arco-trigger[trigger-placement='top'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='tl'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='tr'] > .arco-trigger-arrow-container .arco-trigger-arrow {
    bottom: -4px;
    margin-left: -4px;
    border-top: none;
    border-left: none;
    border-bottom-right-radius: 2px;
}

.arco-trigger[trigger-placement='bottom'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='bl'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='br'] > .arco-trigger-arrow-container .arco-trigger-arrow {
    top: -4px;
    margin-left: -4px;
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 2px;
}

.arco-trigger[trigger-placement='left'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='lt'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='lb'] > .arco-trigger-arrow-container .arco-trigger-arrow {
    right: -4px;
    margin-top: -4px;
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 2px;
}

.arco-trigger[trigger-placement='right'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='rt'] > .arco-trigger-arrow-container .arco-trigger-arrow,
.arco-trigger[trigger-placement='rb'] > .arco-trigger-arrow-container .arco-trigger-arrow {
    left: -4px;
    margin-top: -4px;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 2px;
}

.arco-trigger-rtl {
    direction: rtl;
}

.arco-typography {
    color: var(--color-text-1);
    line-height: 1.5715;
    word-break: break-all;
    white-space: normal;
}

h1.arco-typography,
.arco-typography-h1,
h2.arco-typography,
.arco-typography-h2,
h3.arco-typography,
.arco-typography-h3,
h4.arco-typography,
.arco-typography-h4,
h5.arco-typography,
.arco-typography-h5,
h6.arco-typography,
.arco-typography-h6 {
    font-weight: 500;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

h1.arco-typography,
.arco-typography-h1 {
    font-size: 36px;
    line-height: 1.23;
}

h2.arco-typography,
.arco-typography-h2 {
    font-size: 32px;
    line-height: 1.25;
}

h3.arco-typography,
.arco-typography-h3 {
    font-size: 28px;
    line-height: 1.29;
}

h4.arco-typography,
.arco-typography-h4 {
    font-size: 24px;
    line-height: 1.33;
}

h5.arco-typography,
.arco-typography-h5 {
    font-size: 20px;
    line-height: 1.4;
}

h6.arco-typography,
.arco-typography-h6 {
    font-size: 16px;
    line-height: 1.5;
}

div.arco-typography,
p.arco-typography {
    margin-top: 0;
    margin-bottom: 1em;
}

.arco-typography-simple-ellipsis {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    white-space: nowrap;
}

.arco-typography-primary {
    color: rgb(var(--primary-6));
}

.arco-typography-secondary {
    color: var(--color-text-2);
}

.arco-typography-success {
    color: rgb(var(--success-6));
}

.arco-typography-warning {
    color: rgb(var(--warning-6));
}

.arco-typography-error {
    color: rgb(var(--danger-6));
}

.arco-typography-disabled {
    color: var(--color-text-4);
    cursor: not-allowed;
}

.arco-typography mark {
    background-color: rgb(var(--yellow-4));
}

.arco-typography u {
    text-decoration: underline;
}

.arco-typography del {
    text-decoration: line-through;
}

.arco-typography b {
    font-weight: 500;
}

.arco-typography code {
    font-size: 85%;
    color: var(--color-text-2);
    border: 1px solid var(--color-neutral-3);
    background-color: var(--color-neutral-2);
    padding: 2px 8px;
    margin: 0 2px;
    border-radius: 2px;
}

.arco-typography blockquote {
    margin: 0;
    margin-bottom: 1em;
    border-left: 2px solid var(--color-neutral-6);
    background-color: var(--color-bg-2);
    padding-left: 8px;
}

.arco-typography ol,
.arco-typography ul {
    padding: 0;
    margin: 0;
}

.arco-typography ul li,
.arco-typography ol li {
    margin-left: 20px;
}

.arco-typography ul {
    list-style: circle;
}

.arco-typography-spacing-close {
    line-height: 1.3;
}

.arco-typography-operation-copy,
.arco-typography-operation-copied {
    padding: 2px;
    margin-left: 2px;
}

.arco-typography-operation-copy {
    cursor: pointer;
    color: var(--color-text-2);
    background-color: transparent;
    border-radius: 2px;
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-typography-operation-copy:hover {
    color: var(--color-text-2);
    background-color: var(--color-fill-2);
}

.arco-typography-operation-copy:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-typography-operation-copied {
    color: rgb(var(--success-6));
}

.arco-typography-operation-edit {
    padding: 2px;
    margin-left: 2px;
    cursor: pointer;
    color: var(--color-text-2);
    background-color: transparent;
    border-radius: 2px;
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-typography-operation-edit:hover {
    color: var(--color-text-2);
    background-color: var(--color-fill-2);
}

.arco-typography-operation-edit:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-typography-operation-expand {
    color: rgb(var(--primary-6));
    margin: 0 4px;
    cursor: pointer;
}

.arco-typography-operation-expand:hover {
    color: rgb(var(--primary-5));
}

.arco-typography-operation-expand:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
    border-radius: var(--border-radius-small);
}

.arco-typography-edit-content {
    position: relative;
    left: -13px;
    margin-right: -13px;
    margin-top: -5px;
    margin-bottom: -moz-calc(1em - 4px - 1px);
    margin-bottom: calc(1em - 4px - 1px);
}

.arco-typography-edit-content-textarea {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}

.arco-typography-rtl {
    direction: rtl;
}

.arco-typography-rtl blockquote {
    border-right: 2px solid var(--color-neutral-6);
    padding-right: 8px;
    padding-left: 0;
}

.arco-typography-rtl ul li,
.arco-typography-rtl ol li {
    margin-left: 0;
    margin-right: 20px;
}

.arco-typography-rtl .arco-typography-operation-copy,
.arco-typography-rtl .arco-typography-operation-copied,
.arco-typography-rtl .arco-typography-operation-edit {
    margin-right: 2px;
    margin-left: 0;
}

.arco-typography-rtl .arco-typography-edit-content {
    left: initial;
    right: -13px;
    margin-left: -13px;
    margin-right: 0;
}

.arco-ellipsis {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    /* stylelint-disable */
    /* stylelint-enable */
}

.arco-ellipsis-content.arco-ellipsis-multiple::before {
    content: ' ';
    float: right;
    height: 100%;
    margin-bottom: -21px;
}

.arco-ellipsis-content .arco-ellipsis-action {
    display: inline-block;
}

.arco-ellipsis-content .arco-ellipsis-action-collapsed {
    float: right;
    clear: both;
}

.arco-ellipsis-content .arco-ellipsis-action-text {
    color: rgb(var(--primary-6));
    margin: 0 4px;
    cursor: pointer;
}

.arco-ellipsis-content .arco-ellipsis-action-text:hover {
    color: rgb(var(--primary-5));
}

.arco-ellipsis-single {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.arco-ellipsis-multiple {
    display: block;
    word-break: break-all;
}

.arco-ellipsis-collapsed {
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
}

.arco-ellipsis-content-mirror {
    position: absolute;
    width: 100%;
    visibility: hidden;
}

.arco-upload {
    display: inline-block;
    max-width: 100%;
}

.arco-upload-type-picture-card {
    vertical-align: top;
}

.arco-upload-drag {
    width: 100%;
}

.arco-upload-hide {
    display: none;
}

.arco-upload-disabled .arco-upload-trigger-picture,
.arco-upload-disabled .arco-upload-trigger-picture:hover {
    cursor: not-allowed;
    border-color: var(--color-neutral-4);
    background-color: var(--color-fill-1);
    color: var(--color-text-4);
}

.arco-upload-disabled .arco-upload-trigger-drag,
.arco-upload-disabled .arco-upload-trigger-drag:hover {
    cursor: not-allowed;
    border-color: var(--color-text-4);
    background-color: var(--color-fill-1);
}

.arco-upload-disabled .arco-upload-trigger-drag .arco-icon-plus,
.arco-upload-disabled .arco-upload-trigger-drag:hover .arco-icon-plus,
.arco-upload-disabled .arco-upload-trigger-drag .arco-upload-trigger-drag-text,
.arco-upload-disabled .arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text {
    color: var(--color-text-4);
}

.arco-upload-disabled .arco-upload-trigger-tip {
    color: var(--color-text-4);
}

.arco-upload-trigger {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.arco-upload-trigger-tip {
    color: var(--color-text-3);
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.arco-upload-trigger-picture {
    min-width: 80px;
    height: 80px;
    color: var(--color-text-2);
    text-align: center;
    margin-bottom: 0;
    background: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    border: 1px dashed var(--color-neutral-3);
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
    transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-upload-trigger-picture:hover {
    border-color: var(--color-neutral-4);
    background-color: var(--color-fill-3);
    color: var(--color-text-2);
}

.arco-upload-trigger-picture:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-upload-trigger-picture-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arco-upload-trigger-drag {
    width: 100%;
    border-radius: var(--border-radius-small);
    border: 1px dashed var(--color-neutral-3);
    background-color: var(--color-fill-1);
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: var(--color-text-1);
    padding: 50px 0;
}

.arco-upload-trigger-drag .arco-icon-plus {
    font-size: 14px;
    margin-bottom: 24px;
    color: var(--color-text-2);
}

.arco-upload-trigger-drag:hover {
    border-color: var(--color-neutral-4);
    background-color: var(--color-fill-3);
}

.arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text {
    color: var(--color-text-1);
}

.arco-upload-trigger-drag:hover .arco-icon-plus {
    color: var(--color-text-2);
}

.arco-upload-trigger-drag:focus-visible {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-upload-trigger-drag-active {
    border-color: rgb(var(--primary-6));
    color: var(--color-text-1);
    background-color: var(--color-primary-light-1);
}

.arco-upload-trigger-drag-active .arco-upload-trigger-drag-text {
    color: var(--color-text-1);
}

.arco-upload-trigger-drag-active .arco-icon-plus {
    color: rgb(var(--primary-6));
}

.arco-upload-trigger-drag .arco-upload-trigger-tip {
    margin-top: 0;
}

.arco-upload-trigger-drag-text {
    color: var(--color-text-1);
    line-height: 1.5;
    font-size: 14px;
}

.arco-upload-hide + .arco-upload-list .arco-upload-list-item:first-of-type {
    margin-top: 0;
}

.arco-upload-list {
    width: 100%;
    /*** listtype is text ****/
    /*** end ****/
}

.arco-upload-list-type-text .arco-upload-list-item:first-of-type,
.arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type {
    margin-top: 24px;
}

.arco-upload-list-file-icon {
    line-height: 16px;
    font-size: 16px;
    color: rgb(var(--primary-6));
    margin-right: 12px;
}

.arco-upload-list-preview-icon {
    cursor: pointer;
}

.arco-upload-list-error-icon {
    cursor: pointer;
    color: rgb(var(--danger-6));
    font-size: 14px;
    margin-left: 4px;
}

.arco-upload-list-success-icon {
    cursor: pointer;
    color: rgb(var(--success-6));
    font-size: 14px;
    line-height: 14px;
}

.arco-upload-list-remove-icon {
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.arco-upload-list-start-icon,
.arco-upload-list-cancel-icon {
    position: absolute;
    color: var(--color-white);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    font-size: 12px;
}

.arco-upload-list-start-icon:focus-visible,
.arco-upload-list-cancel-icon:focus-visible {
    color: rgb(var(--primary-6));
}

.arco-upload-list-reupload-icon {
    cursor: pointer;
    color: rgb(var(--primary-6));
    font-size: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.arco-upload-list-reupload-icon:active,
.arco-upload-list-reupload-icon:hover {
    color: rgb(var(--primary-7));
}

.arco-upload-list-reupload-icon:focus-visible {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
    box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
}

.arco-upload-list-status {
    position: relative;
    cursor: pointer;
    line-height: 12px;
}

.arco-upload-list-status:hover .arco-progress-circle-mask {
    stroke: rgba(var(--gray-10), 0.2);
}

.arco-upload-list-status:hover .arco-progress-circle-path {
    stroke: rgb(var(--primary-7));
}

.arco-upload-list-item-done .arco-upload-list-file-icon {
    color: rgb(var(--primary-6));
}

.arco-upload-list-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 24px;
    margin-top: 12px;
    position: relative;
}

.arco-upload-list-item-operation {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--color-text-2);
}

.arco-upload-list-item-operation .arco-upload-list-remove-icon-hover:focus-visible::before {
    -webkit-box-shadow: 0 0 0 2px rgb(var(--primary-6));
    box-shadow: 0 0 0 2px rgb(var(--primary-6));
}

.arco-upload-list-item-operation .arco-upload-list-remove-icon {
    font-size: inherit;
}

.arco-upload-list-item-text {
    font-size: 14px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--border-radius-small);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--color-fill-1);
    padding: 8px 0;
    padding-left: 12px;
    padding-right: 10px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.arco-upload-list-item-text-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
    transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-upload-list-item-text-thumbnail {
    height: 40px;
    width: 40px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.arco-upload-list-item-text-thumbnail img {
    width: 100%;
    height: 100%;
}

.arco-upload-list-item-text-name {
    white-space: nowrap;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-text-1);
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 1.4286;
    margin-right: 10px;
}

.arco-upload-list-item-text-name-link {
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    color: rgb(var(--link-6));
    text-overflow: ellipsis;
}

.arco-upload-list-item-text-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.arco-upload-list-item-error .arco-upload-list-status,
.arco-upload-list-item-done .arco-upload-list-status {
    display: none;
}

.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name-link,
.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name {
    color: rgb(var(--danger-6));
}

.arco-upload-list.arco-upload-list-type-picture-card {
    display: inline;
    vertical-align: top;
}

.arco-upload-list.arco-upload-list-type-picture-card .arco-upload-list-status {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
}

.arco-upload-list-type-picture-card .arco-upload-list-item {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    padding-right: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-upload-list-type-picture-card .arco-upload-list-item-error .arco-upload-list-item-picture-mask {
    opacity: 1;
}

.arco-upload-list-item-picture {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-small);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    background-color: var(--color-fill-2);
}

.arco-upload-list-item-picture img {
    width: 100%;
    height: 100%;
}

.arco-upload-list-item-picture-mask {
    cursor: pointer;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: var(--color-white);
    font-size: 16px;
    line-height: 80px;
    opacity: 0;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}

.arco-upload-list-item-picture-operation {
    font-size: 14px;
}

.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon {
    color: var(--color-white);
}

.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon + .arco-upload-list-remove-icon,
.arco-upload-list-item-picture-operation .arco-upload-list-preview-icon + .arco-upload-list-remove-icon {
    margin-left: 20px;
}

.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon:focus-visible,
.arco-upload-list-item-picture-operation .arco-upload-list-preview-icon:focus-visible,
.arco-upload-list-item-picture-operation .arco-upload-list-remove-icon:focus-visible {
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 2px var(--color-primary-light-3);
    box-shadow: 0 0 0 2px var(--color-primary-light-3);
}

.arco-upload-list-item-picture-error-tip .arco-upload-list-item-picture-operation {
    opacity: 0;
    width: 0;
    height: 0;
}

.arco-upload-list-item-picture-error-tip .arco-upload-list-error-icon {
    font-size: 26px;
    color: var(--color-white);
}

.arco-upload-list-item-picture-mask:hover,
.arco-upload-list-item-picture-mask:focus-within,
.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-operation,
.arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-operation {
    opacity: 1;
    display: block;
}

.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-error-tip,
.arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-error-tip {
    display: none;
}

.arco-upload-list-type-picture-list .arco-upload-list-item-text {
    padding-top: 8px;
    padding-bottom: 8px;
}

.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text {
    background-color: var(--color-danger-light-1);
}

.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name-link,
.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name {
    color: rgb(var(--danger-6));
}

.arco-upload-slide-up-enter {
    opacity: 0;
}

.arco-upload-slide-up-enter-active {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
    transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.arco-upload-slide-up-exit {
    opacity: 1;
}

.arco-upload-slide-up-exit-active {
    opacity: 0;
    overflow: hidden;
    margin: 0;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
}

.arco-upload-list-item.arco-upload-slide-inline-enter {
    opacity: 0;
}

.arco-upload-list-item.arco-upload-slide-inline-enter-active {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
}

.arco-upload-list-item.arco-upload-slide-inline-exit {
    opacity: 1;
}

.arco-upload-list-item.arco-upload-slide-inline-exit-active {
    opacity: 0;
    overflow: hidden;
    margin: 0;
    -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
    -moz-transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
}

.arco-upload-rtl {
    direction: rtl;
}

.arco-upload-list-rtl {
    direction: rtl;
}

.arco-upload-list-rtl .arco-upload-list-file-icon {
    margin-right: 0;
    margin-left: 12px;
}

.arco-upload-list-rtl .arco-upload-list-error-icon {
    margin-left: 0;
    margin-right: 4px;
}

.arco-upload-list-rtl .arco-upload-list-item {
    padding-right: 0;
    padding-left: 24px;
}

.arco-upload-list-rtl .arco-upload-list-item-operation {
    right: initial;
    left: 0;
}

.arco-upload-list-rtl .arco-upload-list-item-text {
    padding-right: 12px;
    padding-left: 10px;
}

.arco-upload-list-rtl .arco-upload-list-item-text-thumbnail {
    margin-right: 0;
    margin-left: 12px;
}

.arco-upload-list-rtl .arco-upload-list-item-text-name {
    margin-right: 0;
    margin-left: 10px;
}

.arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon + .arco-upload-list-remove-icon,
.arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon + .arco-upload-list-remove-icon {
    margin-left: 0;
    margin-right: 20px;
}

.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-status {
    margin-left: initial;
    margin-right: 0;
}

.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-item {
    margin-right: 0;
    padding-left: 0;
    margin-left: 8px;
}

.arco-verification-code {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.arco-verification-code .arco-input {
    width: 32px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.arco-verification-code .arco-input-size-small {
    width: 28px;
}

.arco-verification-code .arco-input-size-mini {
    width: 24px;
}

.arco-verification-code .arco-input-size-large {
    width: 36px;
}

.arco-verification-code-rtl {
    direction: rtl;
}

.official_header_left {
                          -moz-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          display: -moz-box;
                          display: -ms-flexbox;
                          display: flex;
                          height: 100%;
                          width: 100%
                      }

.official_header_left .active {
    color: #00ffe7
}

.official_header_left .active:hover {
    color: #00ffe7 !important
}

.official_header_left div {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .56em;
    position: relative
}

.official_header_left a, .official_header_left span {
    color: #fff;
    cursor: pointer;
    font-size: .16em;
    font-weight: 500
}

.official_header_left span a:hover, .official_header_left span:hover {
    color: #a2a2a2
}

.official_logo {
    height: .2em;
    margin-right: .6em;
    width: .6em
}

.official_new_tag {
    cursor: pointer;
    height: .12em;
    margin-left: .06em;
    position: absolute;
    width: .19em !important
}

.official_tab {
    cursor: pointer
}

.official_tab:hover {
    color: #a2a2a2
}

.official_header_right {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.official_header_right button {
    font-size: unset
}

.official_header_right .enter_button {
    margin-right: .12em
}

.official_header_right .arco-btn-primary:not(.arco-btn-disabled) {
    background-color: #00b6c2;
    border: 1px solid transparent;
    color: #fff
}

.official_header_right .arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #1ca0a8;
    border-color: #1ca0a8;
    color: #fff
}

.official_header_right .arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: #003d4d;
    border-color: transparent;
    color: #fff
}

.official_header_right .arco-btn-secondary:not(.arco-btn-disabled) {
    background-color: #484952;
    border: 1px solid transparent;
    color: #fff
}

.official_header_right .arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
    background-color: #3e3e42;
    border-color: transparent;
    color: hsla(0, 0%, 100%, .4)
}

.official_header_right .arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
    background-color: hsla(240, 1%, 67%, .24);
    border-color: transparent;
    color: hsla(0, 0%, 100%, .4)
}

.official_header_right .arco-avatar-circle .arco-avatar-image {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.official_header_right .arco-avatar-image img, .official_header_right .arco-avatar-image picture {
    height: 100%;
    width: 100%
}

.official_header_right .arco-btn {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .02em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: .32em;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5715;
    outline: none;
    padding: 0 .12em;
    position: relative;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.official_header_right .arco-btn span {
    font-size: .14em
}

.official_header_right .icon-feedback {
    cursor: pointer;
    height: .24em;
    margin-left: .12em;
    width: .24em
}

.official_header_right .official_collection {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(48, 48, 51, .98);
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .6);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    height: 40px;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding: 12px;
    position: absolute;
    right: .28em;
    top: .66em;
    width: 247px;
    z-index: 2
}

.official_header_right .official_collection span {
    font-size: 12px
}

.official_header_right .official_collection .click {
    color: #55beb0;
    font-weight: 600
}

.official_header_right .official_collection .click:hover {
    cursor: pointer
}

.user-item-inner {
    color: #fff !important
}

.arco-dropdown-menu {
    background-color: rgba(48, 48, 51, .98) !important;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 6 12 rgba(0, 0, 0, .14) !important;
    box-shadow: 0 6 12 rgba(0, 0, 0, .14) !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 200px;
    overflow: auto;
    padding: 4px 0;
    position: relative
}

.arco-dropdown-menu-item:hover, .arco-dropdown-menu-pop-header:hover {
    background-color: hsla(0, 0%, 100%, .14) !important;
    color: hsla(0, 0%, 100%, .6) !important
}

.arco-dropdown-menu-item, .arco-dropdown-menu-pop-header {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}
.footer--3bZr4 {
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          flex-flow: column wrap;
                          width: 100%;
                          height: 1.5rem;
                          background-color: #f2f2f2;
                          color: #a2a2a2;
                          line-height: 1.24
                      }

.footer--3bZr4 * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text
}

.footer--3bZr4 p {
    font-size: .12rem;
    line-height: 1.24
}

.footer--3bZr4 .row1--2PP6g a, .footer--3bZr4 .row2--1NIkW a {
    color: #a2a2a2
}

.footer--3bZr4 .row1--2PP6g a:hover, .footer--3bZr4 .row2--1NIkW a:hover {
    font-weight: 500
}

.icpImage--3mB0e {
    width: 17px;
    height: 17px;
    vertical-align: bottom
}

.agreement_wrap--1iJoH {
    padding-top: .3rem;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center
}

.agreement_wrap--1iJoH a :first-child {
    margin-right: .48rem
}

.agreement_wrap--1iJoH span {
    color: rgba(32, 32, 35, 0.3);
    line-height: .17rem;
    font-size: .14rem;
    font-weight: 500
}

.agreement_wrap--1iJoH span:hover, .agreement_wrap--1iJoH span a:hover {
    color: #a2a2a2
}

.container--2Csu8 {
                          width: 100%;
                          height: 100%
                      }

.header_wrap--2ZyLS {
                          position: fixed;
                          z-index: 5;
                          top: 0;
                          left: 0;
                          background-color: rgba(29, 29, 31, 0.72);
                          backdrop-filter: saturate(180%) blur(20px);
                          -webkit-backdrop-filter: saturate(180%) blur(20px);
                          width: 100%;
                          height: .6rem;
                          padding: 0 3.4rem
                      }

.header_wrap--2ZyLS .header--23-9A {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header_wrap--2ZyLS .header--23-9A span, .header_wrap--2ZyLS .header--23-9A a {
    color: #fff;
    cursor: pointer;
    font-size: .16rem
}

.header_wrap--2ZyLS .header--23-9A span:hover, .header_wrap--2ZyLS .header--23-9A span a:hover {
    color: #a2a2a2
}

.header_wrap--2ZyLS .header--23-9A .adv_cop_bold--yib1Y {
    color: #00ffe7
}

.header_wrap--2ZyLS .header--23-9A .adv_cop_bold--yib1Y:hover {
    color: #00ffe7
}

.header_wrap--2ZyLS .left--2SI_1 {
    float: left;
    display: flex;
    align-items: center
}

.header_wrap--2ZyLS .left--2SI_1 .logo--3kSTa {
    width: .8rem;
    margin: 0 .8rem 0 0
}

.header_wrap--2ZyLS .left--2SI_1 span:nth-of-type(1), .header_wrap--2ZyLS .left--2SI_1 span:nth-of-type(2) {
    margin: 0 .42rem 0 0
}

.header_wrap--2ZyLS .left--2SI_1 .new--13qvc {
    color: #fff;
    cursor: pointer;
    font-size: .16rem;
    position: relative;
    margin-right: .42rem
}

.header_wrap--2ZyLS .left--2SI_1 .new--13qvc .tool_tips--FPrL9 {
    min-width: 342px;
    min-height: 48px;
    position: absolute;
    top: .54rem;
    left: 0;
    background: linear-gradient(90deg, rgba(112, 243, 231, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.09%), rgba(9, 28, 54, 0.9);
    border: 1px solid #2b4559;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px
}

.header_wrap--2ZyLS .left--2SI_1 .new--13qvc .tool_tips--FPrL9 .tooltip_arrow--1x3aG {
    width: .2rem;
    position: absolute;
    top: -.08rem;
    left: .2rem
}

.header_wrap--2ZyLS .left--2SI_1 .new--13qvc .tool_tips--FPrL9 .know_more--34e0Q {
    width: 80px;
    height: 24px;
    margin-left: .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-weight: 600;
    font-size: 14px;
    color: #73f8e7
}

.header_wrap--2ZyLS .left--2SI_1 .new--13qvc .tool_tips--FPrL9 .know_more--34e0Q .right_arrow--uYV4_ {
    width: 12px;
    height: 12px;
    margin: 0 0 0 6px
}

.header_wrap--2ZyLS .left--2SI_1 .new--13qvc .new_tag--2TLpJ {
    width: .3rem;
    height: .16rem;
    cursor: pointer;
    padding-left: .06rem
}

.header_wrap--2ZyLS .right--3on_Z {
    float: right;
    position: relative;
    min-width: 1.8rem;
    display: flex;
    align-items: center
}

.header_wrap--2ZyLS .right--3on_Z a:nth-of-type(1) span {
    margin: 0 .42rem 0 0
}

.goto_mobile_portal--2sTo9 span:hover {
    color: #a2a2a2
}

.download_btn--3vCus {
    padding: .11rem .26rem;
    height: .36rem;
    border-radius: .18rem;
    background-image: linear-gradient(67deg, #0ad3fb, #00ffe4);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.download_btn--3vCus:hover {
    color: #000;
    -webkit-filter: hue-rotate(40deg) saturate(220%);
    filter: hue-rotate(40deg) saturate(220%)
}

.mac_style_btn--3hTTP {
    border-radius: 6px
}

.header_wrap--2ZyLS .header--23-9A .download_text--1mWlu {
    font-size: .14rem;
    font-weight: 500;
    margin: 0 0 0 .08rem;
    color: #000;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.header_wrap--2ZyLS .header--23-9A .download_text--1mWlu:hover {
    color: #000
}

.agreement_wrap--10GeR, .btn_wrap--2tYl4 {
    align-items: center;
    opacity: 0
}

.agreement_wrap--10GeR {
    width: 1.7rem;
    white-space: nowrap
}

.arco-modal--718RF {
    position: relative;
    margin: 0 auto;
    top: 100px;
    width: 520px;
    border-radius: 4px;
    border: 0 solid transparent;
    background-color: rgba(48, 48, 51, 0.98);
    line-height: 1.5715;
    text-align: left;
    white-space: initial;
    box-shadow: none;
    box-sizing: border-box
}

.fuck_ie_root--3injo {
                          padding-top: .5rem
                      }

.bg--19DYk {
    width: 100%
}

.main--i8H-n {
    position: relative;
    width: 100%;
    height: 1150px
}

.main--i8H-n .first_screen--2PMFx {
    width: 100%;
    position: absolute;
    top: 45%;
    z-index: 4
}

.tips--2_hFx {
    margin: 16px auto 0;
    color: #a1a1a6;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.33;
    margin-bottom: 10px
}

.recommend--dd2Sr {
    cursor: pointer;
    color: #a1a1a6;
    margin-left: 5px
}

.recommend--dd2Sr:hover {
    text-decoration: underline
}

.download_btn--4olaU {
    margin: 0 auto;
    width: 190px;
    height: 52px;
    border-radius: 26px;
    background-color: #00ffe4;
    color: #000;
    padding: 17px 30px;
    cursor: pointer;
    text-align: center
}

.download_btn--4olaU span {
    font-size: 17px;
    margin: 0 0 0 12px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle
}

.download_btn--4olaU img {
    vertical-align: middle
}

.download_btn--4olaU:hover {
    background-color: #0ad3fb
}

.windows_icon--90Ddk {
    width: 15px;
    height: 15px
}

.mac_icon--hmz2G {
    width: 22px;
    height: 22px
}

.header_wrap--S4uQu {
                          position: relative;
                          font-size: .16rem;
                          line-height: .22rem;
                          color: rgba(249, 249, 249, 0.35);
                          display: flex;
                          justify-content: flex-end;
                          align-items: center;
                          padding: .41rem 0 .25rem;
                          border-bottom: 2px solid #1f2226;
                          cursor: pointer
                      }

.arrow--23axv {
    width: .11rem;
    height: .07rem;
    margin: 0 0 0 .09rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main--1Af4j {
    position: relative;
    width: 1.02rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.list--1MlKQ {
    position: absolute;
    top: calc(100% - .01rem);
    left: 0;
    width: 1.02rem;
    padding: .16rem;
    border-radius: .08rem;
    border: 1px solid #232429;
    background: rgba(231, 233, 234, 0.04);
    backdrop-filter: blur(25px);
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.list_item--sM_sB:hover {
    color: #f9f9f9
}

.list_item--sM_sB:not(:first-child) {
    margin: .16rem 0 0
}

.root--DWcJO {
                          width: 9.6rem;
                          margin: 0 auto;
                          font-weight: 400;
                          font-size: 14px;
                          color: #fff;
                          padding: 0 0 .48rem
                      }

.root--DWcJO * {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.content--2uufT {
    display: flex;
    flex-direction: column
}

.box--1AHtK {
    padding: .24rem 0;
    display: flex;
    border-bottom: 1px solid #1f2226
}

.box--1AHtK div:nth-of-type(3) {
    margin-left: 1.06rem
}

.label--3wBXo {
    width: 2.46rem;
    color: #585e64
}

.lowest--1X-S3, .best--3IkmR {
    width: 3.04rem
}

.configuration_pic--2QMjY {
    width: .48rem;
    height: .48rem;
    margin: 0 0 .16rem
}

.configuration--29vc_ {
    width: 3.04rem;
    border-radius: .16rem;
    background-color: rgba(22, 22, 26, 0.6);
    padding: .16rem
}

.config_title--3yqb2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 0 .08rem
}

.config_text--3ua8P {
    font-size: 12px;
    line-height: 20px;
    color: rgba(249, 249, 249, 0.35)
}

.content_text--207CF {
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.footer--nbElY {
    margin-top: .24rem
}

.footer--nbElY p {
    font-size: 12px;
    color: #585e64;
    margin-bottom: .16rem;
    line-height: 17px
}

.footer--nbElY p a {
    color: #a1a1a6;
    cursor: pointer;
    margin: 0 .05rem 0 0
}

.footer--nbElY p a:hover {
    text-decoration: underline
}

.mobile_root--1f7B8 {
                          position: relative;
                          max-width: 2560px;
                          min-width: 1000px;
                          margin: 0 auto
                      }

.section_common {
    width: 100%;
    position: relative
}

.section_common img {
    display: block;
    width: 100%;
    height: auto
}

.section_top .title {
    position: absolute;
    top: 43.88889%;
    left: 57.1875%;
    width: 14.53125%;
    height: 15.83333%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZYAAACrBAMAAAC3RadiAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAATH0lEQVR42u2da2xcx3WA5+6Du8vntrCTWCFZIqgRx4lLFvC/2iKdyjEKROVasSondULmR1EHbkvarUE1try0UVvbKAzpIIYDxMLSaVM5f7pKH3EKRVmqTooArbIr1I4s26urWG3c1KBWtUXxtbvTOWdm7p372gd5l9KPe34s93nvfHPPmXPmzJlLQoREJsWT8Bi5ruRT8sntTf4gfJJeFU9/g25Oe33tyInvu38Q2zzWni74HZ2KTtYofbmpn2g6rYqnaUo9m5Wnq+4fdFE6vbXG3rDHLiPqxwOUFkV3UXqluUOOU5riz3S6QVpm6RUdoCltGmr2xDY5rn4coXSFP+uhdLE5lk55DIb/i9ZZRimVpzaEX6gTXvKPTbGQHN2U+lJLNoCIzaD8JaVr+OQJSo/xt1i/donzHm/EMkUrHizUS640YOGNmMlSehiflOkGf+cRT5Y+z5ONmR9ebsQyT9f8Zmn0w7awhJhtFOgamMjvbonl+RlTHru2LDHzJ5sqy2SzLGPWg7WdJWb5yJPFGOPL0lLNLmcmqV6CR/xniezxkiSysCdbYIlT5xWM2X9Yn8WzXXdtzZH14dm3wDLuMrJ3Kp9bWP5dGalP2sfk1iRsIn9SvPXQiRPbYmEq5owDeqmbtdXxL7c7/G6H6R484w8pq3CAuzCOaZ4FG1SxvO6ntjdAJih9ryWWvDomhkHpY+Yw1AxLHmzLleW4GMf6nCzSvSiteN9xHub1lrbO0gV2tRMsugyauOyiLiqmUdf409O/bJXlTbS78lZZQpReUFtdUK08Ilr5ZSqjEZSxRuMYnK2K7fpRSyzTpifcCgv7cDFtNv9O6MkXXYYG6ogKGrCsmg1smuUbOFgUtsrSzZy8ycIbX0v5wLKO7fr0TtrLMKVJgyUk1Hw92SyLv/ayTZZ5Nn2TLBqbNNANdgD6SrMs19U4ptOrBsufwnFmwzrTsknJsskMWKc17tbfZX/ybWTZnr1EYRgTLIjy34TcxP6sSZbLOC3cNM2hr0mWrdhLnXHMjJM9WdgBFnhbQ1/DSCaJM00xlm2HZSvj2Mtod/oWWZjpD/G24vSF61a4LJxMAxb+ZjXpml3YxHYd8stemmBh3xb28H2w+Sf5u5+g9GJzLFNuEU87bL8Jlinz9yyu/7rh/WsjTbHEjTmo3yx/DBM+hYWNOk3omPy9pn/djMouNmP7RMuxoNo62xpzYemAxFCLti9DWus4FmM+7OzMDFPsmRkGOmMJEnuUvviI8v5QUyx7nb7nsovtoySaZQljbEm+hDPzqpWlz/1sxoTRvK5uqY16LDfRhiy78dsdz2OyrNgES7pW5m3hg+R6CyyQVNqTBUX5ZFjNTB5vgiVWbsASo5d4lCBSPAtNsCDCe5jnN5MdzbGIwWzTlusTX6rL8gGdNmDhRxzi8x9aJ2+vsPRi7MGDXgO/3SwfhavCTHDmcUwBs8dViC6Lqo6VZQRRMPWlAQso/d8K+6L0O7Y8TEzmdkXWedoXFt7Vz/JhfZGQQehDM+rnLGyY2xgTAxLdSDXMwwyB0t9VL6cknaKx5OTLdYEDvgr5Fe75s6BMJsvtmBf6zT2N0vut5sdQynTZWHJyZ/ltGAZ+j9Ifm26iHssApe8kcdIAMUIElSm2jQxZzDMDa2dh3/ymp/GxtoYO5C/b54b1WaJ0HZzQhymuZA1igrBLrhmlW8zAtsTCzvUZ17yQWOopiy82z0K+CyjRMlddPqsxPGNbWeaZgumuBqN96su6aSItsBiT6kmMyzbJDrFEofemnCttoZkTVnNvjUWDNv8XH8ve5qnaLbPI/NVM3swiZE0WEVsy+S0Y+AedK6AR+zyqJRbMD1RGcCzDcLlPmuQ9Zjpj3Vz2aGotWSubY9S4yWJ0N2TwJqExjqBLgtSOjZBWWcJZxcWsi2Vc6/AyaAZhkSZZ+qmZSB3HqMHKIpYcdOdIJr5UGXHJcTWKYQoiP4Au+pQ4t7WPC8ZyPbC818zKRUFpgXMuho7sbZ6tv+icM1Vfzpt5yxZY+uHoa8wCNXaQSlIMiJaj30EtR77chIax5ptWLY+nsOwS6swuT23E+ttvPf8ZQtJbYgmx4XgDVOAL8rKQvHXF6YNUWZaKWRPXHiiHqNrfskCAr/GBB4crvSaXiS56+v2W7WWUroPKfpzKy6JRy/rHB3W17zqbiAluBAs0f6LplvmLzHcvSFuqpTxY+EqWjGH4Mpsby7DB0vEruCofosZlSShmS7TPUksfDzSav5AbHkNF+p66fnLVyhIz+g3HzlUPlrzVF6x6saSt2YqPmdG8xkKz/5Mk9+SNdJuRGpisd0kO/oif+B2eFKmhQxHHkyxgmaLfeOz94jZY8u/+0DKn0h4SWbVv/cvMDDQGHZh24Aifctb4FZx/F1O3tF7QLBMP7yRlPlWZi0X27MG/X1BnQQnqNP9WWNJypmhJ4/wDRsvK1FHMOGsPG6udDediIoQ5m7Q4i5q1YGpAzDmNC1PZxnUZRWdELPkx+prZ3A2ihDDVh601FW83cPfsF9+wJdj+0+Z8KP2l+arDrSyrEctDJ37AF7Vne+1hFRsif64093uGu6f03Jg1i1cdqWv5LPo9NmJJqFLqqERMV9SD/L7LJCbtVojg6t8S1DYSjorz8dzUv5mX640/t+nP5mT9UeyWv0i6TJltkrBM8DWXwkfe7+6x67QjmL3XQvuUkpsyZuqhw7ZJ++1GKUUggQQSSCCBBBJIIIEEEkgggQQSSCCBBBJIIIEEEkgggQQSyHUqMXV9NDEJj3vVt7r+yf6DV23f+PAZeIy/Jj//9jVjyaoFDelFeJyYVd9asv0gvmL7RgzLiwbPiJc9uNXo7v0g97qfk38I4itKYj37rPFCK4+QEWtLw5eG1GaXmFRKpQL8HZPvnseq6UnxqvcCPPJCkBX3k+qee+i3d1mWEhVjmT+xRjqvcJbIY7yoYKCSAXnayaLDF3rgDf00e6jBMyiPHMVCLx16/XPA0uOsjtczQnxl6d9Ikuwr8tXUEokysonZA0dFkY9W4G1Yc+rYPLD0OXdhTOFV1eVXSQIgS+erJQkrPgTxkyWssxYnxD5VErrEFGx+AUttzvG7hfRza9p9yoPFIXvxKp1TWIQVqeUkbWFJr5mPrOFQB9e9QibefEYYiVZY4EYji2KO2nTMatJJWXJU3XmWfrG7U3+FN3yaaH9wpJo0bf8OcVmMYsFLdtsPccUn5D7WRKALVYmb7VtZSkL8Y4mV/5U/2YU1YrfVSlCvWZhFlijr5I6y7bKEN5hKWsbkqByPqoKlg5cxHkTEp3aKJVowLPrPqtOwx+r0G5n9ZPB9bCk7uZZdRyeQXmUP+4hoKLRKYVkTSiNZOq+E3LxKe3UslKsYrkPLVQztj30bW9pbJP3VO80hCtscZ/qlV4WOnXNl6S3GV3acJV2dPCSv9dlwQdkRMgGaNVwksWd71piifA0evoJthvG1fFqwVF11bGIBWGQPrOwMy23TRs0m6/Qoi17iqOOzZBzClvSsbEHfZaP/Qc1gfxdeOc6yAVpYMFlyY8CSKbzEDjX/+lM7ZfsofeZJ+oS/62Va9BZWI3KWJZUlfVFEbB1rbjqmLfORmHvSIrlmLD9hXfzAZdytwKsfsQXDRZNFO4RFnBOzocwcVoFGMcYxWWKrzbC0w1faWIr2k+KLiUWD5Z587Uk+KwjRN3G0iGJsUjZY4sJMrheWW1KWFqDlcJbc5sP2gV3qmPCVEXSmrwpTvPYspvfoWWFal3uUPRzANn+A2ENezlJAR1oeMQI2Mo+278XSljjZ1fYVFpt/IaQmzfa8yXK0VMEfbxCFpa6O+T9/icJwOgFdvx+1qu911lVznCX6VQjVYuyNI5VM1ZzBVG2Ni5wl5NAbD+NXp5tm8V/H+mwKY+jYcw/+0Czj71olyvbdqpjxWxvnmETvOAv6xvk17iBVFhZhvv5F+a3xC3YWnNGLxh3MKMJnzfGrD5auH9v/6R+Z1fEwE7CzXDAbZ7mlAFwL7cAcbPDwtn3Wg6bti15sA8syt2lLliWxIYwk9kXJMn7c1tGDfPcF6NWnYVvIo/V0rK/RzQ38Z4mIIDp7SrDw1sDT7LSNJTtrsIyfPny/Yi8RJwuOOAfg4Wlj1GmzfxGRez9kaawsoUvJIQtLXOzPyaestr9/frnqai8k9LMRCBmeJO23F2Dpwn2mHeVTciDuQYVh7r1/LVb9OxJJmRMhkdnQhwyWG3PfLcG8/5g7yxMbsEt0rvbkzrB0g4GH+NQTWYaLcjq6FHmBmsFM6O/ljeAuGWMy+Njam4cnisb+KcuE5gGxre2QbzB8KOFjciYzJFi6GQsE+VPMwKM5visJ9kSGhFHcU4A+/WihJu7y8dmCnJImTL8ff+mZfaJz9pYsAq7pAWM34BPVSX9YrB2WwlPHMrkLpBcCFdb+WKHCT5UTu+K0g0d0uolND83hrrkBXdwhpJsFy28rvtK80A55nP7EGPCzG/6w7LdIEk8dh12N4ZOM5WXW0ZspJfX6NxBD0uVnpOv5Q7D47uXnBIBOzyWbY8n9sxJGnWtTyj86RrT9aip8yP6Nm8eUFx/xSooYeZi46+3uf1198WskkEACCSSQQAIJJJBAAgkkEB9k6Bqdt2R7nZgm0bPqG9pJnPnOpTx/pZ3EPycNhKxb+i70tPkD9f1J/1gwOX23mT8cLpKE9f5PuCqmLScdvzLn7zATDpv349HtF6ZzUVm7JeSoeceZA/mr/nDEeXI6w/PbPE2WXiDd1pvJ9UCuOC5PGdpnsNwsmzy6BN8wewDSZDGRQpIdpLLM869GDxwpqPcN2pbIJDXRX8pkckv4XmFE1LJxXRKlbyV9WTQsvmawzM+Kb3XDgvKgkXLB4p64uu41Zb0uYf1F8ji/0d8xv2wLktQUah5hzbQwhm8xTZl/jieZUo7/KOXCYina48stSqtjFUMJlXfJrkrytlLp9a+u+2v72CrGEuU5t86r5oqK62KCnSVmrKOAYAopbprA7l8YBqSykOxx81j+swzws44WSUdF5GZtebrIvcRDx2yDQZdxJyutgANKxyaxscSTfrPAUjyFEkjGkpuU2tAt/y0bFPjcIipkomOkZ6Uplj6lpKefG3mnx8qR3yw1zqJdwp6KMrOdWBJ6AHQTogF9xWZZekqFZblenuX3mBuFgeMttXbUfxaQqtCx3XgPtW72EvTilmnhD2VVnDdLTLEXDjc1KxZbbhK2jQsEpo6FX2kPS3RTsITRGc5XmbkAQlEUgzdm6XEoEHP7uDgLFbXYdrwTqMmSqE0L94OX6qwvIAczma9U0FemuA+I1Kpk8H3O0omV7K3rGNaT8Py+KPrtXLON1E+sG+7HWvm8DdENX5nia3D9q1WSW+AsBA1o4ju8Cstkwb6kWC3uzgKucnxRYUmfsbGEywshrCrHMrp9vrCwMCz9mvSVA5fBVqvk1iRn4QGgU8cUlXJnia2KGE6whMspG4ss4PbZXjAsZCz7H9QXYTkYKxEWGIuozJ34Ka+QMVjsTRc7Jij/cx+o1BUwmZtFfdM+MsAbrrJo/5H0nyXBYww9laa/SpLEGWRh8dhEMcwXsydERZIni/U/OcCPeotgMvOGNexecLCIBSRfWaIFWMy+OamnboQejYwgS3oadCyXUnXM8JV2Fks5TOYwDMkLhHXE/ewVlI8+jTXbdhb/x+QOXBFman10THU3LFRmLNx8+eo4jrW7cWC7T2G5WzE9c3qTG0OTMW2fD8DCV461iWWAL2ar+yWqfFLFWHreEyyJkr6EEfOi4VsFi24Zhw2tmyXd71tY4rbqH0L+JOUsYN6eiP/rbmOBTgVfiX27F9zasSTo0mHizRJSCpk+URkaXXIc2Kpj+ZSsDzy/4teVKRm7ikoLsqlwQRhLqOId8ygsWKiz//6qMeVhg9gvs9P1WQBd0Pf4xlIzWPSibCpU8IKvzI8YsxMuf+XG0uesn+oo80DVmyW23gaWqnHKPoMFBjBgYcOZdda44mAJy7L5fPl/lODyzmoDFqgL3AkWdCzAMrwkPRvv5riTRRaHafqX1NzNhLhPuCcLTCt2gqVzVbB0yf/IluCtcGGRh+negEJGw6vrD/L7o3uy5Kd3hmW0KFhisqvn+QXq8mTRcqdYiGVubNwQG9C8WPDSt5FlWLIcmhYsMnl3q9h+yR2OG8vn2Te0ws+N9NcZEi3P1mHBSUDbWD6UyR1XhlxkIXxT4q1lsS2Wb2flbgFjftiQgI4P7xMfp2JSFYO7q9+RrMMyDL1S4aP4A76z9Mjbu0sWme6LvmDUemXR7zv+iXXHUX7LcHIr/V8slM0ae/54SMe3isoYBmrh5hcJ8dvvE3JYsETkJmhMOX4zU+CDq1aS/6PrdOk8v0G8+g+gQMfmKJW37f5YmZ6bJLtEr3y+9BYdIY5sIGu7hlsYqtxpzfnG4hbDQPgkdyj/7Jz4bI5WnyVuLPTdR0w1eoGFW93isgxToXQRa8ndvUT7a9IOe0E5pMSu97X640ctr25g13KoBZWQGcTtyv8DI7o7H2gia8gAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% auto
}

.section_top .title span {
    visibility: hidden
}

.qrcode_interact {
    display: block;
    width: 100%;
    height: 100%
}

.qrcode_interact img {
    width: 100%;
    height: 100%
}

.qrcode_interact .large_code {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.16rem;
    height: 2.16rem;
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
    transition: .3s all
}

.qrcode_interact .default {
    display: block
}

.qrcode_interact:hover .hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.interact img {
    display: block;
    width: 100%;
    height: auto
}

.btn {
    width: 2.15rem;
    height: .72rem;
    margin-left: .14rem
}

.btn > img {
    width: 100%;
    height: 100%
}

.btn_wrap {
    width: .72rem;
    height: .72rem
}

.btns {
    width: 6rem;
    position: absolute;
    left: 0;
    bottom: -1.32rem;
    display: flex;
    align-items: center
}

.root--1rKEu {
                          font-size: 0;
                          width: 100%;
                          min-height: 100vh
                      }

.download_btn--28AFH {
    margin: 0 auto;
    width: 6rem;
    height: 1.8rem;
    background-image: linear-gradient(67deg, #0ad3fb, #00ffe4);
    background-color: #00ffe4;
    border-radius: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0
}

.download_btn_text--3kq9z {
    font-weight: 500;
    font-size: .6rem;
    color: #000
}

.btn_wrap--tlgWH {
    position: absolute;
    top: 10rem;
    width: 100%
}

.is_mobile--EtvCO.adv_coop_first--21NeC {
                          width: 100%;
                          background-image: url("../image/mobile_adv1_bg.png");
                          background-size: 100%;
                          height: 124.26667vw;
                          margin-bottom: 72vw;
                          padding-top: 24.26667vw;
                          display: block;
                          margin-top: 2.4rem
                      }

.is_mobile--EtvCO .container--2CUZQ {
    display: block;
    width: 100%;
    margin: 0
}

.is_mobile--EtvCO .title_box--3rdGg {
    margin-left: 16.8vw
}

.is_mobile--EtvCO .part1title--1K5BE {
    width: 39.2vw;
    height: 9.06667vw
}

.is_mobile--EtvCO .part1subtitle--375pA {
    font-size: 5.45333vw;
    line-height: 8vw;
    margin-top: 1.81867vw
}

.is_mobile--EtvCO .info_box--ea5yI {
    width: 91.46667vw;
    height: 107.73333vw;
    border-radius: 1.6vw;
    position: static;
    margin: 24vw auto;
    padding: 6.4vw
}

.is_mobile--EtvCO .info_box--ea5yI .error_tip--oMCi6 {
    font-size: 3.2vw;
    line-height: 4.8vw;
    bottom: -4.53333vw
}

.is_mobile--EtvCO .info_title--3zd8L {
    font-size: 4.26667vw;
    line-height: 6.4vw
}

.is_mobile--EtvCO .input_action--230_Z {
    width: 78.66667vw;
    height: 10.66667vw;
    padding: 0 2.13333vw;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.is_mobile--EtvCO .action--2JSOo {
    margin-top: 4.26667vw;
    font-size: 3.73333vw;
    line-height: 10.66667vw;
    border-radius: 1.06667vw
}

.is_mobile--EtvCO .textarea_action--2esmu {
    width: 78.66667vw;
    height: 21.33333vw;
    padding: 2.13333vw;
    line-height: 5.86667vw
}

.is_mobile--EtvCO .submitBtn--3nzK8 {
    width: 78.66667vw;
    height: 11.73333vw;
    border-radius: 1.06667vw;
    font-size: 4.26667vw;
    line-height: 11.73333vw;
    margin-top: 6.4vw;
    font-weight: 500
}

.is_mobile--EtvCO .message_box--3Hzld {
    width: 91.46667vw;
    height: 62.4vw;
    border-radius: 1.06667vw;
    padding: 7.46667vw
}

.is_mobile--EtvCO .message_box--3Hzld .title--25xt7 {
    font-size: 4.26667vw;
    line-height: 6.4vw
}

.is_mobile--EtvCO .message_box--3Hzld .message_tip--r3Y01 {
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    margin-top: 2.13333vw
}

.is_mobile--EtvCO .message_box--3Hzld .message_error--3nD78 {
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    margin-top: 2.13333vw
}

.is_mobile--EtvCO .message_box--3Hzld .message_input_box--2VCxY {
    text-align: center;
    width: 76.53333vw;
    margin-top: 6.4vw
}

.is_mobile--EtvCO .message_box--3Hzld .message_input--31Kpu {
    width: 100%;
    height: 10.66667vw;
    border-radius: 0.53333vw;
    font-size: 3.73333vw;
    line-height: 10.66667vw;
    padding: 2.4vw 3.2vw;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.is_mobile--EtvCO .message_box--3Hzld .message_btn--3KXWg {
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    right: 3.2vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is_mobile--EtvCO .message_box--3Hzld .countdown--XWhfu {
    font-size: 3.73333vw
}

.is_mobile--EtvCO .message_box--3Hzld .close--1Zzy- {
    top: 10.4vw;
    right: 10.66667vw
}

.is_mobile--EtvCO .message_box--3Hzld .close--1Zzy-::before, .is_mobile--EtvCO .message_box--3Hzld .close--1Zzy-::after {
    content: " ";
    width: 3.46667vw;
    height: 0.4vw
}

.is_mobile--EtvCO .message_box--3Hzld .btn_list--2OFBc {
    margin-top: 6.4vw;
    justify-content: space-between
}

.is_mobile--EtvCO .message_box--3Hzld .btn_list--2OFBc .btn--3NGIT {
    width: 36.66667vw;
    height: 9.6vw;
    border-radius: 0.53333vw;
    font-size: 3.73333vw
}

.is_mobile--EtvCO .success_box--23sye {
    width: 91.46667vw;
    height: 82.13333vw;
    border-radius: 1.06667vw;
    padding: 10.66667vw 7.46667vw 7.46667vw
}

.is_mobile--EtvCO .success_title--2nESg {
    font-size: 4.26667vw;
    line-height: 6.4vw;
    margin-top: 6.4vw
}

.is_mobile--EtvCO .success_tip--1moHc {
    margin-top: 2.13333vw;
    font-size: 3.73333vw;
    line-height: 5.86667vw
}

.is_mobile--EtvCO .ok_btn--3DERe {
    width: 76.53333vw;
    height: 9.6vw;
    border-radius: 0.53333vw;
    margin-top: 6.4vw;
    font-size: 3.73333vw
}

.is_mobile--EtvCO .view_more--JBITG {
    display: none
}

.adv_coop_first--21NeC {
    margin-top: 0.6rem;
    height: 8.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.part1title--1K5BE {
    width: 3.44rem;
    height: 0.81rem
}

.part1subtitle--375pA {
    font-size: 0.48rem;
    line-height: 0.7rem;
    color: #fff;
    font-weight: 400;
    margin-top: 0.16rem
}

.info_box--ea5yI {
    width: 4.96rem;
    height: 5.99rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 0.16rem 1.2rem #0a1823;
    border-radius: 0.06rem;
    padding: 0.32rem 0.48rem
}

.info_title--3zd8L {
    font-size: 0.24rem;
    line-height: 0.35rem;
    color: #1a1b1c;
    font-weight: 700
}

.action--2JSOo {
    background: rgba(67, 75, 77, 0.07);
    border: none;
    border-radius: 4px;
    padding: 0.12rem 0.16rem;
    box-sizing: border-box;
    margin-top: 0.24rem;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #1a1b1c
}

.input_action--230_Z {
    width: 4rem;
    height: 0.48rem;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.textarea_action--2esmu {
    width: 4rem;
    height: 1.36rem;
    resize: none;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.input_error--TjyD7 {
    border: 1px solid #f94671;
    background: rgba(249, 70, 113, 0.06);
    position: relative
}

.input_box--1Xy_M {
    position: relative;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.input_box--1Xy_M .error_tip--oMCi6 {
    position: absolute;
    color: #f94671;
    font-family: "PingFang SC";
    font-size: 0.12rem;
    line-height: 0.2rem;
    left: 0;
    bottom: -0.22rem
}

.submitBtn--3nzK8 {
    width: 4rem;
    height: 0.6rem;
    background: linear-gradient(90deg, #60d4f5 0%, #72f7e5 100%);
    border: none;
    border-radius: 0.06rem;
    margin-top: 0.48rem;
    color: #010303;
    font-size: 0.2rem;
    line-height: 0.28rem;
    font-weight: 600
}

.submitBtn--3nzK8:active {
    background: #004d52
}

.submitBtn--3nzK8:hover {
    cursor: pointer;
    background: linear-gradient(90deg, #3caff3, #31eaf5)
}

.container--2CUZQ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 12.8rem;
    margin: 0 auto
}

.view_more--JBITG {
    position: fixed;
    left: 50%;
    bottom: 0.24rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.view_more--JBITG span {
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: #fff;
    font-family: "PingFang SC";
    margin-bottom: 0.1rem
}

.view_more_arrow--2R2Y9 {
    flex-shrink: 0
}

@-webkit-keyframes arrowMove0--3YCOB {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .9
    }
    to {
        -webkit-transform: translateY(0.04883rem) rotate(-45deg);
        transform: translateY(0.04883rem) rotate(-45deg);
        opacity: .6
    }
}

@keyframes arrowMove0--3YCOB {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .9
    }
    to {
        -webkit-transform: translateY(0.04883rem) rotate(-45deg);
        transform: translateY(0.04883rem) rotate(-45deg);
        opacity: .6
    }
}

.view_more_arrow_0--3My7W {
    content: "";
    display: block;
    box-sizing: content-box;
    width: .1rem;
    height: .1rem;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove0--3YCOB;
    animation-name: arrowMove0--3YCOB;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes arrowMove1--1W8Tg {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .6
    }
    to {
        -webkit-transform: translateY(0.04883rem) rotate(-45deg);
        transform: translateY(0.04883rem) rotate(-45deg);
        opacity: .3
    }
}

@keyframes arrowMove1--1W8Tg {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .6
    }
    to {
        -webkit-transform: translateY(0.04883rem) rotate(-45deg);
        transform: translateY(0.04883rem) rotate(-45deg);
        opacity: .3
    }
}

.view_more_arrow_1--1I0OL {
    content: "";
    display: block;
    box-sizing: content-box;
    width: .1rem;
    height: .1rem;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove1--1W8Tg;
    animation-name: arrowMove1--1W8Tg;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    margin: 0.01465rem 0 0
}

@-webkit-keyframes arrowMove2--1fg33 {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .3
    }
    to {
        -webkit-transform: translateY(0.04883rem) rotate(-45deg);
        transform: translateY(0.04883rem) rotate(-45deg);
        opacity: 0
    }
}

@keyframes arrowMove2--1fg33 {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .3
    }
    to {
        -webkit-transform: translateY(0.04883rem) rotate(-45deg);
        transform: translateY(0.04883rem) rotate(-45deg);
        opacity: 0
    }
}

.view_more_arrow_2--Y2tmw {
    content: "";
    display: block;
    box-sizing: content-box;
    width: .1rem;
    height: .1rem;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove2--1fg33;
    animation-name: arrowMove2--1fg33;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    margin: 0.01465rem 0 0
}

.message_container--2T9fw {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: "PingFang SC"
}

.message_box--3Hzld {
    width: 4.68rem;
    height: 2.34rem;
    background: rgba(48, 48, 51, 0.98);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    padding: 0.28rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.message_box--3Hzld .title--25xt7 {
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #fff;
    font-weight: 500
}

.message_box--3Hzld .message_tip--r3Y01 {
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0.08rem
}

.message_box--3Hzld .message_error--3nD78 {
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: #ff2c52;
    margin-top: 0.08rem
}

.message_box--3Hzld .btn_list--2OFBc {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.24rem
}

.message_box--3Hzld .btn--3NGIT {
    color: #fff;
    font-weight: 500;
    border: none;
    width: 1.08rem;
    height: 0.36rem;
    border-radius: 0.02rem;
    cursor: pointer
}

.message_box--3Hzld .submit--qH2Oq {
    background: #00c1cd
}

.message_box--3Hzld .submit--qH2Oq:hover {
    background: #1CA0A8
}

.message_box--3Hzld .submit--qH2Oq.disable--1Jr8D {
    background: #142D34;
    color: rgba(255, 255, 255, 0.2)
}

.message_box--3Hzld .submit--qH2Oq.disable--1Jr8D:hover {
    background: #142D34;
    cursor: default
}

.message_box--3Hzld .cancel--2hLSL {
    background: #4a4a4f;
    margin-right: 0.12rem
}

.message_box--3Hzld .cancel--2hLSL:hover {
    background: #3E3E42
}

.message_input_box--2VCxY {
    margin-top: 0.24rem;
    position: relative;
    color: #fff;
    font-weight: 500
}

.message_input_box--2VCxY .message_input--31Kpu {
    border: none;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0.02rem;
    padding: 0.08rem 0.12rem;
    width: 4.12rem;
    height: 0.4rem;
    color: #fff;
    box-sizing: border-box;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.message_btn--3KXWg {
    font-size: 0.14rem;
    line-height: 0.22rem;
    position: absolute;
    right: 0.12rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.message_btn--3KXWg .countdown--XWhfu {
    font-weight: 400;
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.2)
}

.message_btn--3KXWg .resend--3hlrj {
    cursor: pointer
}

.close_box--2_m3n {
    width: 0.24rem;
    height: 0.24rem;
    position: absolute;
    top: 0.28rem;
    right: 0.28rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.02rem;
    transition: 0.2s
}

.close_box--2_m3n:hover {
    background: rgba(240, 240, 255, 0.1)
}

.success_box--23sye {
    padding: 0.4rem 0.28rem 0.28rem;
    background: rgba(48, 48, 51, 0.98);
    box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, 0.14);
    border-radius: 0.04rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4.68rem;
    height: 3.08rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.success_title--2nESg {
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #fff;
    font-weight: 500;
    margin-top: 0.24rem
}

.success_tip--1moHc {
    font-size: 0.14rem;
    line-height: 0.22rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0.08rem
}

.ok_btn--3DERe {
    color: #fff;
    background: #00c1cd;
    border-radius: 0.02rem;
    width: 1.08rem;
    height: 0.36rem;
    line-height: 0.36rem;
    align-self: flex-end;
    border: none;
    margin-top: 0.24rem;
    cursor: pointer
}

.ok_btn--3DERe:hover {
    background-color: #1CA0A8
}

.bg_filter--Kkr_J {
    width: 100%;
    height: 1.89rem;
    background: linear-gradient(180deg, rgba(11, 11, 19, 0) 0%, #0B0B13 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -99
}

.is_mobile--1Oa9W.adv_coop_second--1RdqS h2 {
                          display: flex;
                          flex-direction: column;
                          font-size: 8vw;
                          line-height: 11.46667vw;
                          align-items: center
                      }

.is_mobile--1Oa9W.adv_coop_second--1RdqS h4 {
    font-size: 3.2vw;
    line-height: 4.53333vw;
    text-align: center;
    padding: 0 4.26667vw;
    font-weight: 400
}

.is_mobile--1Oa9W.adv_coop_second--1RdqS .adv_coop_second_bg--2AmEB {
    width: 91.2vw;
    height: 62.56vw;
    background-image: url(../image/mobile_adv2_bg.b5616e07.png);
    background-size: 91.2vw 62.56vw;
    background-repeat: no-repeat;
    margin-top: 4.26667vw
}

.adv_coop_second--1RdqS {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.04rem
}

.adv_part2_title--1DMqI {
    margin-right: 0.2rem
}

.adv_coop_second_bg--2AmEB {
    height: 9rem;
    width: 19.2rem;
    margin-top: 0.24rem;
    background: url(../image/second_bg.1200e870.png) center center;
    background-size: auto 100%
}

.is_mobile--B3WOm.adv_coop_third--2jLX9 h2 {
                          font-size: 8vw;
                          line-height: 11.46667vw;
                          display: flex;
                          flex-direction: column;
                          align-items: center
                      }

.is_mobile--B3WOm .video_mask--36teY .video_player--3YeMx {
    width: 91.46667vw;
    height: 103.2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.is_mobile--B3WOm .hide_mobile_video--2wxM9 {
    left: 9999px
}

.is_mobile--B3WOm .feature_list--2j8tY {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap
}

.is_mobile--B3WOm .feature_item--1qm5B {
    padding: 4.8vw 4.26667vw 4.26667vw;
    width: 33%;
    min-width: 33%;
    max-width: 33%
}

.is_mobile--B3WOm .feature_item--1qm5B .icon--mqh55 {
    width: 19.2vw;
    height: 19.2vw
}

.is_mobile--B3WOm .feature_item--1qm5B .feature_title--1-hCM {
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    margin-top: 1.06667vw
}

.is_mobile--B3WOm .case_list--11u20 {
    padding-left: 4.26667vw;
    overflow-x: auto
}

.is_mobile--B3WOm .case_box--2jDu- {
    width: 74.66667vw;
    height: 86.72267vw;
    padding: 56.06667vw 6.4vw 6.4vw;
    border-radius: 3.10933vw;
    position: relative
}

.is_mobile--B3WOm .case_box--2jDu- .hide_oppo_video--1vnyV {
    display: none
}

.is_mobile--B3WOm .case_box--2jDu- .oppo_video_box--e9xk6 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #010303;
    width: 100%;
    height: 100%
}

.is_mobile--B3WOm .case_box--2jDu- .oppo_video_box--e9xk6 .oppo_video--1_jOm {
    width: calc(100% - 5.33333vw);
    height: 100%
}

.is_mobile--B3WOm .case_box--2jDu- .oppo_video_box--e9xk6 .close--pyQwh {
    right: 0vw;
    top: 0;
    width: 5.33333vw;
    height: 5.33333vw
}

.is_mobile--B3WOm .case_box--2jDu- .oppo_video_box--e9xk6 .close--pyQwh::before {
    right: 2.66667vw
}

.is_mobile--B3WOm .case_box--2jDu- .oppo_video_box--e9xk6 .close--pyQwh::after {
    right: 2.66667vw
}

.is_mobile--B3WOm .case_box--2jDu- .title--ux6ak {
    font-size: 4.26667vw;
    line-height: 6.13333vw
}

.is_mobile--B3WOm .case_box--2jDu- .subtitle--3BmFq {
    font-size: 3.2vw;
    line-height: 4.53333vw;
    margin-top: 0.8vw
}

.is_mobile--B3WOm .case_box--2jDu- .data_list--1jhD2 {
    bottom: 6.4vw;
    left: 6.4vw;
    font-size: 2.66667vw;
    line-height: 3.73333vw
}

.is_mobile--B3WOm .case_box--2jDu- .data_list--1jhD2 .big_data--uSkqt {
    margin-right: 4.66667vw
}

.is_mobile--B3WOm .case_box--2jDu- .data_list--1jhD2 .bold--qbvAF {
    font-size: 4.26667vw;
    line-height: 5.06667vw;
    margin-right: 1.16533vw
}

.is_mobile--B3WOm .case_box--2jDu- .mask--3GOPd {
    display: none
}

.is_mobile--B3WOm .view_btn_list--2ABNy {
    display: none
}

.is_mobile--B3WOm .close--pyQwh {
    top: 8vw;
    right: 8vw
}

.is_mobile--B3WOm .close--pyQwh::before, .is_mobile--B3WOm .close--pyQwh::after {
    position: absolute;
    content: " ";
    background-color: #fff;
    width: 0.53333vw;
    height: 4vw
}

.adv_coop_third--2jLX9 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.part3title--1KWFg {
    margin-right: 0.1rem
}

.feature_list--2j8tY {
    display: flex;
    justify-content: space-between;
    width: 12.8rem;
    margin-top: 0.6rem
}

.feature_item--1qm5B {
    display: flex;
    flex-direction: column;
    align-items: center
}

.icon--mqh55 {
    width: 1.28rem;
    height: 1.28rem;
    background-position: center center;
    background-size: 100%
}

.feature_title--1-hCM {
    font-family: "Noto Sans SC";
    font-weight: 700;
    font-size: 0.24rem;
    line-height: 0.35rem;
    color: #fff;
    margin-top: 0.08rem
}

.case_wrapper--1uvp7 {
    width: 100%
}

.case_list--11u20 {
    display: flex;
    margin-top: 0.84rem;
    transition: 0.5s -webkit-transform;
    transition: 0.5s transform;
    transition: 0.5s transform, 0.5s -webkit-transform
}

.case_box--2jDu- {
    width: 3.84rem;
    height: 4.46rem;
    border-radius: 0.16rem;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 0.64rem;
    position: relative;
    flex-shrink: 0;
    padding: 2.86rem 0.32rem 0.32rem;
    color: #fff
}

.case_box--2jDu- .title--ux6ak {
    font-weight: 700;
    font-size: 0.22rem;
    line-height: 0.32rem
}

.case_box--2jDu- .subtitle--3BmFq {
    margin-top: 0.04rem;
    font-size: 0.16rem;
    line-height: 0.23rem;
    color: rgba(255, 255, 255, 0.8)
}

.case_box--2jDu- .data_list--1jhD2 {
    font-size: 0.14rem;
    line-height: 0.2rem;
    display: flex;
    margin-top: 0.11rem;
    position: absolute;
    bottom: 0.32rem
}

.case_box--2jDu- .data_list--1jhD2 .big_data--uSkqt {
    margin-right: 0.24rem
}

.case_box--2jDu- .data_list--1jhD2 .bold--qbvAF {
    font-size: 0.24rem;
    line-height: 0.29rem;
    font-weight: 700;
    margin-right: 0.06rem
}

.mask--3GOPd {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0.16rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s
}

.mask--3GOPd .check_case--2QFwU {
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
    color: #010303;
    background: linear-gradient(90deg, #60d4f5 0%, #72f7e5 100%);
    border-radius: 0.06rem;
    font-weight: 600;
    font-size: 0.2rem;
    line-height: 100%;
    align-items: center;
    width: 2.12rem;
    height: 0.6rem;
    border: none
}

.mask--3GOPd:hover {
    opacity: 1
}

.mask--3GOPd:hover .check_case--2QFwU {
    top: 50%
}

.mask--3GOPd span {
    margin-left: 0.13rem
}

.video_mask--36teY {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 999
}

.video_mask--36teY .video_wrapper--367iw {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video_mask--36teY .pc_video--KZbHj {
    max-width: calc(100vw - 1.6rem);
    max-height: calc(100vh - 1.6rem)
}

.view_btn--1i1OS {
    transition: 0.2s;
    cursor: pointer;
    width: .64rem;
    height: .64rem;
    border: 1.6px solid rgba(255, 255, 255, 0.4);
    border-radius: 0.064rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.view_btn--1i1OS:hover {
    background-color: rgba(240, 240, 255, 0.1)
}

.view_btn--1i1OS.disabled--3oyFn:hover {
    background-color: inherit
}

.view_btn_list--2ABNy {
    margin-top: 0.56rem;
    display: flex
}

.view_btn_left--3Sg2B {
    margin-right: 0.32rem
}

.pc_close--2sF7j {
    position: absolute;
    top: 0.05rem;
    right: -0.3rem;
    cursor: pointer
}

.close--pyQwh {
    position: absolute;
    top: 0.05rem;
    right: -0.3rem;
    cursor: pointer
}

.close--pyQwh::before, .close--pyQwh::after {
    position: absolute;
    content: " ";
    background-color: #fff;
    width: 0.03rem;
    height: 0.3rem
}

.close--pyQwh::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close--pyQwh::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.adv_coop_margin--24k8h {
                          margin-top: 2rem
                      }

.is_mobile--I47nv .bg_img--1vXs2 {
    display: none
}

.is_mobile--I47nv .adv_coop_margin--24k8h {
    margin-top: 21.33333vw
}

.adv_coop--3mR8B .bg_img--1vXs2 {
    width: 100%;
    height: 8.8rem;
    background-image: url("../image/first_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: -999
}

.adv_coop--3mR8B {
    font-family: 'Noto Sans SC', sans-serif;
    box-sizing: border-box
}

.adv_coop--3mR8B h2 {
    font-size: 0.56rem;
    line-height: 0.81rem
}

.adv_coop--3mR8B h4 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.24rem;
    line-height: 0.35rem;
    margin-top: 0.24rem;
    font-weight: 400
}

.is_mobile--dFYMi h2 {
                          display: flex;
                          flex-direction: column;
                          align-items: center;
                          font-size: 8vw;
                          line-height: 11.46667vw
                      }

.is_mobile--dFYMi h4 {
    font-size: 3.2vw;
    line-height: 4.53333vw;
    text-align: center;
    padding: 0 4.26667vw;
    margin-top: 4.26667vw;
    font-weight: 400
}

.is_mobile--dFYMi .card_list--38Zvo {
    display: flex;
    flex-direction: column;
    margin-top: 6.4vw
}

.is_mobile--dFYMi .card_list--38Zvo .title--Skecf {
    font-size: 6.4vw;
    line-height: 9.33333vw
}

.is_mobile--dFYMi .card_list--38Zvo .introduce--13UBq {
    font-size: 3.2vw;
    line-height: 4.53333vw;
    margin-top: 3.2vw
}

.is_mobile--dFYMi .card_list--38Zvo .jiantongkuan--e9NnC {
    margin-right: 0;
    margin-bottom: 6.4vw;
    width: 91.46667vw;
    height: 103.2vw;
    padding: 6.4vw 8.53333vw;
    border-radius: 2.13333vw
}

.is_mobile--dFYMi .card_list--38Zvo .jiantongkuan--e9NnC .card_bg--1wbm- {
    width: 91.46667vw;
    height: 68.8vw
}

.is_mobile--dFYMi .card_list--38Zvo .douyin--2Zx9Z {
    width: 91.46667vw;
    height: 103.2vw;
    padding: 6.4vw 8.53333vw;
    border-radius: 2.13333vw
}

.is_mobile--dFYMi .card_list--38Zvo .douyin--2Zx9Z .card_data--F9l04 {
    margin-top: 9.6vw
}

.is_mobile--dFYMi .card_list--38Zvo .douyin--2Zx9Z .card_item--22A2J {
    margin-bottom: 4.26667vw
}

.is_mobile--dFYMi .card_list--38Zvo .douyin--2Zx9Z .card_value--1JO9A {
    font-size: 4.26667vw;
    line-height: 5.06667vw;
    margin-bottom: 1.06667vw
}

.is_mobile--dFYMi .card_list--38Zvo .douyin--2Zx9Z .card_subtitle--3rvBD {
    font-size: 2.66667vw;
    line-height: 3.73333vw
}

.is_mobile--dFYMi .card_list--38Zvo .douyin--2Zx9Z .benz_card--28ic7 {
    width: 49.6vw;
    right: 11.46667vw
}

.adv_coop_fourth--1kcXl {
    display: flex;
    flex-direction: column;
    align-items: center
}

.part4title--3rmuu {
    margin-left: 0.1rem
}

.card_list--38Zvo {
    display: flex;
    justify-content: center;
    margin-top: 0.6rem
}

.jiantongkuan--e9NnC {
    width: 6.08rem;
    height: 7.26rem;
    background: linear-gradient(144.61deg, #4b97de 6.87%, #4eb8a7 100%);
    border-radius: 0.16rem;
    padding: 0.48rem 0.64rem 0;
    margin-right: 0.64rem;
    position: relative
}

.jiantongkuan--e9NnC .card_bg--1wbm- {
    width: 6.08rem;
    position: absolute;
    bottom: 0;
    left: 0
}

.douyin--2Zx9Z {
    width: 6.08rem;
    height: 7.26rem;
    background: linear-gradient(146.01deg, rgba(109, 204, 255, 0.16) 0%, rgba(64, 101, 210, 0.16) 99.8%);
    border-radius: 0.16rem;
    padding: 0.48rem 0.64rem 0;
    position: relative
}

.douyin--2Zx9Z .introduce--13UBq {
    color: rgba(255, 255, 255, 0.6)
}

.title--Skecf {
    font-size: 0.44rem;
    line-height: 0.64rem
}

.introduce--13UBq {
    margin-top: 0.24rem;
    font-size: 0.2rem;
    line-height: 0.29rem;
    color: rgba(255, 255, 255, 0.8)
}

.card_info--1Zfhi .card_data--F9l04 {
    margin-top: 0.4rem;
    overflow: hidden
}

.card_info--1Zfhi .card_item--22A2J {
    margin-top: 0.32rem
}

.card_info--1Zfhi .card_value--1JO9A {
    font-size: 0.28rem;
    line-height: 0.34rem;
    color: #5fd4ff;
    font-family: "Inter";
    font-weight: 700
}

.card_info--1Zfhi .card_subtitle--3rvBD {
    font-size: 0.18rem;
    line-height: 0.26rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0.08rem
}

.card_info--1Zfhi .benz_card--28ic7 {
    width: 3.3rem;
    border-radius: 0.24rem 0.24rem 0 0;
    position: absolute;
    right: 0.64rem;
    bottom: 0
}

.is_mobile--pQDkc h2 {
                          display: flex;
                          flex-direction: column;
                          align-items: center;
                          font-size: 8vw;
                          line-height: 11.46667vw
                      }

.is_mobile--pQDkc h4 {
    font-size: 3.2vw;
    line-height: 4.53333vw;
    text-align: center;
    padding: 0 4.26667vw;
    margin-top: 4.26667vw;
    font-weight: 400
}

.is_mobile--pQDkc .introduce_card--2X0Tx {
    width: 91.46667vw;
    height: 122.66667vw;
    margin-top: 6.4vw;
    border-radius: 2.13333vw;
    padding: 6.4vw 8.53333vw
}

.is_mobile--pQDkc .main_info--3w0JP {
    width: auto
}

.is_mobile--pQDkc .title--oTwsn {
    font-size: 6.4vw;
    line-height: 9.33333vw
}

.is_mobile--pQDkc .introduce--1WUD- {
    margin-top: 3.2vw;
    font-size: 3.2vw;
    line-height: 4.53333vw
}

.is_mobile--pQDkc .card_data--1lw3p {
    margin-top: 4.26667vw
}

.is_mobile--pQDkc .card_item--28ngS {
    margin-right: 4.26667vw
}

.is_mobile--pQDkc .card_value--2bS32 {
    font-size: 4.26667vw;
    line-height: 5.06667vw
}

.is_mobile--pQDkc .card_subtitle--2HEGK {
    font-size: 2.66667vw;
    line-height: 3.73333vw
}

.is_mobile--pQDkc .card_bg--DV592 {
    width: 91.46667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.adv_coop_fifth--3xSZE {
    display: flex;
    flex-direction: column;
    align-items: center
}

.part5title--2g015 {
    margin-left: 0.1rem
}

.introduce_card--2X0Tx {
    width: 12.8rem;
    height: 5.8rem;
    background: linear-gradient(101.6deg, rgba(104, 236, 255, 0.16) 0%, rgba(53, 139, 255, 0.16) 100%);
    border-radius: 0.16rem;
    padding: 1.26rem 0.64rem;
    margin-top: 0.6rem;
    position: relative
}

.main_info--3w0JP {
    width: 5.12rem
}

.title--oTwsn {
    font-weight: 700;
    font-size: 0.44rem;
    line-height: 0.64rem
}

.introduce--1WUD- {
    font-size: 0.22rem;
    line-height: 0.32rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0.24rem
}

.card_data--1lw3p {
    margin-top: 0.64rem;
    display: flex;
    align-items: center
}

.card_item--28ngS {
    margin-right: 0.4rem
}

.card_value--2bS32 {
    font-size: 0.28rem;
    line-height: 0.34rem;
    color: #5fd4ff;
    font-family: "Inter";
    font-weight: 700
}

.card_subtitle--2HEGK {
    font-size: 0.18rem;
    line-height: 0.26rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0.08rem
}

.card_bg--DV592 {
    width: 6.08rem;
    position: absolute;
    right: 0rem;
    bottom: 0
}

.is_mobile--3TB2a.adv_coop_sixth--EReUO {
                          margin-top: 21.33333vw
                      }

.is_mobile--3TB2a h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 8vw;
    line-height: 11.46667vw
}

.is_mobile--3TB2a .part6bg--oZfQ0 {
    width: 91.2vw;
    height: 77.86667vw;
    margin-top: 6.4vw;
    margin-bottom: 21.33333vw
}

.adv_coop_sixth--EReUO {
    display: flex;
    flex-direction: column;
    align-items: center
}

.part6bg--oZfQ0 {
    width: 12.79rem;
    margin-top: .64rem;
    margin-bottom: 2rem
}

.is_mobile--H2SCr.adv_coop_first--3i18d {
                          width: 100%;
                          background-image: url(../image/background.3622d3a0.jpg);
                          background-size: 100%;
                          height: unset;
                          padding-top: 36px;
                          padding-bottom: 36px;
                          display: block;
                          margin-top: 2.4rem
                      }

.is_mobile--H2SCr .container--Rgc2I {
    display: block;
    width: 100%;
    margin: 0
}

.is_mobile--H2SCr .title_box--1k65R {
    display: flex;
    justify-content: center;
    align-items: center
}

.is_mobile--H2SCr .part1title--1YPU_ {
    width: 76vw;
    height: 77vw
}

.is_mobile--H2SCr .part1subtitle--1qC5i {
    font-size: 20.45px;
    line-height: 30px;
    margin-top: 6.82px
}

.is_mobile--H2SCr .info_box--2-Bxi {
    width: calc(100% - 48px);
    min-height: 580px;
    border-radius: 16px;
    position: static;
    margin: 36px 24px;
    padding: 24px;
    margin-bottom: 36px
}

.is_mobile--H2SCr .info_box--2-Bxi .error_tip--3Qf22 {
    font-size: 12px;
    line-height: 18px;
    bottom: -17px
}

.is_mobile--H2SCr .agreement--2kBHJ {
    height: 20px
}

.is_mobile--H2SCr .agreement_tip--2HsSW {
    font-size: 12px;
    margin-top: 0
}

.is_mobile--H2SCr .agreement_tip--2HsSW .ant-checkbox.ant-checkbox-inner {
    width: 12px !important;
    height: 12px !important;
    border-radius: 4px !important
}

.is_mobile--H2SCr .scroll_container--2bXjH {
    height: unset
}

.is_mobile--H2SCr .info_title--1JHTf {
    font-size: 20px;
    line-height: 24px
}

.is_mobile--H2SCr .info_desc--2v5Jp {
    font-size: 14px
}

.is_mobile--H2SCr .input_action--obFor {
    width: 295px;
    height: 40px;
    padding: 0 8px;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.is_mobile--H2SCr .action--3-_E5 {
    margin-top: 16px;
    font-size: 14px !important;
    line-height: 40px;
    border-radius: 4px
}

.is_mobile--H2SCr .textarea_action--QDDbR {
    width: 295px;
    height: 80px;
    padding: 8px;
    line-height: 22px
}

.is_mobile--H2SCr .submit_tip--1AAca {
    font-size: 12px
}

.is_mobile--H2SCr .submitBtn--3Zi3n {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 44px;
    font-weight: 500;
    margin-top: 12px;
    padding-right: 12px
}

.is_mobile--H2SCr .submitBtn--3Zi3n.disabled--wtvxy {
    opacity: 0.5;
    cursor: not-allowed
}

.is_mobile--H2SCr .message_box--1SUuj {
    width: 343px;
    height: 234px;
    border-radius: 4px;
    padding: 28px
}

.is_mobile--H2SCr .message_box--1SUuj .title--Fm5eH {
    font-size: 16px;
    line-height: 24px
}

.is_mobile--H2SCr .message_box--1SUuj .message_tip--2z0IJ {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.is_mobile--H2SCr .message_box--1SUuj .message_error--bkvZ8 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.is_mobile--H2SCr .message_box--1SUuj .message_input_box--2AvP- {
    text-align: center;
    width: 287px;
    margin-top: 24px
}

.is_mobile--H2SCr .message_box--1SUuj .message_input--1s1ou {
    width: 100%;
    height: 40px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 40px;
    padding: 9px 12px;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.is_mobile--H2SCr .message_box--1SUuj .message_btn--2ykux {
    font-size: 14px;
    line-height: 22px;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is_mobile--H2SCr .message_box--1SUuj .countdown--1oSHR {
    font-size: 14px
}

.is_mobile--H2SCr .message_box--1SUuj .close--ANvtt {
    top: 39px;
    right: 40px
}

.is_mobile--H2SCr .message_box--1SUuj .close--ANvtt::before, .is_mobile--H2SCr .message_box--1SUuj .close--ANvtt::after {
    content: " ";
    width: 13px;
    height: 1.5px
}

.is_mobile--H2SCr .message_box--1SUuj .btn_list--1n4S4 {
    margin-top: 24px;
    justify-content: space-between
}

.is_mobile--H2SCr .message_box--1SUuj .btn_list--1n4S4 .btn--3C16x {
    width: 137.5px;
    height: 36px;
    border-radius: 2px;
    font-size: 14px
}

.is_mobile--H2SCr .success_box--Nf7FN {
    width: 343px;
    height: 308px;
    border-radius: 4px;
    padding: 24px 28px 28px
}

.is_mobile--H2SCr .success_title--g_nph {
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px
}

.is_mobile--H2SCr .success_tip--2v8dR {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.is_mobile--H2SCr .ok_btn--vl_Er {
    width: 287px;
    height: 36px;
    border-radius: 2px;
    margin-top: 24px;
    font-size: 14px
}

.is_mobile--H2SCr .view_more--dSrxy {
    display: none
}

.adv_coop_first--3i18d {
    margin-top: 60px;
    height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.part1title--1YPU_ {
    width: 400px;
    height: 408px
}

.part1subtitle--1qC5i {
    font-size: 48px;
    line-height: 70px;
    color: #fff;
    font-weight: 400;
    margin-top: 16px
}

.info_box--2-Bxi {
    flex-shrink: 0;
    background: #fff;
    box-shadow: 0px 16px 120px #0a1823;
    border-radius: 16px
}

.info_title--1JHTf {
    font-size: 24px;
    line-height: 35px;
    color: #1a1b1c;
    font-weight: 700
}

.info_desc--2v5Jp {
    color: rgba(28, 40, 61, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 1px
}

.action--3-_E5 {
    background: rgba(67, 75, 77, 0.07);
    border: none;
    border-radius: 4px;
    padding: 12px 16px;
    box-sizing: border-box;
    font-family: "PingFang SC";
    font-size: 16px;
    line-height: 24px;
    color: #1a1b1c
}

.input_action--obFor {
    display: block !important;
    width: 100% !important;
    height: 38px !important;
    margin-top: 6px !important;
    -webkit-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.textarea_action--QDDbR {
    width: 100%;
    height: 136px;
    resize: none;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.input_error--3goxv {
    border: 1px solid #f94671;
    background: rgba(249, 70, 113, 0.06);
    position: relative
}

.input_box--2LG-J {
    position: relative;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    margin-bottom: 35px
}

.input_box--2LG-J .error_tip--3Qf22 {
    color: #f94671;
    font-family: "PingFang SC";
    font-size: 12px;
    line-height: 20px
}

.input_box_label--3YjvP {
    color: #090C14;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.input_box_label_required--3TaYp {
    margin-left: 2px;
    color: #FF303D
}

.submitBtn--3Zi3n {
    width: 100%;
    height: 44px;
    background: linear-gradient(90deg, #60d4f5 0%, #72f7e5 100%);
    border: none;
    border-radius: 6px;
    color: #090C14;
    margin-top: 12px;
    font-family: "PingFang SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.submitBtn--3Zi3n.disabled--wtvxy {
    opacity: 0.5;
    cursor: not-allowed
}

.submitBtn--3Zi3n:active {
    background: #004d52
}

.submitBtn--3Zi3n:hover {
    cursor: pointer;
    background: linear-gradient(90deg, #3caff3, #31eaf5)
}

.container--Rgc2I {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1100px;
    margin: 0 100px
}

.view_more--dSrxy {
    position: fixed;
    left: 50%;
    bottom: 24px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.view_more--dSrxy span {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-family: "PingFang SC";
    margin-bottom: 10px
}

.view_more_arrow--3WYDt {
    flex-shrink: 0
}

@-webkit-keyframes arrowMove0--2p4XF {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .9
    }
    to {
        -webkit-transform: translateY(4.88312px) rotate(-45deg);
        transform: translateY(4.88312px) rotate(-45deg);
        opacity: .6
    }
}

@keyframes arrowMove0--2p4XF {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .9
    }
    to {
        -webkit-transform: translateY(4.88312px) rotate(-45deg);
        transform: translateY(4.88312px) rotate(-45deg);
        opacity: .6
    }
}

.view_more_arrow_0--3ID6A {
    content: "";
    display: block;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove0--2p4XF;
    animation-name: arrowMove0--2p4XF;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes arrowMove1--3S4bg {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .6
    }
    to {
        -webkit-transform: translateY(4.88312px) rotate(-45deg);
        transform: translateY(4.88312px) rotate(-45deg);
        opacity: .3
    }
}

@keyframes arrowMove1--3S4bg {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .6
    }
    to {
        -webkit-transform: translateY(4.88312px) rotate(-45deg);
        transform: translateY(4.88312px) rotate(-45deg);
        opacity: .3
    }
}

.view_more_arrow_1--3qNbU {
    content: "";
    display: block;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove1--3S4bg;
    animation-name: arrowMove1--3S4bg;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    margin: 1.465px 0 0
}

@-webkit-keyframes arrowMove2--2JQhP {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .3
    }
    to {
        -webkit-transform: translateY(4.88312px) rotate(-45deg);
        transform: translateY(4.88312px) rotate(-45deg);
        opacity: 0
    }
}

@keyframes arrowMove2--2JQhP {
    from {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        opacity: .3
    }
    to {
        -webkit-transform: translateY(4.88312px) rotate(-45deg);
        transform: translateY(4.88312px) rotate(-45deg);
        opacity: 0
    }
}

.view_more_arrow_2--20wTk {
    content: "";
    display: block;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, transparent 50%);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: arrowMove2--2JQhP;
    animation-name: arrowMove2--2JQhP;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    margin: 1.465px 0 0
}

.message_container--3EJnd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: "PingFang SC"
}

.message_box--1SUuj {
    width: 468px;
    height: 234px;
    background: rgba(48, 48, 51, 0.98);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    padding: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.message_box--1SUuj .title--Fm5eH {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500
}

.message_box--1SUuj .message_tip--2z0IJ {
    font-size: 14px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px
}

.message_box--1SUuj .message_error--bkvZ8 {
    font-size: 14px;
    line-height: 22px;
    color: #ff2c52;
    margin-top: 8px
}

.message_box--1SUuj .btn_list--1n4S4 {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

.message_box--1SUuj .btn--3C16x {
    color: #fff;
    font-weight: 500;
    border: none;
    width: 108px;
    height: 36px;
    border-radius: 2px;
    cursor: pointer
}

.message_box--1SUuj .submit--1GcBD {
    background: #00c1cd
}

.message_box--1SUuj .submit--1GcBD:hover {
    background: #1CA0A8
}

.message_box--1SUuj .submit--1GcBD.disable--3yp75 {
    background: #142D34;
    color: rgba(255, 255, 255, 0.2)
}

.message_box--1SUuj .submit--1GcBD.disable--3yp75:hover {
    background: #142D34;
    cursor: default
}

.message_box--1SUuj .cancel--wbZFm {
    background: #4a4a4f;
    margin-right: 12px
}

.message_box--1SUuj .cancel--wbZFm:hover {
    background: #3E3E42
}

.message_input_box--2AvP- {
    margin-top: 24px;
    position: relative;
    color: #fff;
    font-weight: 500
}

.message_input_box--2AvP- .message_input--1s1ou {
    border: none;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    padding: 8px 12px;
    width: 412px;
    height: 40px;
    color: #fff;
    box-sizing: border-box;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.message_btn--2ykux {
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.message_btn--2ykux .countdown--1oSHR {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.2)
}

.message_btn--2ykux .resend--1sNCA {
    cursor: pointer
}

.close_box--3R9d5 {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 28px;
    right: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    transition: 0.2s
}

.close_box--3R9d5:hover {
    background: rgba(240, 240, 255, 0.1)
}

.success_box--Nf7FN {
    padding: 24px 28px 28px;
    background: rgba(48, 48, 51, 0.98);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 468px;
    height: 308px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.success_title--g_nph {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    margin-top: 24px
}

.success_tip--2v8dR {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px
}

.ok_btn--vl_Er {
    color: #fff;
    background: #00c1cd;
    border-radius: 2px;
    width: 108px;
    height: 36px;
    line-height: 36px;
    align-self: flex-end;
    border: none;
    margin-top: 24px;
    cursor: pointer
}

.ok_btn--vl_Er:hover {
    background-color: #1CA0A8
}

.bg_filter--1P2uJ {
    width: 100%;
    height: 189px;
    background: linear-gradient(180deg, rgba(11, 11, 19, 0) 0%, #0B0B13 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -99
}

.scroll_container--2bXjH {
    height: 520px;
    max-height: calc(100vh - 360px);
    overflow-y: scroll;
    padding-top: 25px
}

.scroll_container--2bXjH::-webkit-scrollbar {
    display: none
}

.agreement_tip--2HsSW {
    padding-right: 12px;
    color: rgba(28, 40, 61, 0.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 12px;
    display: inline
}

.agreement_tip--2HsSW label {
    margin-right: 4px
}

.agreement_tip--2HsSW a {
    color: #2589E9
}

.submit_tip--1AAca {
    padding-right: 12px;
    color: rgba(28, 40, 61, 0.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 6px;
    display: flex;
    align-items: center
}

.agreement--2kBHJ {
    margin-right: 4px
}

@media (min-width: 1200px) {
    .info_box--2-Bxi {
        width: 524px;
        padding: 40px
    }

    .info_title--1JHTf {
        font-size: 24px
    }
}

@media (max-width: 1200px) {
    .container--Rgc2I {
        width: 800px
    }

    .scroll_container--2bXjH {
        padding-top: 24px
    }

    .info_box--2-Bxi {
        width: 360px;
        padding: 24px
    }

    .info_title--1JHTf {
        font-size: 20px
    }

    .input_box--2LG-J {
        margin-bottom: 16px
    }

    .input_box_label--3YjvP {
        font-size: 14px
    }
}

@media (max-width: 960px) {
    .container--Rgc2I {
        width: 700px
    }
}

.ant-result-title {
                          font-size: 24px !important;
                          font-weight: 600 !important
                      }

.ant-result-subtitle {
    font-size: 16px !important
}

.ant-select-selector {
    border-width: 0.5px !important
}

.ant-input {
    border-width: 0.5px !important;
    border-radius: 8px !important;
    caret-color: #00C1CD;
    color: #090C14 !important;
    font-family: "PingFang SC";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%
}

.ant-input::-webkit-input-placeholder {
    color: #D4D4D4 !important
}

.ant-input:-ms-input-placeholder {
    color: #D4D4D4 !important
}

.ant-input::-ms-input-placeholder {
    color: #D4D4D4 !important
}

.ant-input::placeholder {
    color: #D4D4D4 !important
}

.ant-select {
    caret-color: #00C1CD;
    color: #090C14 !important;
    font-family: "PingFang SC";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%;
    height: 38px !important;
    margin-top: 6px !important;
    width: 100% !important;
    display: block !important;
    border-radius: 8px !important
}

.ant-select::-webkit-input-placeholder {
    color: #D4D4D4 !important
}

.ant-select:-ms-input-placeholder {
    color: #D4D4D4 !important
}

.ant-select::-ms-input-placeholder {
    color: #D4D4D4 !important
}

.ant-select::placeholder {
    color: #D4D4D4 !important
}

.ant-select-selector {
    height: 38px !important;
    border-radius: 8px !important
}

textarea {
    margin-top: 6px !important
}

/*!
 *
 * antd v4.24.16
 *
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *
 */
                          /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
                          /* stylelint-disable no-duplicate-selectors */
                          /* stylelint-disable */
                          /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
                      [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;
                      }

/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
    width: 100%;
    height: 100%;
}

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

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: rgba(0, 0, 0, 0.85);
    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: #fff;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
}

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

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

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

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

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

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

dt {
    font-weight: 500;
}

dd {
    margin-bottom: 0.5em;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1em;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #1890ff;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #40a9ff;
}

a:active {
    color: #096dd9;
}

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

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

a[disabled] {
    color: rgba(0, 0, 0, 0.25);
    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 {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75em;
    padding-bottom: 0.3em;
    color: rgba(0, 0, 0, 0.45);
    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'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

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

textarea {
    overflow: auto;
    resize: vertical;
}

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

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

progress {
    vertical-align: baseline;
}

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

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

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

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

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

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

::-moz-selection {
    color: #fff;
    background: #1890ff;
}

::selection {
    color: #fff;
    background: #1890ff;
}

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

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

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

.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,
.anticon-spin::before {
    display: inline-block;
    -webkit-animation: loadingCircle 1s infinite linear;
    -moz-animation: loadingCircle 1s infinite linear;
    animation: loadingCircle 1s infinite linear;
}

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

.ant-fade-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

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

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

@-webkit-keyframes antFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes antFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes antFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes antFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes antFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

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

.ant-move-up-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-move-up-enter,
.ant-move-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

.ant-move-down-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-move-down-enter,
.ant-move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

.ant-move-left-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-move-left-enter,
.ant-move-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

.ant-move-right-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-move-right-enter,
.ant-move-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    -moz-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

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

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

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

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

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

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

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

@keyframes antMoveLeftIn {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}

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

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

@keyframes antMoveLeftOut {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}

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

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

@keyframes antMoveRightIn {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
}

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

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

@keyframes antMoveRightOut {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0;
    }
}

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

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

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

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

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

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

@-webkit-keyframes loadingCircle {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loadingCircle {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadingCircle {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

html {
    --antd-wave-shadow-color: #1890ff;
    --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;
    -webkit-box-shadow: 0 0 0 0 #1890ff;
    box-shadow: 0 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: 0.2;
    -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
    animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: '';
    pointer-events: none;
}

@-webkit-keyframes waveEffect {
    100% {
        -webkit-box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 #1890ff;
        -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    }
}

@-moz-keyframes waveEffect {
    100% {
        box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    }
}

@keyframes waveEffect {
    100% {
        -webkit-box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 #1890ff;
        -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    }
}

@-webkit-keyframes fadeEffect {
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeEffect {
    100% {
        opacity: 0;
    }
}

@keyframes fadeEffect {
    100% {
        opacity: 0;
    }
}

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

.ant-slide-up-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-slide-up-enter,
.ant-slide-up-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

.ant-slide-down-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-slide-down-enter,
.ant-slide-down-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

.ant-slide-left-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-slide-left-enter,
.ant-slide-left-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

.ant-slide-right-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-slide-right-enter,
.ant-slide-right-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@-webkit-keyframes antSlideUpIn {
    0% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@-moz-keyframes antSlideUpIn {
    0% {
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@keyframes antSlideUpIn {
    0% {
        -webkit-transform: scaleY(0.8);
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@-webkit-keyframes antSlideUpOut {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@-moz-keyframes antSlideUpOut {
    0% {
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@keyframes antSlideUpOut {
    0% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(0.8);
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@-webkit-keyframes antSlideDownIn {
    0% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

@-moz-keyframes antSlideDownIn {
    0% {
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
    100% {
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

@keyframes antSlideDownIn {
    0% {
        -webkit-transform: scaleY(0.8);
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

@-webkit-keyframes antSlideDownOut {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

@-moz-keyframes antSlideDownOut {
    0% {
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
    100% {
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

@keyframes antSlideDownOut {
    0% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(0.8);
        -moz-transform: scaleY(0.8);
        transform: scaleY(0.8);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

@-webkit-keyframes antSlideLeftIn {
    0% {
        -webkit-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@-moz-keyframes antSlideLeftIn {
    0% {
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@keyframes antSlideLeftIn {
    0% {
        -webkit-transform: scaleX(0.8);
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@-webkit-keyframes antSlideLeftOut {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@-moz-keyframes antSlideLeftOut {
    0% {
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@keyframes antSlideLeftOut {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleX(0.8);
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@-webkit-keyframes antSlideRightIn {
    0% {
        -webkit-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

@-moz-keyframes antSlideRightIn {
    0% {
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0;
    }
    100% {
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

@keyframes antSlideRightIn {
    0% {
        -webkit-transform: scaleX(0.8);
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

@-webkit-keyframes antSlideRightOut {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0;
    }
}

@-moz-keyframes antSlideRightOut {
    0% {
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
    100% {
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0;
    }
}

@keyframes antSlideRightOut {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleX(0.8);
        -moz-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0;
    }
}

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

.ant-zoom-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-zoom-enter,
.ant-zoom-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.ant-zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

.ant-zoom-big-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-zoom-big-enter,
.ant-zoom-big-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.ant-zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

.ant-zoom-big-fast-leave {
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    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 {
    -webkit-animation-name: antZoomBigIn;
    -moz-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
}

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

.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.ant-zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

.ant-zoom-up-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-zoom-up-enter,
.ant-zoom-up-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.ant-zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

.ant-zoom-down-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-zoom-down-enter,
.ant-zoom-down-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.ant-zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

.ant-zoom-left-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-zoom-left-enter,
.ant-zoom-left-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.ant-zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

.ant-zoom-right-leave {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

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

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

.ant-zoom-right-enter,
.ant-zoom-right-appear {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -moz-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.ant-zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

@-webkit-keyframes antZoomIn {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes antZoomIn {
    0% {
        -moz-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes antZoomIn {
    0% {
        -webkit-transform: scale(0.2);
        -moz-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes antZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0;
    }
}

@-moz-keyframes antZoomOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0;
    }
}

@keyframes antZoomOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        -moz-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0;
    }
}

@-webkit-keyframes antZoomBigIn {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes antZoomBigIn {
    0% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes antZoomBigIn {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes antZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
}

@-moz-keyframes antZoomBigOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
}

@keyframes antZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
}

@-webkit-keyframes antZoomUpIn {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
}

@-moz-keyframes antZoomUpIn {
    0% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
}

@keyframes antZoomUpIn {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
}

@-webkit-keyframes antZoomUpOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 0;
    }
}

@-moz-keyframes antZoomUpOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    100% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 0;
    }
}

@keyframes antZoomUpOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    100% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 0;
    }
}

@-webkit-keyframes antZoomLeftIn {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

@-moz-keyframes antZoomLeftIn {
    0% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

@keyframes antZoomLeftIn {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

@-webkit-keyframes antZoomLeftOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        opacity: 0;
    }
}

@-moz-keyframes antZoomLeftOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
    100% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        opacity: 0;
    }
}

@keyframes antZoomLeftOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
    100% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        opacity: 0;
    }
}

@-webkit-keyframes antZoomRightIn {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
}

@-moz-keyframes antZoomRightIn {
    0% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
}

@keyframes antZoomRightIn {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
}

@-webkit-keyframes antZoomRightOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
}

@-moz-keyframes antZoomRightOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
    100% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
}

@keyframes antZoomRightOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }
    100% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }
}

@-webkit-keyframes antZoomDownIn {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

@-moz-keyframes antZoomDownIn {
    0% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

@keyframes antZoomDownIn {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

@-webkit-keyframes antZoomDownOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

@-moz-keyframes antZoomDownOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    100% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

@keyframes antZoomDownOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    100% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

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

.ant-motion-collapse-legacy-active {
    -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    -moz-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-motion-collapse {
    overflow: hidden;
    -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    -moz-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
    position: fixed;
    z-index: 10;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 15px;
    word-wrap: break-word;
    border-radius: 2px;
}

.ant-alert-content {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 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: #f6ffed;
    border: 1px solid #b7eb8f;
}

.ant-alert-success .ant-alert-icon {
    color: #52c41a;
}

.ant-alert-info {
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
}

.ant-alert-info .ant-alert-icon {
    color: #1890ff;
}

.ant-alert-warning {
    background-color: #fffbe6;
    border: 1px solid #ffe58f;
}

.ant-alert-warning .ant-alert-icon {
    color: #faad14;
}

.ant-alert-error {
    background-color: #fff2f0;
    border: 1px solid #ffccc7;
}

.ant-alert-error .ant-alert-icon {
    color: #ff4d4f;
}

.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: rgba(0, 0, 0, 0.45);
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-alert-close-icon .anticon-close:hover {
    color: rgba(0, 0, 0, 0.75);
}

.ant-alert-close-text {
    color: rgba(0, 0, 0, 0.45);
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-alert-close-text:hover {
    color: rgba(0, 0, 0, 0.75);
}

.ant-alert-with-description {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 15px 15px 24px;
}

.ant-alert-with-description.ant-alert-no-icon {
    padding: 15px 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: rgba(0, 0, 0, 0.85);
    font-size: 16px;
}

.ant-alert-message {
    color: rgba(0, 0, 0, 0.85);
}

.ant-alert-with-description .ant-alert-description {
    display: block;
}

.ant-alert.ant-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    -webkit-transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.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 {
    margin-right: 8px;
    margin-left: auto;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-anchor {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    padding-left: 2px;
}

.ant-anchor-wrapper {
    margin-left: -4px;
    padding-left: 4px;
    overflow: auto;
    background-color: transparent;
}

.ant-anchor-ink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.ant-anchor-ink::before {
    position: relative;
    display: block;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #f0f0f0;
    content: ' ';
}

.ant-anchor-ink-ball {
    position: absolute;
    left: 50%;
    display: none;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #1890ff;
    border-radius: 8px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}

.ant-anchor-ink-ball.ant-anchor-ink-ball-visible {
    display: inline-block;
}

.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
    display: none;
}

.ant-anchor-link {
    padding: 4px 0 4px 16px;
}

.ant-anchor-link-title {
    position: relative;
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.85);
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-anchor-link-title:only-child {
    margin-bottom: 0;
}

.ant-anchor-link-active > .ant-anchor-link-title {
    color: #1890ff;
}

.ant-anchor-link .ant-anchor-link {
    padding-top: 2px;
    padding-bottom: 2px;
}

.ant-anchor-rtl {
    direction: rtl;
}

.ant-anchor-rtl.ant-anchor-wrapper {
    margin-right: -4px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0;
}

.ant-anchor-rtl .ant-anchor-ink {
    right: 0;
    left: auto;
}

.ant-anchor-rtl .ant-anchor-ink-ball {
    right: 50%;
    left: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
}

.ant-anchor-rtl .ant-anchor-link {
    padding: 4px 16px 4px 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
}

.ant-select-auto-complete .ant-select-clear {
    right: 13px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-single .ant-select-selector {
    display: -moz-box;
    display: -ms-flexbox;
    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;
    -webkit-transition: all 0.3s, visibility 0s;
    -moz-transition: all 0.3s, visibility 0s;
    transition: all 0.3s, visibility 0s;
}

.ant-select-single .ant-select-selector .ant-select-selection-item {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    -webkit-transition: none;
    -moz-transition: none;
    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: #bfbfbf;
}

.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;
}

/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-selection-overflow {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
}

.ant-select-selection-overflow-item {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
}

.ant-select-multiple .ant-select-selector {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-align: center;
    -ms-flex-align: center;
    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: #f5f5f5;
    cursor: not-allowed;
}

.ant-select-multiple .ant-select-selector::after {
    display: inline-block;
    width: 0;
    margin: 2px 0;
    line-height: 24px;
    visibility: hidden;
    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: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 22px;
    background: #f5f5f5;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    cursor: default;
    -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
    -moz-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
    transition: font-size 0.3s, line-height 0.3s, height 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px;
    -webkit-padding-start: 8px;
    -moz-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 4px;
    -moz-padding-end: 4px;
    padding-inline-end: 4px;
}

.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
    color: #bfbfbf;
    border-color: #d9d9d9;
    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: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.45);
    font-weight: bold;
    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: middle;
}

.ant-select-multiple .ant-select-selection-item-remove:hover {
    color: rgba(0, 0, 0, 0.75);
}

.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    margin-inline-start: 0;
}

.ant-select-multiple .ant-select-selection-search {
    position: relative;
    max-width: 100%;
    -webkit-margin-start: 7px;
    -moz-margin-start: 7px;
    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;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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 {
    -webkit-margin-start: 3px;
    -moz-margin-start: 3px;
    margin-inline-start: 3px;
}

.ant-select-disabled .ant-select-selection-item-remove {
    display: none;
}

.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
    background-color: #fff;
    border-color: #ff4d4f !important;
}

.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
    border-color: #ff7875;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
    background-color: #fff;
    border-color: #faad14 !important;
}

.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
    border-color: #ffc53d;
    -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
    right: 32px;
}

.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
    padding-right: 42px;
}

/* Reset search input style */
.ant-select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    color: rgba(0, 0, 0, 0.25);
    background: #f5f5f5;
    cursor: not-allowed;
}

.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background: #f5f5f5;
}

.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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-appearance: none;
}

.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-select-selection-item {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media all and (-ms-high-contrast: none) {
    .ant-select-selection-item *::-ms-backdrop,
    .ant-select-selection-item {
        -ms-flex: auto;
        flex: auto;
    }
}

.ant-select-selection-placeholder {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    color: #bfbfbf;
    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 {
        -ms-flex: auto;
        flex: auto;
    }
}

.ant-select-arrow {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 11px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 12px;
    margin-top: -6px;
    color: rgba(0, 0, 0, 0.25);
    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;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.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-arrow > *:not(:last-child) {
    -webkit-margin-end: 8px;
    -moz-margin-end: 8px;
    margin-inline-end: 8px;
}

.ant-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: rgba(0, 0, 0, 0.25);
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    background: #fff;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: color 0.3s ease, opacity 0.15s ease;
    -moz-transition: color 0.3s ease, opacity 0.15s ease;
    transition: color 0.3s ease, opacity 0.15s ease;
    text-rendering: auto;
}

.ant-select-clear::before {
    display: block;
}

.ant-select-clear:hover {
    color: rgba(0, 0, 0, 0.45);
}

.ant-select:hover .ant-select-clear {
    opacity: 1;
}

.ant-select-dropdown {
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 0;
    overflow: hidden;
    font-size: 14px;
    font-variant: initial;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.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 {
    -webkit-animation-name: antSlideUpIn;
    -moz-animation-name: antSlideUpIn;
    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 {
    -webkit-animation-name: antSlideDownIn;
    -moz-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn;
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpOut;
    -moz-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut;
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownOut;
    -moz-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut;
}

.ant-select-dropdown-hidden {
    display: none;
}

.ant-select-dropdown-empty {
    color: rgba(0, 0, 0, 0.25);
}

.ant-select-item-empty {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.25);
}

.ant-select-item {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.ant-select-item-group {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    cursor: default;
}

.ant-select-item-option {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-select-item-option-content {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-select-item-option-state {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #f5f5f5;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    background-color: #e6f7ff;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
    color: #1890ff;
}

.ant-select-item-option-disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-select-item-option-disabled.ant-select-item-option-selected {
    background-color: #f5f5f5;
}

.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;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ant-select.ant-select-in-form-item {
    width: 100%;
}

.ant-select-compact-item:not(.ant-select-compact-last-item) {
    margin-right: -1px;
}

.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl {
    margin-right: 0;
    margin-left: -1px;
}

.ant-select-compact-item:hover > *,
.ant-select-compact-item:focus > *,
.ant-select-compact-item:active > * {
    z-index: 2;
}

.ant-select-compact-item.ant-select-focused > * {
    z-index: 2;
}

.ant-select-compact-item[disabled] > * {
    z-index: 0;
}

.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select > .ant-select-selector {
    border-radius: 0;
}

.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item) > .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) > .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-select-rtl {
    direction: rtl;
}

.ant-select-rtl .ant-select-arrow {
    right: initial;
    left: 11px;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.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: rgba(0, 0, 0, 0.25);
}

.ant-empty-normal .ant-empty-image {
    height: 40px;
}

.ant-empty-small {
    margin: 8px 0;
    color: rgba(0, 0, 0, 0.25);
}

.ant-empty-small .ant-empty-image {
    height: 35px;
}

.ant-empty-img-default-ellipse {
    fill: #f5f5f5;
    fill-opacity: 0.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 {
    fill: #dce0e6;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-avatar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
    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%;
    -webkit-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    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%;
    -webkit-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    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%;
    -webkit-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    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%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ant-avatar-group {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    max-width: 100vw;
    font-weight: normal;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ant-popover-content {
    position: relative;
}

.ant-popover::after {
    position: absolute;
    background: rgba(255, 255, 255, 0.01);
    content: '';
}

.ant-popover-hidden {
    display: none;
}

.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
    padding-bottom: 15.3137085px;
}

.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
    padding-left: 15.3137085px;
}

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
    padding-top: 15.3137085px;
}

.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
    padding-right: 15.3137085px;
}

.ant-popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ant-popover {
        /* IE10+ */
    }

    .ant-popover-inner {
        -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    }
}

.ant-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
}

.ant-popover-inner-content {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    max-width: 100%;
    padding: 12px 16px;
    color: rgba(0, 0, 0, 0.85);
}

.ant-popover-message {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 0 12px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
}

.ant-popover-message-icon {
    display: inline-block;
    margin-right: 8px;
    color: #faad14;
    font-size: 14px;
}

.ant-popover-buttons {
    margin-bottom: 4px;
    text-align: right;
}

.ant-popover-buttons button:not(:first-child) {
    margin-left: 8px;
}

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

.ant-popover-arrow-content {
    --antd-arrow-background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 11.3137085px;
    height: 11.3137085px;
    margin: auto;
    content: '';
    pointer-events: auto;
    border-radius: 0 0 2px;
    pointer-events: none;
}

.ant-popover-arrow-content::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: var(--antd-arrow-background-color);
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: '';
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
    clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}

.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateY(-11px) rotate(45deg);
    -moz-transform: translateY(-11px) rotate(45deg);
    transform: translateY(-11px) rotate(45deg);
}

.ant-popover-placement-top .ant-popover-arrow {
    left: 50%;
    -webkit-transform: translateY(100%) translateX(-50%);
    -moz-transform: translateY(100%) translateX(-50%);
    transform: translateY(100%) translateX(-50%);
}

.ant-popover-placement-topLeft .ant-popover-arrow {
    left: 16px;
}

.ant-popover-placement-topRight .ant-popover-arrow {
    right: 16px;
}

.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateX(11px) rotate(135deg);
    -moz-transform: translateX(11px) rotate(135deg);
    transform: translateX(11px) rotate(135deg);
}

.ant-popover-placement-right .ant-popover-arrow {
    top: 50%;
    -webkit-transform: translateX(-100%) translateY(-50%);
    -moz-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);
}

.ant-popover-placement-rightTop .ant-popover-arrow {
    top: 12px;
}

.ant-popover-placement-rightBottom .ant-popover-arrow {
    bottom: 12px;
}

.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
    top: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
    -webkit-transform: translateY(11px) rotate(-135deg);
    -moz-transform: translateY(11px) rotate(-135deg);
    transform: translateY(11px) rotate(-135deg);
}

.ant-popover-placement-bottom .ant-popover-arrow {
    left: 50%;
    -webkit-transform: translateY(-100%) translateX(-50%);
    -moz-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
}

.ant-popover-placement-bottomLeft .ant-popover-arrow {
    left: 16px;
}

.ant-popover-placement-bottomRight .ant-popover-arrow {
    right: 16px;
}

.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateX(-11px) rotate(-45deg);
    -moz-transform: translateX(-11px) rotate(-45deg);
    transform: translateX(-11px) rotate(-45deg);
}

.ant-popover-placement-left .ant-popover-arrow {
    top: 50%;
    -webkit-transform: translateX(100%) translateY(-50%);
    -moz-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
}

.ant-popover-placement-leftTop .ant-popover-arrow {
    top: 12px;
}

.ant-popover-placement-leftBottom .ant-popover-arrow {
    bottom: 12px;
}

.ant-popover-pink .ant-popover-inner {
    background-color: #eb2f96;
}

.ant-popover-pink .ant-popover-arrow-content {
    background-color: #eb2f96;
}

.ant-popover-magenta .ant-popover-inner {
    background-color: #eb2f96;
}

.ant-popover-magenta .ant-popover-arrow-content {
    background-color: #eb2f96;
}

.ant-popover-red .ant-popover-inner {
    background-color: #f5222d;
}

.ant-popover-red .ant-popover-arrow-content {
    background-color: #f5222d;
}

.ant-popover-volcano .ant-popover-inner {
    background-color: #fa541c;
}

.ant-popover-volcano .ant-popover-arrow-content {
    background-color: #fa541c;
}

.ant-popover-orange .ant-popover-inner {
    background-color: #fa8c16;
}

.ant-popover-orange .ant-popover-arrow-content {
    background-color: #fa8c16;
}

.ant-popover-yellow .ant-popover-inner {
    background-color: #fadb14;
}

.ant-popover-yellow .ant-popover-arrow-content {
    background-color: #fadb14;
}

.ant-popover-gold .ant-popover-inner {
    background-color: #faad14;
}

.ant-popover-gold .ant-popover-arrow-content {
    background-color: #faad14;
}

.ant-popover-cyan .ant-popover-inner {
    background-color: #13c2c2;
}

.ant-popover-cyan .ant-popover-arrow-content {
    background-color: #13c2c2;
}

.ant-popover-lime .ant-popover-inner {
    background-color: #a0d911;
}

.ant-popover-lime .ant-popover-arrow-content {
    background-color: #a0d911;
}

.ant-popover-green .ant-popover-inner {
    background-color: #52c41a;
}

.ant-popover-green .ant-popover-arrow-content {
    background-color: #52c41a;
}

.ant-popover-blue .ant-popover-inner {
    background-color: #1890ff;
}

.ant-popover-blue .ant-popover-arrow-content {
    background-color: #1890ff;
}

.ant-popover-geekblue .ant-popover-inner {
    background-color: #2f54eb;
}

.ant-popover-geekblue .ant-popover-arrow-content {
    background-color: #2f54eb;
}

.ant-popover-purple .ant-popover-inner {
    background-color: #722ed1;
}

.ant-popover-purple .ant-popover-arrow-content {
    background-color: #722ed1;
}

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

.ant-popover-rtl .ant-popover-message-icon {
    margin-right: 0;
    margin-left: 8px;
}

.ant-popover-rtl .ant-popover-message-title {
    padding-left: 16px;
}

.ant-popover-rtl .ant-popover-buttons {
    text-align: left;
}

.ant-popover-rtl .ant-popover-buttons button {
    margin-right: 8px;
    margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-back-top {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: rgba(0, 0, 0, 0.45);
    border-radius: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-back-top-content:hover {
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

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

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

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

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

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

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: normal;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
    background: #ff4d4f;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

.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: #ff4d4f;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

.ant-badge-dot.ant-scroll-number {
    -webkit-transition: background 1.5s;
    -moz-transition: background 1.5s;
    transition: background 1.5s;
}

.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
    -webkit-animation: antBadgeLoadingCircle 1s infinite linear;
    -moz-animation: antBadgeLoadingCircle 1s infinite linear;
    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: #52c41a;
}

.ant-badge-status-processing {
    position: relative;
    background-color: #1890ff;
}

.ant-badge-status-processing::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1890ff;
    border-radius: 50%;
    -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
    -moz-animation: antStatusProcessing 1.2s infinite ease-in-out;
    animation: antStatusProcessing 1.2s infinite ease-in-out;
    content: '';
}

.ant-badge-status-default {
    background-color: #d9d9d9;
}

.ant-badge-status-error {
    background-color: #ff4d4f;
}

.ant-badge-status-warning {
    background-color: #faad14;
}

.ant-badge-status-pink {
    background: #eb2f96;
}

.ant-badge-status-magenta {
    background: #eb2f96;
}

.ant-badge-status-red {
    background: #f5222d;
}

.ant-badge-status-volcano {
    background: #fa541c;
}

.ant-badge-status-orange {
    background: #fa8c16;
}

.ant-badge-status-yellow {
    background: #fadb14;
}

.ant-badge-status-gold {
    background: #faad14;
}

.ant-badge-status-cyan {
    background: #13c2c2;
}

.ant-badge-status-lime {
    background: #a0d911;
}

.ant-badge-status-green {
    background: #52c41a;
}

.ant-badge-status-blue {
    background: #1890ff;
}

.ant-badge-status-geekblue {
    background: #2f54eb;
}

.ant-badge-status-purple {
    background: #722ed1;
}

.ant-badge-status-text {
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
}

.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
    -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    -moz-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ant-badge-zoom-leave {
    -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    -moz-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
    -webkit-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    -moz-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}

.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
    -webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    -moz-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.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 {
    -webkit-transform: none;
    -moz-transform: none;
    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;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes antStatusProcessing {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0;
    }
}

@-moz-keyframes antStatusProcessing {
    0% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0;
    }
}

@keyframes antStatusProcessing {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2.4);
        -moz-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0;
    }
}

.ant-scroll-number {
    overflow: hidden;
    direction: ltr;
}

.ant-scroll-number-only {
    position: relative;
    display: inline-block;
    height: 20px;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* stylelint-disable property-no-vendor-prefix */
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    /* stylelint-enable property-no-vendor-prefix */
}

.ant-scroll-number-only > p.ant-scroll-number-only-unit {
    height: 20px;
    margin: 0;
    /* stylelint-disable property-no-vendor-prefix */
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    /* stylelint-enable property-no-vendor-prefix */
}

.ant-scroll-number-symbol {
    vertical-align: top;
}

@-webkit-keyframes antZoomBadgeIn {
    0% {
        -webkit-transform: scale(0) translate(50%, -50%);
        transform: scale(0) translate(50%, -50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate(50%, -50%);
        transform: scale(1) translate(50%, -50%);
    }
}

@-moz-keyframes antZoomBadgeIn {
    0% {
        -moz-transform: scale(0) translate(50%, -50%);
        transform: scale(0) translate(50%, -50%);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1) translate(50%, -50%);
        transform: scale(1) translate(50%, -50%);
    }
}

@keyframes antZoomBadgeIn {
    0% {
        -webkit-transform: scale(0) translate(50%, -50%);
        -moz-transform: scale(0) translate(50%, -50%);
        transform: scale(0) translate(50%, -50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate(50%, -50%);
        -moz-transform: scale(1) translate(50%, -50%);
        transform: scale(1) translate(50%, -50%);
    }
}

@-webkit-keyframes antZoomBadgeOut {
    0% {
        -webkit-transform: scale(1) translate(50%, -50%);
        transform: scale(1) translate(50%, -50%);
    }
    100% {
        -webkit-transform: scale(0) translate(50%, -50%);
        transform: scale(0) translate(50%, -50%);
        opacity: 0;
    }
}

@-moz-keyframes antZoomBadgeOut {
    0% {
        -moz-transform: scale(1) translate(50%, -50%);
        transform: scale(1) translate(50%, -50%);
    }
    100% {
        -moz-transform: scale(0) translate(50%, -50%);
        transform: scale(0) translate(50%, -50%);
        opacity: 0;
    }
}

@keyframes antZoomBadgeOut {
    0% {
        -webkit-transform: scale(1) translate(50%, -50%);
        -moz-transform: scale(1) translate(50%, -50%);
        transform: scale(1) translate(50%, -50%);
    }
    100% {
        -webkit-transform: scale(0) translate(50%, -50%);
        -moz-transform: scale(0) translate(50%, -50%);
        transform: scale(0) translate(50%, -50%);
        opacity: 0;
    }
}

@-webkit-keyframes antNoWrapperZoomBadgeIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes antNoWrapperZoomBadgeIn {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes antNoWrapperZoomBadgeIn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes antNoWrapperZoomBadgeOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes antNoWrapperZoomBadgeOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes antNoWrapperZoomBadgeOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes antBadgeLoadingCircle {
    0% {
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
    }
    100% {
        -webkit-transform: translate(50%, -50%) rotate(360deg);
        transform: translate(50%, -50%) rotate(360deg);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
    }
}

@-moz-keyframes antBadgeLoadingCircle {
    0% {
        -moz-transform-origin: 50%;
        transform-origin: 50%;
    }
    100% {
        -moz-transform: translate(50%, -50%) rotate(360deg);
        transform: translate(50%, -50%) rotate(360deg);
        -moz-transform-origin: 50%;
        transform-origin: 50%;
    }
}

@keyframes antBadgeLoadingCircle {
    0% {
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        transform-origin: 50%;
    }
    100% {
        -webkit-transform: translate(50%, -50%) rotate(360deg);
        -moz-transform: translate(50%, -50%) rotate(360deg);
        transform: translate(50%, -50%) rotate(360deg);
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        transform-origin: 50%;
    }
}

.ant-ribbon-wrapper {
    position: relative;
}

.ant-ribbon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: absolute;
    top: 8px;
    height: 22px;
    padding: 0 8px;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    background-color: #1890ff;
    border-radius: 2px;
}

.ant-ribbon-text {
    color: #fff;
}

.ant-ribbon-corner {
    position: absolute;
    top: 100%;
    width: 8px;
    height: 8px;
    color: currentcolor;
    border: 4px solid;
    -webkit-transform: scaleY(0.75);
    -moz-transform: scaleY(0.75);
    transform: scaleY(0.75);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
}

.ant-ribbon-corner::after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: inherit;
    height: inherit;
    color: rgba(0, 0, 0, 0.25);
    border: inherit;
    content: '';
}

.ant-ribbon-color-pink {
    color: #eb2f96;
    background: #eb2f96;
}

.ant-ribbon-color-magenta {
    color: #eb2f96;
    background: #eb2f96;
}

.ant-ribbon-color-red {
    color: #f5222d;
    background: #f5222d;
}

.ant-ribbon-color-volcano {
    color: #fa541c;
    background: #fa541c;
}

.ant-ribbon-color-orange {
    color: #fa8c16;
    background: #fa8c16;
}

.ant-ribbon-color-yellow {
    color: #fadb14;
    background: #fadb14;
}

.ant-ribbon-color-gold {
    color: #faad14;
    background: #faad14;
}

.ant-ribbon-color-cyan {
    color: #13c2c2;
    background: #13c2c2;
}

.ant-ribbon-color-lime {
    color: #a0d911;
    background: #a0d911;
}

.ant-ribbon-color-green {
    color: #52c41a;
    background: #52c41a;
}

.ant-ribbon-color-blue {
    color: #1890ff;
    background: #1890ff;
}

.ant-ribbon-color-geekblue {
    color: #2f54eb;
    background: #2f54eb;
}

.ant-ribbon-color-purple {
    color: #722ed1;
    background: #722ed1;
}

.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;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
    right: auto;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.ant-badge-rtl .ant-badge-status-text {
    margin-right: 8px;
    margin-left: 0;
}

.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
    -webkit-animation-name: antZoomBadgeInRtl;
    -moz-animation-name: antZoomBadgeInRtl;
    animation-name: antZoomBadgeInRtl;
}

.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
    -webkit-animation-name: antZoomBadgeOutRtl;
    -moz-animation-name: antZoomBadgeOutRtl;
    animation-name: antZoomBadgeOutRtl;
}

.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;
}

@-webkit-keyframes antZoomBadgeInRtl {
    0% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
}

@-moz-keyframes antZoomBadgeInRtl {
    0% {
        -moz-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
}

@keyframes antZoomBadgeInRtl {
    0% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        -moz-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        -moz-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
}

@-webkit-keyframes antZoomBadgeOutRtl {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
    100% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
        opacity: 0;
    }
}

@-moz-keyframes antZoomBadgeOutRtl {
    0% {
        -moz-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
    100% {
        -moz-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
        opacity: 0;
    }
}

@keyframes antZoomBadgeOutRtl {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        -moz-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }
    100% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        -moz-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
        opacity: 0;
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

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

.ant-breadcrumb ol {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ant-breadcrumb a {
    color: rgba(0, 0, 0, 0.45);
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-breadcrumb a:hover {
    color: rgba(0, 0, 0, 0.85);
}

.ant-breadcrumb li:last-child {
    color: rgba(0, 0, 0, 0.85);
}

.ant-breadcrumb li:last-child a {
    color: rgba(0, 0, 0, 0.85);
}

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

.ant-breadcrumb-separator {
    margin: 0 8px;
    color: rgba(0, 0, 0, 0.45);
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
    color: #ff4d4f;
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
    color: #fff;
    background-color: #ff4d4f;
}

.ant-dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: 0.0001;
    content: ' ';
}

.ant-dropdown-wrap {
    position: relative;
}

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

.ant-dropdown-wrap .anticon-down::before {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -moz-transition: transform 0.2s, -moz-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
}

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

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

.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
    padding-bottom: 15.3137085px;
}

.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
    padding-top: 15.3137085px;
}

.ant-dropdown-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    width: 11.3137085px;
    height: 11.3137085px;
    border-radius: 0 0 2px;
    pointer-events: none;
}

.ant-dropdown-arrow::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: #fff;
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: '';
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
    clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}

.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
    bottom: 10px;
    -webkit-box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ant-dropdown-placement-top > .ant-dropdown-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

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

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

.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
    top: 9.41421356px;
    -webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(-135deg) translateY(-0.5px);
    -moz-transform: rotate(-135deg) translateY(-0.5px);
    transform: rotate(-135deg) translateY(-0.5px);
}

.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
    -moz-transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
    transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}

.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: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.ant-dropdown-menu-item-group-title {
    padding: 5px 12px;
    color: rgba(0, 0, 0, 0.45);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-dropdown-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    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: 0.3em;
    margin-left: 0.3em;
}

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

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

.ant-dropdown-menu-title-content {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.ant-dropdown-menu-title-content > a {
    color: inherit;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
    color: #1890ff;
    background-color: #e6f7ff;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
    background-color: #f5f5f5;
}

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

.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
    color: rgba(0, 0, 0, 0.25);
    background-color: #fff;
    cursor: not-allowed;
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title.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: #f0f0f0;
}

.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: rgba(0, 0, 0, 0.45);
    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;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    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: rgba(0, 0, 0, 0.25);
    background-color: #fff;
    cursor: not-allowed;
}

.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
    color: #1890ff;
}

.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-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.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 {
    -webkit-animation-name: antSlideUpIn;
    -moz-animation-name: antSlideUpIn;
    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-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.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 {
    -webkit-animation-name: antSlideDownIn;
    -moz-animation-name: antSlideDownIn;
    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-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    -moz-animation-name: antSlideUpOut;
    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-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    -moz-animation-name: antSlideDownOut;
    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: #001529;
}

.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, 0.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, 0.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: #fff;
    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: #fff;
    background: #1890ff;
}

.ant-dropdown-rtl {
    direction: rtl;
}

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

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

.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 {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

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

.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;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.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;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.85);
    border-color: #d9d9d9;
    background: #fff;
}

.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;
    -webkit-box-shadow: none;
    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: 0px 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: #40a9ff;
    border-color: #40a9ff;
    background: #fff;
}

.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: #096dd9;
    border-color: #096dd9;
    background: #fff;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #fff;
}

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

.ant-btn-primary {
    color: #fff;
    border-color: #1890ff;
    background: #1890ff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.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: #40a9ff;
    background: #40a9ff;
}

.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: #096dd9;
    background: #096dd9;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #40a9ff;
    border-left-color: #40a9ff;
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #d9d9d9;
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: #40a9ff;
}

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

.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
    border-left-color: #40a9ff;
}

.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: #d9d9d9;
}

.ant-btn-ghost {
    color: rgba(0, 0, 0, 0.85);
    border-color: #d9d9d9;
    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: #40a9ff;
    border-color: #40a9ff;
    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: #096dd9;
    border-color: #096dd9;
    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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: rgba(0, 0, 0, 0.85);
    border-color: #d9d9d9;
    background: #fff;
    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: #40a9ff;
    border-color: #40a9ff;
    background: #fff;
}

.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: #096dd9;
    border-color: #096dd9;
    background: #fff;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    background: #ff4d4f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.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: #ff7875;
    background: #ff7875;
}

.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: #d9363e;
    background: #d9363e;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #1890ff;
    border-color: transparent;
    background: transparent;
    -webkit-box-shadow: none;
    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: #40a9ff;
    border-color: #40a9ff;
    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: #096dd9;
    border-color: #096dd9;
    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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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-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: rgba(0, 0, 0, 0.25);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    -webkit-box-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: rgba(0, 0, 0, 0.85);
    border-color: transparent;
    background: transparent;
    -webkit-box-shadow: none;
    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: #40a9ff;
    border-color: #40a9ff;
    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: #096dd9;
    border-color: #096dd9;
    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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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-text:hover,
.ant-btn-text:focus {
    color: rgba(0, 0, 0, 0.85);
    background: rgba(0, 0, 0, 0.018);
    border-color: transparent;
}

.ant-btn-text:active {
    color: rgba(0, 0, 0, 0.85);
    background: rgba(0, 0, 0, 0.028);
    border-color: transparent;
}

.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
    color: rgba(0, 0, 0, 0.25);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    border-color: #ff4d4f;
    background: #fff;
}

.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: #ff7875;
    border-color: #ff7875;
    background: #fff;
}

.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: #d9363e;
    border-color: #d9363e;
    background: #fff;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    background: #ff4d4f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.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: #ff7875;
    background: #ff7875;
}

.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: #d9363e;
    background: #d9363e;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    border-color: transparent;
    background: transparent;
    -webkit-box-shadow: none;
    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: #40a9ff;
    border-color: #40a9ff;
    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: #096dd9;
    border-color: #096dd9;
    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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
    color: #ff7875;
    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: #d9363e;
    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: rgba(0, 0, 0, 0.25);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    border-color: transparent;
    background: transparent;
    -webkit-box-shadow: none;
    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: #40a9ff;
    border-color: #40a9ff;
    background: transparent;
}

.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: #096dd9;
    border-color: #096dd9;
    background: transparent;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
    color: #ff7875;
    border-color: transparent;
    background: rgba(0, 0, 0, 0.018);
}

.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: #d9363e;
    border-color: transparent;
    background: rgba(0, 0, 0, 0.028);
}

.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: rgba(0, 0, 0, 0.25);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    -webkit-box-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: 0px 0;
    font-size: 14px;
    border-radius: 2px;
}

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

.ant-btn-icon-only > .anticon {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ant-btn-icon-only .anticon-loading {
    padding: 0 !important;
}

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: 0px 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: #fff;
    border-radius: inherit;
    opacity: 0.35;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: '';
    pointer-events: none;
}

.ant-btn .anticon {
    -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.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 {
    -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

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

.ant-btn-group {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    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 .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: #fff;
    border-color: #fff;
}

.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: #40a9ff;
    border-color: #40a9ff;
}

.ant-btn.ant-btn-background-ghost:active {
    color: #096dd9;
    border-color: #096dd9;
}

.ant-btn.ant-btn-background-ghost[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background: transparent;
    border-color: #d9d9d9;
}

.ant-btn-background-ghost.ant-btn-primary {
    color: #1890ff;
    border-color: #1890ff;
    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: #40a9ff;
    border-color: #40a9ff;
}

.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: #096dd9;
    border-color: #096dd9;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    border-color: #ff4d4f;
    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: #ff7875;
    border-color: #ff7875;
}

.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: #d9363e;
    border-color: #d9363e;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    border-color: #ff4d4f;
    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: #ff7875;
    border-color: #ff7875;
}

.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: #d9363e;
    border-color: #d9363e;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: #ff4d4f;
    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: #ff7875;
    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: #d9363e;
    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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background: #f5f5f5;
    text-shadow: none;
    -webkit-box-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: 0.34em;
}

.ant-btn-two-chinese-chars > *:not(.anticon) {
    margin-right: -0.34em;
    letter-spacing: 0.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: 0.01px !important;
    line-height: 30px;
}

a.ant-btn-disabled {
    cursor: not-allowed;
}

a.ant-btn-disabled > * {
    pointer-events: none;
}

a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
    color: rgba(0, 0, 0, 0.25);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

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

a.ant-btn-lg {
    line-height: 38px;
}

a.ant-btn-sm {
    line-height: 22px;
}

.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
    margin-right: -1px;
}

.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
    margin-left: -1px;
}

.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
    z-index: 2;
}

.ant-btn-compact-item[disabled] {
    z-index: 0;
}

.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
    border-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-btn-icon-only.ant-btn-compact-item {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) {
    position: relative;
}

.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 1px;
    height: -moz-calc(100% + 1px * 2);
    height: calc(100% + 1px * 2);
    background-color: #40a9ff;
    content: ' ';
}

.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
    right: -1px;
}

.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
    margin-bottom: -1px;
}

.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
    z-index: 2;
}

.ant-btn-compact-vertical-item[disabled] {
    z-index: 0;
}

.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
    border-radius: 0;
}

.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
    position: relative;
}

.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: -moz-calc(100% + 1px * 2);
    width: calc(100% + 1px * 2);
    height: 1px;
    background-color: #40a9ff;
    content: ' ';
}

.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: #40a9ff;
    border-left-color: #d9d9d9;
}

.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: #d9d9d9;
    border-left-color: #40a9ff;
}

.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
    padding-right: 0;
    padding-left: 8px;
}

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

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu-item-danger.ant-menu-item {
    color: #ff4d4f;
}

.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
    color: #ff4d4f;
}

.ant-menu-item-danger.ant-menu-item:active {
    background: #fff1f0;
}

.ant-menu-item-danger.ant-menu-item-selected {
    color: #ff4d4f;
}

.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
    color: #ff4d4f;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
    background-color: #fff1f0;
}

.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
    border-right-color: #ff4d4f;
}

.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: #ff4d4f;
}

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

.ant-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    margin-bottom: 0;
    padding-left: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 0;
    text-align: left;
    list-style: none;
    background: #fff;
    outline: none;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
    -moz-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
    transition: background 0.3s, width 0.3s cubic-bezier(0.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 {
    -webkit-box-shadow: 0 0 0 2px #bae7ff;
    box-shadow: 0 0 0 2px #bae7ff;
}

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

.ant-menu-overflow {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-menu-overflow-item {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

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

.ant-menu-item-group-title {
    height: 1.5715;
    padding: 8px 16px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1.5715;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-menu-horizontal .ant-menu-submenu {
    -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu,
.ant-menu-submenu-inline {
    -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-selected {
    color: #1890ff;
}

.ant-menu-item:active,
.ant-menu-submenu-title:active {
    background: #e6f7ff;
}

.ant-menu-submenu .ant-menu-sub {
    cursor: initial;
    -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-title-content {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-menu-item a {
    color: rgba(0, 0, 0, 0.85);
}

.ant-menu-item a:hover {
    color: #1890ff;
}

.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: rgba(0, 0, 0, 0.85);
}

.ant-menu-item > .ant-badge a:hover {
    color: #1890ff;
}

.ant-menu-item-divider {
    overflow: hidden;
    line-height: 0;
    border-color: #f0f0f0;
    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 {
    color: #1890ff;
}

.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
    color: #1890ff;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #e6f7ff;
}

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
    border-right: 1px solid #f0f0f0;
}

.ant-menu-vertical-right {
    border-left: 1px solid #f0f0f0;
}

.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: -moz-calc(100vh - 100px);
    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 {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    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 {
    -webkit-transition: border-color 0.3s, background 0.3s;
    -moz-transition: border-color 0.3s, background 0.3s;
    transition: border-color 0.3s, background 0.3s;
}

.ant-menu-item,
.ant-menu-submenu-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.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;
    -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
    -moz-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
    transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.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;
    -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
    -moz-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}

.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
    vertical-align: -0.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:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
    -webkit-box-shadow: 0 0 0 2px #bae7ff;
    box-shadow: 0 0 0 2px #bae7ff;
}

.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;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    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: 0.0001;
    content: ' ';
}

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

.ant-menu-submenu > .ant-menu {
    background-color: #fff;
    border-radius: 2px;
}

.ant-menu-submenu > .ant-menu-submenu-title::after {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-popup > .ant-menu {
    background-color: #fff;
}

.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    color: rgba(0, 0, 0, 0.85);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.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;
    -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: '';
}

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

.ant-menu-submenu-arrow::after {
    -webkit-transform: rotate(-45deg) translateY(2.5px);
    -moz-transform: rotate(-45deg) translateY(2.5px);
    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: #1890ff;
}

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

.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
    -webkit-transform: rotate(45deg) translateX(-2.5px);
    -moz-transform: rotate(45deg) translateX(-2.5px);
    transform: rotate(45deg) translateX(-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 {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

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

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
    -webkit-transform: rotate(45deg) translateX(2.5px);
    -moz-transform: rotate(45deg) translateX(2.5px);
    transform: rotate(45deg) translateX(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: #1890ff;
}

.ant-menu-horizontal {
    line-height: 46px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    -webkit-box-shadow: none;
    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: #1890ff;
}

.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 #1890ff;
}

.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;
    -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: '';
}

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

.ant-menu-horizontal > .ant-menu-item a {
    color: rgba(0, 0, 0, 0.85);
}

.ant-menu-horizontal > .ant-menu-item a:hover {
    color: #1890ff;
}

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

.ant-menu-horizontal > .ant-menu-item-selected a {
    color: #1890ff;
}

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

.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 #1890ff;
    -webkit-transform: scaleY(0.0001);
    -moz-transform: scaleY(0.0001);
    transform: scaleY(0.0001);
    opacity: 0;
    -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.215, 0.61, 0.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: 0.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 {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
    width: -moz-calc(100% + 1px);
    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: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.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 {
    -moz-box-flex: 1;
    -ms-flex: auto;
    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 > * {
    -moz-box-flex: 0;
    -ms-flex: none;
    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 -moz-calc(50% - 16px / 2);
    padding: 0 calc(50% - 16px / 2);
    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, 0.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 {
    -webkit-box-shadow: none;
    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: #fafafa;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    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: rgba(0, 0, 0, 0.25) !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: rgba(0, 0, 0, 0.25) !important;
    pointer-events: none;
}

.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
    color: rgba(0, 0, 0, 0.25) !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: rgba(0, 0, 0, 0.25) !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: #1890ff;
}

.ant-menu.ant-menu-root:focus-visible {
    -webkit-box-shadow: 0 0 0 2px #096dd9;
    box-shadow: 0 0 0 2px #096dd9;
}

.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
    -webkit-box-shadow: 0 0 0 2px #096dd9;
    box-shadow: 0 0 0 2px #096dd9;
}

.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
    color: rgba(255, 255, 255, 0.65);
    background: #001529;
}

.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: 0.45;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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: #000c17;
}

.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: #001529;
    border-bottom: 0;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
    background-color: #1890ff;
}

.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, 0.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: #1890ff;
}

.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: #1890ff;
}

.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: rgba(255, 255, 255, 0.35) !important;
    opacity: 0.8;
}

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
    color: rgba(255, 255, 255, 0.35) !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: rgba(255, 255, 255, 0.35) !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 #f0f0f0;
}

.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 {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    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 {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    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 {
    -webkit-transform: rotate(-45deg) translateY(-2px);
    -moz-transform: rotate(-45deg) translateY(-2px);
    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 {
    -webkit-transform: rotate(45deg) translateY(2px);
    -moz-transform: rotate(45deg) translateY(2px);
    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 -moz-calc(50% - 16px / 2);
    padding: 0 calc(50% - 16px / 2);
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: absolute;
    z-index: 1070;
    display: block;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    width: intrinsic;
    max-width: 250px;
    visibility: visible;
}

.ant-tooltip-content {
    position: relative;
}

.ant-tooltip-hidden {
    display: none;
}

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

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

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

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

.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: rgba(0, 0, 0, 0.75);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

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

.ant-tooltip-arrow-content {
    --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 11.3137085px;
    height: 11.3137085px;
    margin: auto;
    content: '';
    pointer-events: auto;
    border-radius: 0 0 2px;
    pointer-events: none;
}

.ant-tooltip-arrow-content::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: var(--antd-arrow-background-color);
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: '';
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
    clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

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

.ant-tooltip-placement-top .ant-tooltip-arrow {
    left: 50%;
    -webkit-transform: translateY(100%) translateX(-50%);
    -moz-transform: translateY(100%) translateX(-50%);
    transform: translateY(100%) translateX(-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: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
    -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
    box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateX(11px) rotate(135deg);
    -moz-transform: translateX(11px) rotate(135deg);
    transform: translateX(11px) rotate(135deg);
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
    top: 50%;
    -webkit-transform: translateX(-100%) translateY(-50%);
    -moz-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) 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: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
    -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
    box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateX(-11px) rotate(315deg);
    -moz-transform: translateX(-11px) rotate(315deg);
    transform: translateX(-11px) rotate(315deg);
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
    top: 50%;
    -webkit-transform: translateX(100%) translateY(-50%);
    -moz-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) 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: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
    -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
    box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateY(11px) rotate(225deg);
    -moz-transform: translateY(11px) rotate(225deg);
    transform: translateY(11px) rotate(225deg);
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
    left: 50%;
    -webkit-transform: translateY(-100%) translateX(-50%);
    -moz-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-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 {
    background-color: #eb2f96;
}

.ant-tooltip-pink .ant-tooltip-arrow-content::before {
    background: #eb2f96;
}

.ant-tooltip-magenta .ant-tooltip-inner {
    background-color: #eb2f96;
}

.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
    background: #eb2f96;
}

.ant-tooltip-red .ant-tooltip-inner {
    background-color: #f5222d;
}

.ant-tooltip-red .ant-tooltip-arrow-content::before {
    background: #f5222d;
}

.ant-tooltip-volcano .ant-tooltip-inner {
    background-color: #fa541c;
}

.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
    background: #fa541c;
}

.ant-tooltip-orange .ant-tooltip-inner {
    background-color: #fa8c16;
}

.ant-tooltip-orange .ant-tooltip-arrow-content::before {
    background: #fa8c16;
}

.ant-tooltip-yellow .ant-tooltip-inner {
    background-color: #fadb14;
}

.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
    background: #fadb14;
}

.ant-tooltip-gold .ant-tooltip-inner {
    background-color: #faad14;
}

.ant-tooltip-gold .ant-tooltip-arrow-content::before {
    background: #faad14;
}

.ant-tooltip-cyan .ant-tooltip-inner {
    background-color: #13c2c2;
}

.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
    background: #13c2c2;
}

.ant-tooltip-lime .ant-tooltip-inner {
    background-color: #a0d911;
}

.ant-tooltip-lime .ant-tooltip-arrow-content::before {
    background: #a0d911;
}

.ant-tooltip-green .ant-tooltip-inner {
    background-color: #52c41a;
}

.ant-tooltip-green .ant-tooltip-arrow-content::before {
    background: #52c41a;
}

.ant-tooltip-blue .ant-tooltip-inner {
    background-color: #1890ff;
}

.ant-tooltip-blue .ant-tooltip-arrow-content::before {
    background: #1890ff;
}

.ant-tooltip-geekblue .ant-tooltip-inner {
    background-color: #2f54eb;
}

.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
    background: #2f54eb;
}

.ant-tooltip-purple .ant-tooltip-inner {
    background-color: #722ed1;
}

.ant-tooltip-purple .ant-tooltip-arrow-content::before {
    background: #722ed1;
}

.ant-tooltip-rtl {
    direction: rtl;
}

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

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-space {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ant-space-vertical {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ant-space-align-center {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ant-space-align-start {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ant-space-align-end {
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ant-space-align-baseline {
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.ant-space-item:empty {
    display: none;
}

.ant-space-compact {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ant-space-compact-block {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.ant-space-compact-vertical {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ant-space-rtl {
    direction: rtl;
}

.ant-space-compact-rtl {
    direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-picker-calendar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    background: #fff;
}

.ant-picker-calendar-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 12px 0;
}

.ant-picker-calendar-header .ant-picker-calendar-year-select {
    min-width: 80px;
}

.ant-picker-calendar-header .ant-picker-calendar-month-select {
    min-width: 70px;
    margin-left: 8px;
}

.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    margin-left: 8px;
}

.ant-picker-calendar .ant-picker-panel {
    background: #fff;
    border: 0;
    border-top: 1px solid #f0f0f0;
    border-radius: 0;
}

.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
    width: auto;
}

.ant-picker-calendar .ant-picker-panel .ant-picker-body {
    padding: 8px 0;
}

.ant-picker-calendar .ant-picker-panel .ant-picker-content {
    width: 100%;
}

.ant-picker-calendar-mini {
    border-radius: 2px;
}

.ant-picker-calendar-mini .ant-picker-calendar-header {
    padding-right: 8px;
    padding-left: 8px;
}

.ant-picker-calendar-mini .ant-picker-panel {
    border-radius: 0 0 2px 2px;
}

.ant-picker-calendar-mini .ant-picker-content {
    height: 256px;
}

.ant-picker-calendar-mini .ant-picker-content th {
    height: auto;
    padding: 0;
    line-height: 18px;
}

.ant-picker-calendar-mini .ant-picker-cell::before {
    pointer-events: none;
}

.ant-picker-calendar-full .ant-picker-panel {
    display: block;
    width: 100%;
    text-align: right;
    background: #fff;
    border: 0;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
    padding: 0;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
    height: auto;
    padding: 0 12px 5px 0;
    line-height: 18px;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
    display: none;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
    background: #f5f5f5;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
    display: none;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
    background: #e6f7ff;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
    color: #1890ff;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
    display: block;
    width: auto;
    height: auto;
    margin: 0 4px;
    padding: 4px 8px 0;
    border: 0;
    border-top: 2px solid #f0f0f0;
    border-radius: 0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
    line-height: 24px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
    position: static;
    width: auto;
    height: 86px;
    overflow-y: auto;
    color: rgba(0, 0, 0, 0.85);
    line-height: 1.5715;
    text-align: left;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
    border-color: #1890ff;
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
    color: rgba(0, 0, 0, 0.85);
}

@media only screen and (max-width: 480px) {
    .ant-picker-calendar-header {
        display: block;
    }

    .ant-picker-calendar-header .ant-picker-calendar-year-select {
        width: 50%;
    }

    .ant-picker-calendar-header .ant-picker-calendar-month-select {
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px);
    }

    .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
        width: 100%;
        margin-top: 8px;
        margin-left: 0;
    }

    .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
        width: 50%;
        text-align: center;
    }
}

.ant-picker-calendar-rtl {
    direction: rtl;
}

.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
    margin-right: 8px;
    margin-left: 0;
}

.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    margin-right: 8px;
    margin-left: 0;
}

.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
    text-align: left;
}

.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
    padding: 0 0 5px 12px;
}

.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
    text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-picker-status-error.ant-picker,
.ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
    background-color: #fff;
    border-color: #ff4d4f;
}

.ant-picker-status-error.ant-picker-focused,
.ant-picker-status-error.ant-picker:focus {
    border-color: #ff7875;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-picker-status-error.ant-picker .ant-picker-active-bar {
    background: #ff7875;
}

.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover {
    background-color: #fff;
    border-color: #faad14;
}

.ant-picker-status-warning.ant-picker-focused,
.ant-picker-status-warning.ant-picker:focus {
    border-color: #ffc53d;
    -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
    background: #ffc53d;
}

.ant-picker {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    padding: 4px 11px 4px;
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
    transition: border 0.3s, -webkit-box-shadow 0.3s;
    -moz-transition: border 0.3s, box-shadow 0.3s;
    transition: border 0.3s, box-shadow 0.3s;
    transition: border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.ant-picker:hover,
.ant-picker-focused {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-picker-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-picker.ant-picker-disabled {
    background: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed;
}

.ant-picker.ant-picker-disabled .ant-picker-suffix {
    color: rgba(0, 0, 0, 0.25);
}

.ant-picker.ant-picker-borderless {
    background-color: transparent !important;
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ant-picker-input {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.ant-picker-input > input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0;
}

.ant-picker-input > input::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-picker-input > input:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-picker-input > input::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-picker-input > input:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-picker-input > input::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-picker-input > input::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-picker-input > input:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-picker-input > input:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-picker-input > input:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-picker-input > input:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-picker-input > input-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-picker-input > input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-picker-input > input[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-picker-input > input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.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;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.ant-picker-input > input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    -webkit-transition: all 0.3s, height 0s;
    -moz-transition: all 0.3s, height 0s;
    transition: all 0.3s, height 0s;
}

.ant-picker-input > input-lg {
    padding: 6.5px 11px;
    font-size: 16px;
}

.ant-picker-input > input-sm {
    padding: 0px 7px;
}

.ant-picker-input > input:focus {
    -webkit-box-shadow: none;
    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: #bfbfbf;
}

.ant-picker-large {
    padding: 6.5px 11px 6.5px;
}

.ant-picker-large .ant-picker-input > input {
    font-size: 16px;
}

.ant-picker-small {
    padding: 0px 7px 0px;
}

.ant-picker-suffix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.25);
    line-height: 1;
    pointer-events: none;
}

.ant-picker-suffix > * {
    vertical-align: top;
}

.ant-picker-suffix > *:not(:last-child) {
    margin-right: 8px;
}

.ant-picker-clear {
    position: absolute;
    top: 50%;
    right: 0;
    color: rgba(0, 0, 0, 0.25);
    line-height: 1;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.3s, color 0.3s;
    -moz-transition: opacity 0.3s, color 0.3s;
    transition: opacity 0.3s, color 0.3s;
}

.ant-picker-clear > * {
    vertical-align: top;
}

.ant-picker-clear:hover {
    color: rgba(0, 0, 0, 0.45);
}

.ant-picker-separator {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 16px;
    color: rgba(0, 0, 0, 0.25);
    font-size: 16px;
    vertical-align: top;
    cursor: default;
}

.ant-picker-focused .ant-picker-separator {
    color: rgba(0, 0, 0, 0.45);
}

.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
    cursor: not-allowed;
}

.ant-picker-range {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    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: #1890ff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
}

.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
    opacity: 1;
}

.ant-picker-range-separator {
    -moz-box-align: center;
    -ms-flex-align: center;
    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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
}

.ant-picker-dropdown-hidden {
    display: none;
}

.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
    top: 2.58561808px;
    display: block;
    -webkit-transform: rotate(-135deg) translateY(1px);
    -moz-transform: rotate(-135deg) translateY(1px);
    transform: rotate(-135deg) translateY(1px);
}

.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
    bottom: 2.58561808px;
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.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 {
    -webkit-animation-name: antSlideDownIn;
    -moz-animation-name: antSlideDownIn;
    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 {
    -webkit-animation-name: antSlideUpIn;
    -moz-animation-name: antSlideUpIn;
    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 {
    -webkit-animation-name: antSlideDownOut;
    -moz-animation-name: antSlideDownOut;
    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 {
    -webkit-animation-name: antSlideUpOut;
    -moz-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut;
}

.ant-picker-dropdown-range {
    padding: 7.54247233px 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: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff;
    cursor: pointer;
}

.ant-picker-ranges .ant-picker-ok {
    float: right;
    margin-left: 8px;
}

.ant-picker-range-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-picker-range-arrow {
    position: absolute;
    z-index: 1;
    width: 11.3137085px;
    height: 11.3137085px;
    margin-left: 16.5px;
    -webkit-box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
    -webkit-transition: left 0.3s ease-out;
    -moz-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
    border-radius: 0 0 2px;
    pointer-events: none;
}

.ant-picker-range-arrow::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: #fff;
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: '';
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
    clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}

.ant-picker-panel-container {
    overflow: hidden;
    vertical-align: top;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    transition: margin 0.3s;
}

.ant-picker-panel-container .ant-picker-panels {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    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: #f0f0f0;
}

.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
    margin-right: -1px;
}

.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
    margin-left: -1px;
}

.ant-picker-compact-item:hover,
.ant-picker-compact-item:focus,
.ant-picker-compact-item:active {
    z-index: 2;
}

.ant-picker-compact-item.ant-picker-focused {
    z-index: 2;
}

.ant-picker-compact-item[disabled] {
    z-index: 0;
}

.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
    border-radius: 0;
}

.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-picker-panel {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    outline: none;
}

.ant-picker-panel-focused {
    border-color: #1890ff;
}

.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: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 280px;
}

.ant-picker-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8px;
    color: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid #f0f0f0;
}

.ant-picker-header > * {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-picker-header button {
    padding: 0;
    color: rgba(0, 0, 0, 0.25);
    line-height: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-picker-header > button {
    min-width: 1.6em;
    font-size: 14px;
}

.ant-picker-header > button:hover {
    color: rgba(0, 0, 0, 0.85);
}

.ant-picker-header-view {
    -moz-box-flex: 1;
    -ms-flex: auto;
    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: #1890ff;
}

.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 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ant-picker-next-icon,
.ant-picker-super-next-icon {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    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: rgba(0, 0, 0, 0.85);
    line-height: 30px;
}

.ant-picker-cell {
    padding: 3px 0;
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.ant-picker-cell-in-view {
    color: rgba(0, 0, 0, 0.85);
}

.ant-picker-cell::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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;
    -webkit-transition: background 0.3s, border 0.3s;
    -moz-transition: background 0.3s, border 0.3s;
    transition: background 0.3s, border 0.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: #f5f5f5;
}

.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 #1890ff;
    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: #e6f7ff;
}

.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: #fff;
    background: #1890ff;
}

.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: #e6f7ff;
}

.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 #7ec1ff;
    border-bottom: 1px dashed #7ec1ff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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: #cbe6ff;
}

.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: #cbe6ff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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 #7ec1ff;
    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 #7ec1ff;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.ant-picker-cell-disabled {
    color: rgba(0, 0, 0, 0.25);
    pointer-events: none;
}

.ant-picker-cell-disabled .ant-picker-cell-inner {
    background: transparent;
}

.ant-picker-cell-disabled::before {
    background: rgba(0, 0, 0, 0.04);
}

.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
    border-color: rgba(0, 0, 0, 0.25);
}

.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: -moz-min-content;
    width: -webkit-min-content;
    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 #f0f0f0;
}

.ant-picker-footer-extra {
    padding: 0 12px;
    line-height: 38px;
    text-align: left;
}

.ant-picker-footer-extra:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

.ant-picker-now {
    text-align: left;
}

.ant-picker-today-btn {
    color: #1890ff;
}

.ant-picker-today-btn:hover {
    color: #40a9ff;
}

.ant-picker-today-btn:active {
    color: #096dd9;
}

.ant-picker-today-btn.ant-picker-today-btn-disabled {
    color: rgba(0, 0, 0, 0.25);
    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 #7ec1ff;
    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 #7ec1ff;
    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 #7ec1ff;
    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 #7ec1ff;
    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 {
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.ant-picker-week-panel-row:hover td {
    background: #f5f5f5;
}

.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
    background: #1890ff;
}

.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, 0.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: #fff;
}

.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
    color: #fff;
}

.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: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-picker-datetime-panel .ant-picker-time-panel {
    border-left: 1px solid #f0f0f0;
}

.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
    opacity: 0.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: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 224px;
}

.ant-picker-time-panel-column {
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 56px;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    text-align: left;
    list-style: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.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 #f0f0f0;
}

.ant-picker-time-panel-column-active {
    background: rgba(230, 247, 255, 0.2);
}

.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: rgba(0, 0, 0, 0.85);
    line-height: 28px;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
    background: #f5f5f5;
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
    background: #e6f7ff;
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
    color: rgba(0, 0, 0, 0.25);
    background: transparent;
    cursor: not-allowed;
}

/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-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 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    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 {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    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;
    -webkit-transition: background 0.3s, border 0.3s;
    -moz-transition: background 0.3s, border 0.3s;
    transition: background 0.3s, border 0.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 #7ec1ff;
    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 #7ec1ff;
    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 #7ec1ff;
    border-left: 1px dashed #7ec1ff;
    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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
    height: auto;
    margin-right: 8px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-tag,
.ant-tag a,
.ant-tag a:hover {
    color: rgba(0, 0, 0, 0.85);
}

.ant-tag > a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px;
}

.ant-tag-close-icon {
    margin-left: 3px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-tag-close-icon:hover {
    color: rgba(0, 0, 0, 0.85);
}

.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: #fff;
}

.ant-tag-checkable {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
}

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
    color: #1890ff;
}

.ant-tag-checkable:active,
.ant-tag-checkable-checked {
    color: #fff;
}

.ant-tag-checkable-checked {
    background-color: #1890ff;
}

.ant-tag-checkable:active {
    background-color: #096dd9;
}

.ant-tag-hidden {
    display: none;
}

.ant-tag-pink {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}

.ant-tag-pink-inverse {
    color: #fff;
    background: #eb2f96;
    border-color: #eb2f96;
}

.ant-tag-magenta {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}

.ant-tag-magenta-inverse {
    color: #fff;
    background: #eb2f96;
    border-color: #eb2f96;
}

.ant-tag-red {
    color: #cf1322;
    background: #fff1f0;
    border-color: #ffa39e;
}

.ant-tag-red-inverse {
    color: #fff;
    background: #f5222d;
    border-color: #f5222d;
}

.ant-tag-volcano {
    color: #d4380d;
    background: #fff2e8;
    border-color: #ffbb96;
}

.ant-tag-volcano-inverse {
    color: #fff;
    background: #fa541c;
    border-color: #fa541c;
}

.ant-tag-orange {
    color: #d46b08;
    background: #fff7e6;
    border-color: #ffd591;
}

.ant-tag-orange-inverse {
    color: #fff;
    background: #fa8c16;
    border-color: #fa8c16;
}

.ant-tag-yellow {
    color: #d4b106;
    background: #feffe6;
    border-color: #fffb8f;
}

.ant-tag-yellow-inverse {
    color: #fff;
    background: #fadb14;
    border-color: #fadb14;
}

.ant-tag-gold {
    color: #d48806;
    background: #fffbe6;
    border-color: #ffe58f;
}

.ant-tag-gold-inverse {
    color: #fff;
    background: #faad14;
    border-color: #faad14;
}

.ant-tag-cyan {
    color: #08979c;
    background: #e6fffb;
    border-color: #87e8de;
}

.ant-tag-cyan-inverse {
    color: #fff;
    background: #13c2c2;
    border-color: #13c2c2;
}

.ant-tag-lime {
    color: #7cb305;
    background: #fcffe6;
    border-color: #eaff8f;
}

.ant-tag-lime-inverse {
    color: #fff;
    background: #a0d911;
    border-color: #a0d911;
}

.ant-tag-green {
    color: #389e0d;
    background: #f6ffed;
    border-color: #b7eb8f;
}

.ant-tag-green-inverse {
    color: #fff;
    background: #52c41a;
    border-color: #52c41a;
}

.ant-tag-blue {
    color: #096dd9;
    background: #e6f7ff;
    border-color: #91d5ff;
}

.ant-tag-blue-inverse {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff;
}

.ant-tag-geekblue {
    color: #1d39c4;
    background: #f0f5ff;
    border-color: #adc6ff;
}

.ant-tag-geekblue-inverse {
    color: #fff;
    background: #2f54eb;
    border-color: #2f54eb;
}

.ant-tag-purple {
    color: #531dab;
    background: #f9f0ff;
    border-color: #d3adf7;
}

.ant-tag-purple-inverse {
    color: #fff;
    background: #722ed1;
    border-color: #722ed1;
}

.ant-tag-success {
    color: #52c41a;
    background: #f6ffed;
    border-color: #b7eb8f;
}

.ant-tag-processing {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff;
}

.ant-tag-error {
    color: #ff4d4f;
    background: #fff2f0;
    border-color: #ffccc7;
}

.ant-tag-warning {
    color: #faad14;
    background: #fffbe6;
    border-color: #ffe58f;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
    font-size: 0;
}

.ant-radio-group .ant-badge-count {
    z-index: 1;
}

.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
    border-left: none;
}

.ant-radio-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: 8px;
    cursor: pointer;
}

.ant-radio-wrapper-disabled {
    cursor: not-allowed;
}

.ant-radio-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: '\a0';
}

.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
    width: 14px;
    height: 14px;
}

.ant-radio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    top: 0.2em;
    display: inline-block;
    outline: none;
    cursor: pointer;
}

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
    border-color: #1890ff;
}

.ant-radio-input:focus + .ant-radio-inner {
    -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}

.ant-radio-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1890ff;
    border-radius: 50%;
    visibility: hidden;
    -webkit-animation: antRadioEffect 0.36s ease-in-out;
    -moz-animation: antRadioEffect 0.36s ease-in-out;
    animation: antRadioEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    content: '';
}

.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
    visibility: visible;
}

.ant-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-radio-inner::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-color: #1890ff;
    border-top: 0;
    border-left: 0;
    border-radius: 16px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    content: ' ';
}

.ant-radio-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}

.ant-radio.ant-radio-disabled .ant-radio-inner {
    border-color: #d9d9d9;
}

.ant-radio-checked .ant-radio-inner {
    border-color: #1890ff;
}

.ant-radio-checked .ant-radio-inner::after {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-radio-disabled {
    cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner::after {
    background-color: rgba(0, 0, 0, 0.2);
}

.ant-radio-disabled .ant-radio-input {
    cursor: not-allowed;
}

.ant-radio-disabled + span {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

span.ant-radio + * {
    padding-right: 8px;
    padding-left: 8px;
}

.ant-radio-button-wrapper {
    position: relative;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top-width: 1.02px;
    border-left-width: 0;
    cursor: pointer;
    -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
    -moz-transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.ant-radio-button-wrapper a {
    color: rgba(0, 0, 0, 0.85);
}

.ant-radio-button-wrapper > .ant-radio-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.ant-radio-group-large .ant-radio-button-wrapper {
    height: 40px;
    font-size: 16px;
    line-height: 38px;
}

.ant-radio-group-small .ant-radio-button-wrapper {
    height: 24px;
    padding: 0 7px;
    line-height: 22px;
}

.ant-radio-button-wrapper:not(:first-child)::before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 1px;
    height: 100%;
    padding: 1px 0;
    background-color: #d9d9d9;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    content: '';
}

.ant-radio-button-wrapper:first-child {
    border-left: 1px solid #d9d9d9;
    border-radius: 2px 0 0 2px;
}

.ant-radio-button-wrapper:last-child {
    border-radius: 0 2px 2px 0;
}

.ant-radio-button-wrapper:first-child:last-child {
    border-radius: 2px;
}

.ant-radio-button-wrapper:hover {
    position: relative;
    color: #1890ff;
}

.ant-radio-button-wrapper:focus-within {
    -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}

.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    z-index: 1;
    color: #1890ff;
    background: #fff;
    border-color: #1890ff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
    background-color: #1890ff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
    border-color: #1890ff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    color: #40a9ff;
    border-color: #40a9ff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
    background-color: #40a9ff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
    color: #096dd9;
    border-color: #096dd9;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
    background-color: #096dd9;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    color: #fff;
    background: #40a9ff;
    border-color: #40a9ff;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
    color: #fff;
    background: #096dd9;
    border-color: #096dd9;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}

.ant-radio-button-wrapper-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed;
}

.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
}

.ant-radio-button-wrapper-disabled:first-child {
    border-left-color: #d9d9d9;
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    color: rgba(0, 0, 0, 0.25);
    background-color: #e6e6e6;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@-webkit-keyframes antRadioEffect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

@-moz-keyframes antRadioEffect {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antRadioEffect {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

.ant-radio-group.ant-radio-group-rtl {
    direction: rtl;
}

.ant-radio-wrapper.ant-radio-wrapper-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
    border-right-width: 0;
    border-left-width: 1px;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
    right: -1px;
    left: 0;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
    border-right: 1px solid #d9d9d9;
    border-radius: 0 2px 2px 0;
}

.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
    border-right-color: #40a9ff;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
    border-radius: 2px 0 0 2px;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
    border-right-color: #d9d9d9;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    background: #fff;
    border-radius: 2px;
}

.ant-card-rtl {
    direction: rtl;
}

.ant-card-hoverable {
    cursor: pointer;
    -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
    transition: border-color 0.3s, -webkit-box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
}

.ant-card-hoverable:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}

.ant-card-bordered {
    border: 1px solid #f0f0f0;
}

.ant-card-head {
    min-height: 48px;
    margin-bottom: -1px;
    padding: 0 24px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
}

.ant-card-head::before {
    display: table;
    content: '';
}

.ant-card-head::after {
    display: table;
    clear: both;
    content: '';
}

.ant-card-head-wrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ant-card-head-title {
    display: inline-block;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.ant-card-head .ant-tabs-top {
    clear: both;
    margin-bottom: -17px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
}

.ant-card-head .ant-tabs-top-bar {
    border-bottom: 1px solid #f0f0f0;
}

.ant-card-extra {
    margin-left: auto;
    padding: 16px 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
}

.ant-card-rtl .ant-card-extra {
    margin-right: auto;
    margin-left: 0;
}

.ant-card-body {
    padding: 24px;
}

.ant-card-body::before {
    display: table;
    content: '';
}

.ant-card-body::after {
    display: table;
    clear: both;
    content: '';
}

.ant-card-contain-grid .ant-card-body {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
    margin: -1px 0 0 -1px;
    padding: 0;
}

.ant-card-grid {
    width: 33.33%;
    padding: 24px;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
    box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-card-grid-hoverable:hover {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}

.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
    min-height: 32px;
    padding-bottom: 0;
}

.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
    padding-bottom: 0;
}

.ant-card-bordered .ant-card-cover {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px;
}

.ant-card-cover > * {
    display: block;
    width: 100%;
}

.ant-card-cover img {
    border-radius: 2px 2px 0 0;
}

.ant-card-actions {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border-top: 1px solid #f0f0f0;
}

.ant-card-actions::before {
    display: table;
    content: '';
}

.ant-card-actions::after {
    display: table;
    clear: both;
    content: '';
}

.ant-card-actions > li {
    margin: 12px 0;
    color: rgba(0, 0, 0, 0.45);
    text-align: center;
}

.ant-card-actions > li > span {
    position: relative;
    display: block;
    min-width: 32px;
    font-size: 14px;
    line-height: 1.5715;
    cursor: pointer;
}

.ant-card-actions > li > span:hover {
    color: #1890ff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
    display: inline-block;
    width: 100%;
    color: rgba(0, 0, 0, 0.45);
    line-height: 22px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
    color: #1890ff;
}

.ant-card-actions > li > span > .anticon {
    font-size: 16px;
    line-height: 22px;
}

.ant-card-actions > li:not(:last-child) {
    border-right: 1px solid #f0f0f0;
}

.ant-card-rtl .ant-card-actions > li:not(:last-child) {
    border-right: none;
    border-left: 1px solid #f0f0f0;
}

.ant-card-type-inner .ant-card-head {
    padding: 0 24px;
    background: #fafafa;
}

.ant-card-type-inner .ant-card-head-title {
    padding: 12px 0;
    font-size: 14px;
}

.ant-card-type-inner .ant-card-body {
    padding: 16px 24px;
}

.ant-card-type-inner .ant-card-extra {
    padding: 13.5px 0;
}

.ant-card-meta {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: -4px 0;
}

.ant-card-meta::before {
    display: table;
    content: '';
}

.ant-card-meta::after {
    display: table;
    clear: both;
    content: '';
}

.ant-card-meta-avatar {
    padding-right: 16px;
}

.ant-card-rtl .ant-card-meta-avatar {
    padding-right: 0;
    padding-left: 16px;
}

.ant-card-meta-detail {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
}

.ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 8px;
}

.ant-card-meta-title {
    overflow: hidden;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-card-meta-description {
    color: rgba(0, 0, 0, 0.45);
}

.ant-card-loading {
    overflow: hidden;
}

.ant-card-loading .ant-card-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-card-small > .ant-card-head {
    min-height: 36px;
    padding: 0 12px;
    font-size: 14px;
}

.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
    padding: 8px 0;
}

.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
    padding: 8px 0;
    font-size: 14px;
}

.ant-card-small > .ant-card-body {
    padding: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-skeleton {
    display: table;
    width: 100%;
}

.ant-skeleton-header {
    display: table-cell;
    padding-right: 16px;
    vertical-align: top;
}

.ant-skeleton-header .ant-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%;
}

.ant-skeleton-header .ant-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%;
}

.ant-skeleton-header .ant-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%;
}

.ant-skeleton-content {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.ant-skeleton-content .ant-skeleton-title {
    width: 100%;
    height: 16px;
    background: rgba(190, 190, 190, 0.2);
    border-radius: 2px;
}

.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
    margin-top: 24px;
}

.ant-skeleton-content .ant-skeleton-paragraph {
    padding: 0;
}

.ant-skeleton-content .ant-skeleton-paragraph > li {
    width: 100%;
    height: 16px;
    list-style: none;
    background: rgba(190, 190, 190, 0.2);
    border-radius: 2px;
}

.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
    width: 61%;
}

.ant-skeleton-content .ant-skeleton-paragraph > li + li {
    margin-top: 16px;
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
    margin-top: 12px;
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
    margin-top: 28px;
}

.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
    border-radius: 100px;
}

.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
    position: relative;
    /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
    z-index: 0;
    overflow: hidden;
    background: transparent;
}

.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
    position: absolute;
    top: 0;
    right: -150%;
    bottom: 0;
    left: -150%;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2)));
    background: -webkit-linear-gradient(left, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
    background: -moz-linear-gradient(left, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
    background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
    -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
    -moz-animation: ant-skeleton-loading 1.4s ease infinite;
    animation: ant-skeleton-loading 1.4s ease infinite;
    content: '';
}

.ant-skeleton.ant-skeleton-block {
    width: 100%;
}

.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
    width: 100%;
}

.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
    width: 100%;
}

.ant-skeleton-element {
    display: inline-block;
    width: auto;
}

.ant-skeleton-element .ant-skeleton-button {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    border-radius: 2px;
    width: 64px;
    min-width: 64px;
    height: 32px;
    line-height: 32px;
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
    width: 32px;
    min-width: 32px;
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
    width: 32px;
    min-width: 32px;
    border-radius: 50%;
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
    border-radius: 32px;
}

.ant-skeleton-element .ant-skeleton-button-lg {
    width: 80px;
    min-width: 80px;
    height: 40px;
    line-height: 40px;
}

.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
    width: 40px;
    min-width: 40px;
}

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

.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
    border-radius: 40px;
}

.ant-skeleton-element .ant-skeleton-button-sm {
    width: 48px;
    min-width: 48px;
    height: 24px;
    line-height: 24px;
}

.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
    width: 24px;
    min-width: 24px;
}

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

.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
    border-radius: 24px;
}

.ant-skeleton-element .ant-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%;
}

.ant-skeleton-element .ant-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%;
}

.ant-skeleton-element .ant-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%;
}

.ant-skeleton-element .ant-skeleton-input {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 160px;
    min-width: 160px;
    height: 32px;
    line-height: 32px;
}

.ant-skeleton-element .ant-skeleton-input-lg {
    width: 200px;
    min-width: 200px;
    height: 40px;
    line-height: 40px;
}

.ant-skeleton-element .ant-skeleton-input-sm {
    width: 120px;
    min-width: 120px;
    height: 24px;
    line-height: 24px;
}

.ant-skeleton-element .ant-skeleton-image {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 96px;
    height: 96px;
    line-height: 96px;
}

.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
    border-radius: 50%;
}

.ant-skeleton-element .ant-skeleton-image-path {
    fill: #bfbfbf;
}

.ant-skeleton-element .ant-skeleton-image-svg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    max-width: 192px;
    max-height: 192px;
}

.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
    border-radius: 50%;
}

@-webkit-keyframes ant-skeleton-loading {
    0% {
        -webkit-transform: translateX(-37.5%);
        transform: translateX(-37.5%);
    }
    100% {
        -webkit-transform: translateX(37.5%);
        transform: translateX(37.5%);
    }
}

@-moz-keyframes ant-skeleton-loading {
    0% {
        -moz-transform: translateX(-37.5%);
        transform: translateX(-37.5%);
    }
    100% {
        -moz-transform: translateX(37.5%);
        transform: translateX(37.5%);
    }
}

@keyframes ant-skeleton-loading {
    0% {
        -webkit-transform: translateX(-37.5%);
        -moz-transform: translateX(-37.5%);
        transform: translateX(-37.5%);
    }
    100% {
        -webkit-transform: translateX(37.5%);
        -moz-transform: translateX(37.5%);
        transform: translateX(37.5%);
    }
}

.ant-skeleton-rtl {
    direction: rtl;
}

.ant-skeleton-rtl .ant-skeleton-header {
    padding-right: 0;
    padding-left: 16px;
}

.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
    -webkit-animation-name: ant-skeleton-loading-rtl;
    -moz-animation-name: ant-skeleton-loading-rtl;
    animation-name: ant-skeleton-loading-rtl;
}

.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
    -webkit-animation-name: ant-skeleton-loading-rtl;
    -moz-animation-name: ant-skeleton-loading-rtl;
    animation-name: ant-skeleton-loading-rtl;
}

@-webkit-keyframes ant-skeleton-loading-rtl {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@-moz-keyframes ant-skeleton-loading-rtl {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@keyframes ant-skeleton-loading-rtl {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.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 {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    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 {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    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 0;
}

.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 #f0f0f0;
    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 {
    -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
    -moz-transition: width 0.3s, left 0.3s, right 0.3s;
    transition: width 0.3s, left 0.3s, right 0.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;
    -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}

.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;
    -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}

.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 {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    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 {
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    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 {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    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 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 {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    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;
    -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}

.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;
    -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}

.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 {
    -webkit-transition: height 0.3s, top 0.3s;
    -moz-transition: height 0.3s, top 0.3s;
    transition: height 0.3s, top 0.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 {
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    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 #f0f0f0;
}

.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 {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    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 {
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-right: -1px;
    border-right: 1px solid #f0f0f0;
}

.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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.ant-tabs-dropdown-menu-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 120px;
    margin: 0;
    padding: 5px 12px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-tabs-dropdown-menu-item > span {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    white-space: nowrap;
}

.ant-tabs-dropdown-menu-item-remove {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 12px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.ant-tabs-dropdown-menu-item-remove:hover {
    color: #40a9ff;
}

.ant-tabs-dropdown-menu-item:hover {
    background: #f5f5f5;
}

.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
    color: rgba(0, 0, 0, 0.25);
    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: #fafafa;
    border: 1px solid #f0f0f0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
    color: #1890ff;
    background: #fff;
}

.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: #fff;
}

.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: #fff;
}

.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: #fff;
}

.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: #fff;
}

.ant-tabs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -moz-box-align: center;
    -ms-flex-align: center;
    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: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    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;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.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: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    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;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    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: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
    color: #40a9ff;
}

.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: #096dd9;
}

.ant-tabs-extra-content {
    -moz-box-flex: 0;
    -ms-flex: none;
    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']) {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ant-tabs-ink-bar {
    position: absolute;
    background: #1890ff;
    pointer-events: none;
}

.ant-tabs-tab {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    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: #096dd9;
}

.ant-tabs-tab-btn {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-tabs-tab-remove {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: -4px;
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-tabs-tab-remove:hover {
    color: rgba(0, 0, 0, 0.85);
}

.ant-tabs-tab:hover {
    color: #40a9ff;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #1890ff;
    text-shadow: 0 0 0.25px currentcolor;
}

.ant-tabs-tab.ant-tabs-tab-disabled {
    color: rgba(0, 0, 0, 0.25);
    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: rgba(0, 0, 0, 0.25);
}

.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 {
    position: relative;
    width: 100%;
}

.ant-tabs-content-holder {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 0;
    min-height: 0;
}

.ant-tabs-tabpane {
    outline: none;
}

.ant-tabs-tabpane-hidden {
    display: none;
}

.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
    opacity: 0;
}

.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.ant-tabs-switch-leave {
    position: absolute;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    inset: 0;
}

.ant-tabs-switch-leave-start {
    opacity: 1;
}

.ant-tabs-switch-leave-active {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
}

.ant-carousel .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.ant-carousel .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.ant-carousel .slick-list:focus {
    outline: none;
}

.ant-carousel .slick-list.dragging {
    cursor: pointer;
}

.ant-carousel .slick-list .slick-slide {
    pointer-events: none;
}

.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
    visibility: hidden;
}

.ant-carousel .slick-list .slick-slide.slick-active {
    pointer-events: auto;
}

.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
    visibility: visible;
}

.ant-carousel .slick-list .slick-slide > div > div {
    vertical-align: bottom;
}

.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.ant-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
    display: table;
    content: '';
}

.ant-carousel .slick-track::after {
    clear: both;
}

.slick-loading .ant-carousel .slick-track {
    visibility: hidden;
}

.ant-carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.ant-carousel .slick-slide img {
    display: block;
}

.ant-carousel .slick-slide.slick-loading img {
    display: none;
}

.ant-carousel .slick-slide.dragging img {
    pointer-events: none;
}

.ant-carousel .slick-initialized .slick-slide {
    display: block;
}

.ant-carousel .slick-loading .slick-slide {
    visibility: hidden;
}

.ant-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.ant-carousel .slick-arrow.slick-hidden {
    display: none;
}

.ant-carousel .slick-prev,
.ant-carousel .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}

.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
    color: transparent;
    background: transparent;
    outline: none;
}

.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
    opacity: 1;
}

.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
    opacity: 0.25;
}

.ant-carousel .slick-prev {
    left: -25px;
}

.ant-carousel .slick-prev::before {
    content: '←';
}

.ant-carousel .slick-next {
    right: -25px;
}

.ant-carousel .slick-next::before {
    content: '→';
}

.ant-carousel .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15%;
    margin-bottom: 0;
    margin-left: 15%;
    padding-left: 0;
    list-style: none;
}

.ant-carousel .slick-dots-bottom {
    bottom: 12px;
}

.ant-carousel .slick-dots-top {
    top: 12px;
    bottom: auto;
}

.ant-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 16px;
    height: 3px;
    margin: 0 4px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.ant-carousel .slick-dots li button {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background: #fff;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
    opacity: 0.3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
    opacity: 0.75;
}

.ant-carousel .slick-dots li button::after {
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    content: '';
}

.ant-carousel .slick-dots li.slick-active {
    width: 24px;
}

.ant-carousel .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1;
}

.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
    opacity: 1;
}

.ant-carousel-vertical .slick-dots {
    top: 50%;
    bottom: auto;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 3px;
    height: auto;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ant-carousel-vertical .slick-dots-left {
    right: auto;
    left: 12px;
}

.ant-carousel-vertical .slick-dots-right {
    right: 12px;
    left: auto;
}

.ant-carousel-vertical .slick-dots li {
    width: 3px;
    height: 16px;
    margin: 4px 0;
    vertical-align: baseline;
}

.ant-carousel-vertical .slick-dots li button {
    width: 3px;
    height: 16px;
}

.ant-carousel-vertical .slick-dots li.slick-active {
    width: 3px;
    height: 24px;
}

.ant-carousel-vertical .slick-dots li.slick-active button {
    width: 3px;
    height: 24px;
}

.ant-carousel-rtl {
    direction: rtl;
}

.ant-carousel-rtl .ant-carousel .slick-track {
    right: 0;
    left: auto;
}

.ant-carousel-rtl .ant-carousel .slick-prev {
    right: -25px;
    left: auto;
}

.ant-carousel-rtl .ant-carousel .slick-prev::before {
    content: '→';
}

.ant-carousel-rtl .ant-carousel .slick-next {
    right: auto;
    left: -25px;
}

.ant-carousel-rtl .ant-carousel .slick-next::before {
    content: '←';
}

.ant-carousel-rtl.ant-carousel .slick-dots {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

@-moz-keyframes antCheckboxEffect {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

.ant-cascader-checkbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    top: 0.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: #1890ff;
}

.ant-cascader-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1890ff;
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
    -moz-animation: antCheckboxEffect 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    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: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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;
    -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    -moz-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.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;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    -moz-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: ' ';
}

.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
    background-color: #1890ff;
    border-color: #1890ff;
}

.ant-cascader-checkbox-disabled {
    cursor: not-allowed;
}

.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
    border-color: rgba(0, 0, 0, 0.25);
    -webkit-animation-name: none;
    -moz-animation-name: none;
    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: #f5f5f5;
    border-color: #d9d9d9 !important;
}

.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
    border-color: #f5f5f5;
    border-collapse: separate;
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}

.ant-cascader-checkbox-disabled + span {
    color: rgba(0, 0, 0, 0.25);
    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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    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-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] {
    width: 14px;
    height: 14px;
}

.ant-cascader-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
}

.ant-cascader-checkbox-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: #fff;
    border-color: #d9d9d9;
}

.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #1890ff;
    border: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: ' ';
}

.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.25);
}

.ant-cascader {
    width: 184px;
}

.ant-cascader-checkbox {
    top: 0;
    margin-right: 8px;
}

.ant-cascader-menus {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
    width: 100%;
    height: auto;
}

.ant-cascader-menu {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 111px;
    height: 180px;
    margin: 0;
    margin: -4px 0;
    padding: 4px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #f0f0f0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ant-cascader-menu-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 12px;
    overflow: hidden;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-cascader-menu-item:hover {
    background: #f5f5f5;
}

.ant-cascader-menu-item-disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-cascader-menu-item-disabled:hover {
    background: transparent;
}

.ant-cascader-menu-empty .ant-cascader-menu-item {
    color: rgba(0, 0, 0, 0.25);
    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: #e6f7ff;
}

.ant-cascader-menu-item-content {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.45);
    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: rgba(0, 0, 0, 0.25);
}

.ant-cascader-menu-item-keyword {
    color: #ff4d4f;
}

.ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
    margin-right: -1px;
}

.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl {
    margin-left: -1px;
}

.ant-cascader-compact-item:hover,
.ant-cascader-compact-item:focus,
.ant-cascader-compact-item:active {
    z-index: 2;
}

.ant-cascader-compact-item[disabled] {
    z-index: 0;
}

.ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader {
    border-radius: 0;
}

.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

.ant-checkbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    top: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: #1890ff;
}

.ant-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1890ff;
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
    -moz-animation: antCheckboxEffect 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: '';
}

.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
    visibility: visible;
}

.ant-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-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;
    -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    -moz-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    content: ' ';
}

.ant-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.ant-checkbox-checked .ant-checkbox-inner::after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    -moz-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: ' ';
}

.ant-checkbox-checked .ant-checkbox-inner {
    background-color: #1890ff;
    border-color: #1890ff;
}

.ant-checkbox-disabled {
    cursor: not-allowed;
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: rgba(0, 0, 0, 0.25);
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}

.ant-checkbox-disabled .ant-checkbox-input {
    cursor: not-allowed;
    pointer-events: none;
}

.ant-checkbox-disabled .ant-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9 !important;
}

.ant-checkbox-disabled .ant-checkbox-inner::after {
    border-color: #f5f5f5;
    border-collapse: separate;
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}

.ant-checkbox-disabled + span {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
    visibility: hidden;
}

.ant-checkbox-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height: unset;
    cursor: pointer;
}

.ant-checkbox-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: '\a0';
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
    cursor: not-allowed;
}

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 8px;
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] {
    width: 14px;
    height: 14px;
}

.ant-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
}

.ant-checkbox-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
}

.ant-checkbox-group-item {
    margin-right: 8px;
}

.ant-checkbox-group-item:last-child {
    margin-right: 0;
}

.ant-checkbox-group-item + .ant-checkbox-group-item {
    margin-left: 0;
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: #fff;
    border-color: #d9d9d9;
}

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #1890ff;
    border: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: ' ';
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.25);
}

.ant-checkbox-rtl {
    direction: rtl;
}

.ant-checkbox-group-rtl .ant-checkbox-group-item {
    margin-right: 0;
    margin-left: 8px;
}

.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
    margin-left: 0 !important;
}

.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
    margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    min-width: 0;
}

.ant-row::before,
.ant-row::after {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-row-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.ant-row-start {
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ant-row-center {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ant-row-end {
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ant-row-space-between {
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ant-row-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ant-row-space-evenly {
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.ant-row-top {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ant-row-middle {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ant-row-bottom {
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ant-col {
    position: relative;
    max-width: 100%;
    min-height: 1px;
}

.ant-col-24 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    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 {
    -moz-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24;
}

.ant-col-23 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 95.83333333%;
    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 {
    -moz-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23;
}

.ant-col-22 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    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 {
    -moz-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22;
}

.ant-col-21 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    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 {
    -moz-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21;
}

.ant-col-20 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    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 {
    -moz-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20;
}

.ant-col-19 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 79.16666667%;
    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 {
    -moz-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19;
}

.ant-col-18 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    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 {
    -moz-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18;
}

.ant-col-17 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 70.83333333%;
    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 {
    -moz-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17;
}

.ant-col-16 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    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 {
    -moz-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
}

.ant-col-15 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    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 {
    -moz-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
}

.ant-col-14 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    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 {
    -moz-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
}

.ant-col-13 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 54.16666667%;
    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 {
    -moz-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.ant-col-12 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    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 {
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.ant-col-11 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45.83333333%;
    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 {
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.ant-col-10 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    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 {
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.ant-col-9 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    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 {
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.ant-col-8 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    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 {
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.ant-col-7 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 29.16666667%;
    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 {
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.ant-col-6 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    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 {
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.ant-col-5 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20.83333333%;
    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 {
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.ant-col-4 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    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 {
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.ant-col-3 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    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 {
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.ant-col-2 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    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 {
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.ant-col-1 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 4.16666667%;
    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 {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.ant-col-0 {
    display: none;
}

.ant-col-push-0 {
    left: auto;
}

.ant-col-pull-0 {
    right: auto;
}

.ant-col-push-0 {
    left: auto;
}

.ant-col-pull-0 {
    right: auto;
}

.ant-col-offset-0 {
    margin-left: 0;
}

.ant-col-order-0 {
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.ant-col-push-0.ant-col-rtl {
    right: auto;
}

.ant-col-pull-0.ant-col-rtl {
    left: auto;
}

.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;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    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 {
    -moz-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24;
}

.ant-col-xs-23 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 95.83333333%;
    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 {
    -moz-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23;
}

.ant-col-xs-22 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    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 {
    -moz-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22;
}

.ant-col-xs-21 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    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 {
    -moz-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21;
}

.ant-col-xs-20 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    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 {
    -moz-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20;
}

.ant-col-xs-19 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 79.16666667%;
    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 {
    -moz-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19;
}

.ant-col-xs-18 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    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 {
    -moz-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18;
}

.ant-col-xs-17 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 70.83333333%;
    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 {
    -moz-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17;
}

.ant-col-xs-16 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    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 {
    -moz-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
}

.ant-col-xs-15 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    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 {
    -moz-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
}

.ant-col-xs-14 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    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 {
    -moz-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
}

.ant-col-xs-13 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 54.16666667%;
    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 {
    -moz-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.ant-col-xs-12 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    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 {
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.ant-col-xs-11 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45.83333333%;
    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 {
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.ant-col-xs-10 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    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 {
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.ant-col-xs-9 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    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 {
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.ant-col-xs-8 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    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 {
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.ant-col-xs-7 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 29.16666667%;
    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 {
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.ant-col-xs-6 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    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 {
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.ant-col-xs-5 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20.83333333%;
    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 {
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.ant-col-xs-4 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    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 {
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.ant-col-xs-3 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    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 {
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.ant-col-xs-2 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    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 {
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.ant-col-xs-1 {
    display: block;
    -moz-box-flex: 0;
    -ms-flex: 0 0 4.16666667%;
    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 {
    -moz-box-ordinal-group: 2;
    -ms-flex-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 {
    -moz-box-ordinal-group: 1;
    -ms-flex-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;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        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 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .ant-col-sm-23 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        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 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .ant-col-sm-22 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        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 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .ant-col-sm-21 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        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 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .ant-col-sm-20 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        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 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .ant-col-sm-19 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        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 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .ant-col-sm-18 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        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 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .ant-col-sm-17 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        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 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .ant-col-sm-16 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        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 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .ant-col-sm-15 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        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 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .ant-col-sm-14 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        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 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .ant-col-sm-13 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        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 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .ant-col-sm-12 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        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 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .ant-col-sm-11 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        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 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .ant-col-sm-10 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        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 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .ant-col-sm-9 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        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 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .ant-col-sm-8 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        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 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .ant-col-sm-7 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        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 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .ant-col-sm-6 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        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 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .ant-col-sm-5 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        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 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .ant-col-sm-4 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        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 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .ant-col-sm-3 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        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 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .ant-col-sm-2 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        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 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ant-col-sm-1 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        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 {
        -moz-box-ordinal-group: 2;
        -ms-flex-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 {
        -moz-box-ordinal-group: 1;
        -ms-flex-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;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        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 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .ant-col-md-23 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        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 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .ant-col-md-22 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        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 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .ant-col-md-21 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        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 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .ant-col-md-20 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        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 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .ant-col-md-19 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        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 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .ant-col-md-18 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        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 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .ant-col-md-17 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        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 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .ant-col-md-16 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        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 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .ant-col-md-15 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        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 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .ant-col-md-14 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        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 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .ant-col-md-13 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        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 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .ant-col-md-12 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        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 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .ant-col-md-11 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        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 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .ant-col-md-10 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        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 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .ant-col-md-9 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        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 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .ant-col-md-8 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        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 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .ant-col-md-7 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        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 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .ant-col-md-6 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        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 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .ant-col-md-5 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        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 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .ant-col-md-4 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        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 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .ant-col-md-3 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        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 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .ant-col-md-2 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        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 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ant-col-md-1 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        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 {
        -moz-box-ordinal-group: 2;
        -ms-flex-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 {
        -moz-box-ordinal-group: 1;
        -ms-flex-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;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        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 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .ant-col-lg-23 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        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 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .ant-col-lg-22 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        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 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .ant-col-lg-21 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        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 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .ant-col-lg-20 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        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 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .ant-col-lg-19 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        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 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .ant-col-lg-18 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        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 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .ant-col-lg-17 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        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 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .ant-col-lg-16 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        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 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .ant-col-lg-15 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        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 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .ant-col-lg-14 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        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 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .ant-col-lg-13 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        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 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .ant-col-lg-12 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        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 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .ant-col-lg-11 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        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 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .ant-col-lg-10 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        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 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .ant-col-lg-9 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        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 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .ant-col-lg-8 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        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 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .ant-col-lg-7 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        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 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .ant-col-lg-6 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        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 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .ant-col-lg-5 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        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 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .ant-col-lg-4 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        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 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .ant-col-lg-3 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        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 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .ant-col-lg-2 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        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 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ant-col-lg-1 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        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 {
        -moz-box-ordinal-group: 2;
        -ms-flex-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 {
        -moz-box-ordinal-group: 1;
        -ms-flex-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;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        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 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .ant-col-xl-23 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        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 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .ant-col-xl-22 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        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 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .ant-col-xl-21 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        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 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .ant-col-xl-20 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        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 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .ant-col-xl-19 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        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 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .ant-col-xl-18 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        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 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .ant-col-xl-17 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        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 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .ant-col-xl-16 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        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 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .ant-col-xl-15 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        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 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .ant-col-xl-14 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        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 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .ant-col-xl-13 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        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 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .ant-col-xl-12 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        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 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .ant-col-xl-11 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        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 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .ant-col-xl-10 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        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 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .ant-col-xl-9 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        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 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .ant-col-xl-8 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        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 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .ant-col-xl-7 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        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 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .ant-col-xl-6 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        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 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .ant-col-xl-5 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        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 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .ant-col-xl-4 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        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 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .ant-col-xl-3 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        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 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .ant-col-xl-2 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        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 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ant-col-xl-1 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        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 {
        -moz-box-ordinal-group: 2;
        -ms-flex-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 {
        -moz-box-ordinal-group: 1;
        -ms-flex-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;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        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 {
        -moz-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24;
    }

    .ant-col-xxl-23 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
        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 {
        -moz-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23;
    }

    .ant-col-xxl-22 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        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 {
        -moz-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22;
    }

    .ant-col-xxl-21 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        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 {
        -moz-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21;
    }

    .ant-col-xxl-20 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        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 {
        -moz-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
    }

    .ant-col-xxl-19 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
        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 {
        -moz-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19;
    }

    .ant-col-xxl-18 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        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 {
        -moz-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18;
    }

    .ant-col-xxl-17 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
        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 {
        -moz-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17;
    }

    .ant-col-xxl-16 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        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 {
        -moz-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16;
    }

    .ant-col-xxl-15 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        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 {
        -moz-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15;
    }

    .ant-col-xxl-14 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        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 {
        -moz-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14;
    }

    .ant-col-xxl-13 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
        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 {
        -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .ant-col-xxl-12 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        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 {
        -moz-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .ant-col-xxl-11 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
        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 {
        -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .ant-col-xxl-10 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        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 {
        -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .ant-col-xxl-9 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        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 {
        -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .ant-col-xxl-8 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        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 {
        -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .ant-col-xxl-7 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
        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 {
        -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .ant-col-xxl-6 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        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 {
        -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .ant-col-xxl-5 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
        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 {
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .ant-col-xxl-4 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        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 {
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .ant-col-xxl-3 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        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 {
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .ant-col-xxl-2 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        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 {
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ant-col-xxl-1 {
        display: block;
        -moz-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
        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 {
        -moz-box-ordinal-group: 2;
        -ms-flex-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 {
        -moz-box-ordinal-group: 1;
        -ms-flex-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;
    }
}

.ant-row-rtl {
    direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 2px;
}

.ant-collapse > .ant-collapse-item {
    border-bottom: 1px solid #d9d9d9;
}

.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-radius: 0 0 2px 2px;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 12px 16px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 1.5715;
    cursor: pointer;
    -webkit-transition: all 0.3s, visibility 0s;
    -moz-transition: all 0.3s, visibility 0s;
    transition: all 0.3s, visibility 0s;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    vertical-align: -1px;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
    -webkit-transition: -webkit-transform 0.24s;
    transition: -webkit-transform 0.24s;
    -moz-transition: transform 0.24s, -moz-transform 0.24s;
    transition: transform 0.24s;
    transition: transform 0.24s, -webkit-transform 0.24s, -moz-transform 0.24s;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
    margin-left: auto;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
    outline: none;
}

.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
    cursor: default;
}

.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
}

.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
    cursor: default;
}

.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
    cursor: pointer;
}

.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
    padding-left: 12px;
}

.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
    position: relative;
    padding: 12px 16px;
    padding-right: 40px;
}

.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    left: auto;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ant-collapse-content {
    color: rgba(0, 0, 0, 0.85);
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
}

.ant-collapse-content > .ant-collapse-content-box {
    padding: 16px;
}

.ant-collapse-content-hidden {
    display: none;
}

.ant-collapse-item:last-child > .ant-collapse-content {
    border-radius: 0 0 2px 2px;
}

.ant-collapse-borderless {
    background-color: #fafafa;
    border: 0;
}

.ant-collapse-borderless > .ant-collapse-item {
    border-bottom: 1px solid #d9d9d9;
}

.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
    border-radius: 0;
}

.ant-collapse-borderless > .ant-collapse-item:last-child {
    border-bottom: 0;
}

.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
    background-color: transparent;
    border-top: 0;
}

.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding-top: 4px;
}

.ant-collapse-ghost {
    background-color: transparent;
    border: 0;
}

.ant-collapse-ghost > .ant-collapse-item {
    border-bottom: 0;
}

.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
    background-color: transparent;
    border-top: 0;
}

.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding-top: 12px;
    padding-bottom: 12px;
}

.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-collapse-rtl {
    direction: rtl;
}

.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
    position: relative;
    padding: 12px 16px;
    padding-left: 40px;
}

.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    position: absolute;
    top: 50%;
    right: auto;
    left: 16px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
    padding: 12px 16px;
    padding-right: 40px;
}

.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    margin-right: 0;
    margin-left: 12px;
}

.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
    margin-right: auto;
    margin-left: 0;
}

.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
    padding-right: 12px;
    padding-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-comment {
    position: relative;
    background-color: inherit;
}

.ant-comment-inner {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
}

.ant-comment-avatar {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    cursor: pointer;
}

.ant-comment-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.ant-comment-content {
    position: relative;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 1px;
    font-size: 14px;
    word-wrap: break-word;
}

.ant-comment-content-author {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 4px;
    font-size: 14px;
}

.ant-comment-content-author > a,
.ant-comment-content-author > span {
    padding-right: 8px;
    font-size: 12px;
    line-height: 18px;
}

.ant-comment-content-author-name {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-comment-content-author-name > * {
    color: rgba(0, 0, 0, 0.45);
}

.ant-comment-content-author-name > *:hover {
    color: rgba(0, 0, 0, 0.45);
}

.ant-comment-content-author-time {
    color: #ccc;
    white-space: nowrap;
    cursor: auto;
}

.ant-comment-content-detail p {
    margin-bottom: inherit;
    white-space: pre-wrap;
}

.ant-comment-actions {
    margin-top: 12px;
    margin-bottom: inherit;
    padding-left: 0;
}

.ant-comment-actions > li {
    display: inline-block;
    color: rgba(0, 0, 0, 0.45);
}

.ant-comment-actions > li > span {
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-comment-actions > li > span:hover {
    color: #595959;
}

.ant-comment-nested {
    margin-left: 44px;
}

.ant-comment-rtl {
    direction: rtl;
}

.ant-comment-rtl .ant-comment-avatar {
    margin-right: 0;
    margin-left: 12px;
}

.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
    padding-right: 0;
    padding-left: 8px;
}

.ant-comment-rtl .ant-comment-actions {
    padding-right: 0;
}

.ant-comment-rtl .ant-comment-actions > li > span {
    margin-right: 0;
    margin-left: 10px;
}

.ant-comment-rtl .ant-comment-nested {
    margin-right: 44px;
    margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-descriptions-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.ant-descriptions-title {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.85);
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-descriptions-extra {
    margin-left: auto;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
}

.ant-descriptions-view {
    width: 100%;
    border-radius: 2px;
}

.ant-descriptions-view table {
    width: 100%;
    table-layout: fixed;
}

.ant-descriptions-row > th,
.ant-descriptions-row > td {
    padding-bottom: 16px;
}

.ant-descriptions-row:last-child {
    border-bottom: none;
}

.ant-descriptions-item-label {
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5715;
    text-align: start;
}

.ant-descriptions-item-label::after {
    content: ':';
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
}

.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
    content: ' ';
}

.ant-descriptions-item-no-label::after {
    margin: 0;
    content: '';
}

.ant-descriptions-item-content {
    display: table-cell;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    word-break: break-word;
    overflow-wrap: break-word;
}

.ant-descriptions-item {
    padding-bottom: 0;
    vertical-align: top;
}

.ant-descriptions-item-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
    padding-bottom: 12px;
}

.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
    padding-bottom: 8px;
}

.ant-descriptions-bordered .ant-descriptions-view {
    border: 1px solid #f0f0f0;
}

.ant-descriptions-bordered .ant-descriptions-view > table {
    table-layout: auto;
    border-collapse: collapse;
}

.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
    padding: 16px 24px;
    border-right: 1px solid #f0f0f0;
}

.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
    border-right: none;
}

.ant-descriptions-bordered .ant-descriptions-item-label {
    background-color: #fafafa;
}

.ant-descriptions-bordered .ant-descriptions-item-label::after {
    display: none;
}

.ant-descriptions-bordered .ant-descriptions-row {
    border-bottom: 1px solid #f0f0f0;
}

.ant-descriptions-bordered .ant-descriptions-row:last-child {
    border-bottom: none;
}

.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
    padding: 12px 24px;
}

.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
    padding: 8px 16px;
}

.ant-descriptions-rtl {
    direction: rtl;
}

.ant-descriptions-rtl .ant-descriptions-item-label::after {
    margin: 0 2px 0 8px;
}

.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
    border-right: none;
    border-left: 1px solid #f0f0f0;
}

.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
    border-left: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.ant-divider-vertical {
    position: relative;
    top: -0.06em;
    display: inline-block;
    height: 0.9em;
    margin: 0 8px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.ant-divider-horizontal {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 24px 0;
}

.ant-divider-horizontal.ant-divider-with-text {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 16px 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    border-top: 0;
    border-top-color: rgba(0, 0, 0, 0.06);
}

.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
    position: relative;
    width: 50%;
    border-top: 1px solid transparent;
    border-top-color: inherit;
    border-bottom: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
    content: '';
}

.ant-divider-horizontal.ant-divider-with-text-left::before {
    width: 5%;
}

.ant-divider-horizontal.ant-divider-with-text-left::after {
    width: 95%;
}

.ant-divider-horizontal.ant-divider-with-text-right::before {
    width: 95%;
}

.ant-divider-horizontal.ant-divider-with-text-right::after {
    width: 5%;
}

.ant-divider-inner-text {
    display: inline-block;
    padding: 0 1em;
}

.ant-divider-dashed {
    background: none;
    border-color: rgba(0, 0, 0, 0.06);
    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: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    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%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    pointer-events: none;
}

.ant-drawer-inline {
    position: absolute;
}

.ant-drawer-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.45);
    pointer-events: auto;
}

.ant-drawer-content-wrapper {
    position: absolute;
    z-index: 1000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-drawer-content-wrapper-hidden {
    display: none;
}

.ant-drawer-left > .ant-drawer-content-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
    box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}

.ant-drawer-right > .ant-drawer-content-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
    box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}

.ant-drawer-top > .ant-drawer-content-wrapper {
    top: 0;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.ant-drawer-bottom > .ant-drawer-content-wrapper {
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
    box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}

.ant-drawer-content {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #fff;
    pointer-events: auto;
}

.ant-drawer-wrapper-body {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.ant-drawer-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 22px;
    border-bottom: 1px solid #f0f0f0;
}

.ant-drawer-header-title {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
}

.ant-drawer-extra {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-drawer-close {
    display: inline-block;
    margin-right: 12px;
    color: rgba(0, 0, 0, 0.45);
    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;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    text-rendering: auto;
}

.ant-drawer-close:focus,
.ant-drawer-close:hover {
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
}

.ant-drawer-title {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin: 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}

.ant-drawer-body {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    min-width: 0;
    min-height: 0;
    padding: 24px;
    overflow: auto;
}

.ant-drawer-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px 16px;
    border-top: 1px solid #f0f0f0;
}

.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-drawer-mask-motion-enter,
.ant-drawer-mask-motion-appear {
    opacity: 0;
}

.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active {
    opacity: 1;
}

.ant-drawer-mask-motion-leave {
    opacity: 1;
}

.ant-drawer-mask-motion-leave-active {
    opacity: 0;
}

.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-leave-start {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start {
    -webkit-transform: translateX(-100%) !important;
    -moz-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important;
}

.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.ant-drawer-panel-motion-left-leave {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.ant-drawer-panel-motion-left-leave-active {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-leave-start {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start {
    -webkit-transform: translateX(100%) !important;
    -moz-transform: translateX(100%) !important;
    transform: translateX(100%) !important;
}

.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.ant-drawer-panel-motion-right-leave {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.ant-drawer-panel-motion-right-leave-active {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-leave-start {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start {
    -webkit-transform: translateY(-100%) !important;
    -moz-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important;
}

.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.ant-drawer-panel-motion-top-leave {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.ant-drawer-panel-motion-top-leave-active {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-leave-start {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-leave-active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start {
    -webkit-transform: translateY(100%) !important;
    -moz-transform: translateY(100%) !important;
    transform: translateY(100%) !important;
}

.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.ant-drawer-panel-motion-bottom-leave {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.ant-drawer-panel-motion-bottom-leave-active {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.ant-drawer-rtl {
    direction: rtl;
}

.ant-drawer-rtl .ant-drawer-close {
    margin-right: 0;
    margin-left: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form-item .ant-input-number + .ant-form-text {
    margin-left: 8px;
}

.ant-form-inline {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ant-form-inline .ant-form-item {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-wrap: nowrap;
    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 {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-form-inline .ant-form-item .ant-form-text {
    display: inline-block;
}

.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
    display: inline-block;
}

.ant-form-horizontal .ant-form-item-label {
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.ant-form-horizontal .ant-form-item-control {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    min-width: 0;
}

.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
    min-width: unset;
}

.ant-form-vertical .ant-form-item-row {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ant-form-vertical .ant-form-item-label > label {
    height: auto;
}

.ant-form-vertical .ant-form-item .ant-form-item-control {
    width: 100%;
}

.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 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ant-form .ant-form-item .ant-form-item-label,
    .ant-form .ant-form-item .ant-form-item-control {
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        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 {
    /* Some non-status related component style is in `components.less` */
    /* To support leave along ErrorList. We add additional className to handle explain style */
}

.ant-form-item-explain-error {
    color: #ff4d4f;
}

.ant-form-item-explain-warning {
    color: #faad14;
}

.ant-form-item-has-feedback .ant-switch {
    margin: 2px 0 4px;
}

.ant-form-item-has-warning .ant-form-item-split {
    color: #faad14;
}

.ant-form-item-has-error .ant-form-item-split {
    color: #ff4d4f;
}

.ant-form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
}

.ant-form legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: rgba(0, 0, 0, 0.45);
    font-size: 16px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
}

.ant-form label {
    font-size: 14px;
}

.ant-form input[type='search'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: rgba(0, 0, 0, 0.85);
    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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    margin-bottom: 24px;
    vertical-align: top;
}

.ant-form-item-with-help {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
    display: none;
}

.ant-form-item-label {
    display: inline-block;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    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: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    height: 32px;
    color: rgba(0, 0, 0, 0.85);
    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: #ff4d4f;
    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: rgba(0, 0, 0, 0.45);
}

.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: rgba(0, 0, 0, 0.45);
    cursor: help;
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    -webkit-margin-start: 4px;
    -moz-margin-start: 4px;
    margin-inline-start: 4px;
}

.ant-form-item-label > label::after {
    content: ':';
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
}

.ant-form-item-label > label.ant-form-item-no-colon::after {
    content: ' ';
}

.ant-form-item-control {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    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: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
}

.ant-form-item-control-input-content {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
}

.ant-form-item-explain,
.ant-form-item-extra {
    clear: both;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1.5715;
    -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ant-form-item-explain-connected {
    width: 100%;
}

.ant-form-item-extra {
    min-height: 24px;
}

.ant-form-item-with-help .ant-form-item-explain {
    height: auto;
    opacity: 1;
}

.ant-form-item-feedback-icon {
    font-size: 14px;
    text-align: center;
    visibility: visible;
    -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    -moz-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    pointer-events: none;
}

.ant-form-item-feedback-icon-success {
    color: #52c41a;
}

.ant-form-item-feedback-icon-error {
    color: #ff4d4f;
}

.ant-form-item-feedback-icon-warning {
    color: #faad14;
}

.ant-form-item-feedback-icon-validating {
    color: #1890ff;
}

.ant-show-help {
    -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-show-help-appear,
.ant-show-help-enter {
    opacity: 0;
}

.ant-show-help-appear-active,
.ant-show-help-enter-active {
    opacity: 1;
}

.ant-show-help-leave {
    opacity: 1;
}

.ant-show-help-leave-active {
    opacity: 0;
}

.ant-show-help-item {
    overflow: hidden;
    -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    -moz-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-show-help-item-appear,
.ant-show-help-item-enter {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0;
}

.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.ant-show-help-item-leave {
    -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    -moz-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-show-help-item-leave-active {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
}

@-webkit-keyframes diffZoomIn1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes diffZoomIn1 {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes diffZoomIn1 {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes diffZoomIn2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes diffZoomIn2 {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes diffZoomIn2 {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes diffZoomIn3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes diffZoomIn3 {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes diffZoomIn3 {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        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 {
    padding: 0;
}

.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 {
    padding-right: 11px;
    padding-left: 29.2px;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-image {
    position: relative;
    display: inline-block;
}

.ant-image-img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.ant-image-img-placeholder {
    background-color: #f5f5f5;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
}

.ant-image-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.ant-image-mask-info {
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-image-mask-info .anticon {
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px;
}

.ant-image-mask:hover {
    opacity: 1;
}

.ant-image-placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ant-image-preview {
    pointer-events: none;
    height: 100%;
    text-align: center;
}

.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-image-preview-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.ant-image-preview-mask-hidden {
    display: none;
}

.ant-image-preview-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
}

.ant-image-preview-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.ant-image-preview-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -moz-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -moz-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto;
}

.ant-image-preview-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -moz-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -moz-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ant-image-preview-img-wrapper::before {
    display: inline-block;
    width: 1px;
    height: 50%;
    margin-right: -1px;
    content: '';
}

.ant-image-preview-moving .ant-image-preview-img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.ant-image-preview-moving .ant-image-preview-img-wrapper {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}

.ant-image-preview-wrap {
    z-index: 1080;
}

.ant-image-preview-operations-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1081;
    width: 100%;
}

.ant-image-preview-operations {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
    list-style: none;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: auto;
}

.ant-image-preview-operations-operation {
    margin-left: 12px;
    padding: 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-image-preview-operations-operation:hover {
    background: rgba(0, 0, 0, 0.2);
}

.ant-image-preview-operations-operation-disabled {
    color: rgba(255, 255, 255, 0.25);
    pointer-events: none;
}

.ant-image-preview-operations-operation:last-of-type {
    margin-left: 0;
}

.ant-image-preview-operations-progress {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ant-image-preview-operations-icon {
    font-size: 18px;
}

.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
    position: fixed;
    top: 50%;
    right: 8px;
    z-index: 1081;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: auto;
}

.ant-image-preview-switch-left:hover,
.ant-image-preview-switch-right:hover {
    background: rgba(0, 0, 0, 0.2);
}

.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled,
.ant-image-preview-switch-left-disabled:hover,
.ant-image-preview-switch-right-disabled:hover {
    color: rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.1);
    cursor: not-allowed;
}

.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon,
.ant-image-preview-switch-left-disabled:hover > .anticon,
.ant-image-preview-switch-right-disabled:hover > .anticon {
    cursor: not-allowed;
}

.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
    font-size: 18px;
}

.ant-image-preview-switch-left {
    left: 8px;
}

.ant-image-preview-switch-right {
    right: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number-affix-wrapper {
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 90px;
    padding: 0;
    -webkit-padding-start: 11px;
    -moz-padding-start: 11px;
    padding-inline-start: 11px;
}

.ant-input-number-affix-wrapper::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-input-number-affix-wrapper:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-affix-wrapper::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-affix-wrapper:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-affix-wrapper::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-affix-wrapper::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-affix-wrapper:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-number-affix-wrapper:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-input-number-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-number-affix-wrapper:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-number-affix-wrapper-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-number-affix-wrapper-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-input-number-affix-wrapper[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-number-affix-wrapper[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-input-number-affix-wrapper-borderless,
.ant-input-number-affix-wrapper-borderless:hover,
.ant-input-number-affix-wrapper-borderless:focus,
.ant-input-number-affix-wrapper-borderless-focused,
.ant-input-number-affix-wrapper-borderless-disabled,
.ant-input-number-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.ant-input-number-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    -webkit-transition: all 0.3s, height 0s;
    -moz-transition: all 0.3s, height 0s;
    transition: all 0.3s, height 0s;
}

.ant-input-number-affix-wrapper-lg {
    padding: 6.5px 11px;
    font-size: 16px;
}

.ant-input-number-affix-wrapper-sm {
    padding: 0px 7px;
}

.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
    border-color: #40a9ff;
    border-right-width: 1px;
    z-index: 1;
}

.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper:focus {
    z-index: 1;
}

.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
    background: transparent;
}

.ant-input-number-affix-wrapper > div.ant-input-number {
    width: 100%;
    border: none;
    outline: none;
}

.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ant-input-number-affix-wrapper input.ant-input-number-input {
    padding: 0;
}

.ant-input-number-affix-wrapper::before {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: '\a0';
}

.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
    z-index: 2;
}

.ant-input-number-prefix,
.ant-input-number-suffix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
}

.ant-input-number-prefix {
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px;
}

.ant-input-number-suffix {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    margin-right: 11px;
    margin-left: 4px;
}

.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
    width: 100%;
}

.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
    background: #fff;
    border-color: #ff4d4f;
}

.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
    border-color: #ff7875;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-number-status-error .ant-input-number-prefix {
    color: #ff4d4f;
}

.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
    background: #fff;
    border-color: #faad14;
}

.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
    border-color: #ffc53d;
    -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-number-status-warning .ant-input-number-prefix {
    color: #faad14;
}

.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
    background: #fff;
    border-color: #ff4d4f;
}

.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
    border-color: #ff7875;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
    color: #ff4d4f;
}

.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
    background: #fff;
    border-color: #faad14;
}

.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
    border-color: #ffc53d;
    -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
    color: #faad14;
}

.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
    color: #ff4d4f;
    border-color: #ff4d4f;
}

.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
    color: #faad14;
    border-color: #faad14;
}

.ant-input-number {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: 90px;
    margin: 0;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.ant-input-number::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-input-number:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-number:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-input-number:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-number:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-input-number:focus,
.ant-input-number-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-number-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-number-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-input-number[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-number[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.ant-input-number {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    -webkit-transition: all 0.3s, height 0s;
    -moz-transition: all 0.3s, height 0s;
    transition: all 0.3s, height 0s;
}

.ant-input-number-lg {
    padding: 6.5px 11px;
    font-size: 16px;
}

.ant-input-number-sm {
    padding: 0px 7px;
}

.ant-input-number-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.ant-input-number-group[class*='col-'] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

.ant-input-number-group > [class*='col-'] {
    padding-right: 8px;
}

.ant-input-number-group > [class*='col-']:last-child {
    padding-right: 0;
}

.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
    display: table-cell;
}

.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.ant-input-number-group-addon,
.ant-input-number-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle;
}

.ant-input-number-group-wrap > * {
    display: block !important;
}

.ant-input-number-group .ant-input-number {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit;
}

.ant-input-number-group .ant-input-number:focus {
    z-index: 1;
    border-right-width: 1px;
}

.ant-input-number-group .ant-input-number:hover {
    z-index: 1;
    border-right-width: 1px;
}

.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
    z-index: 0;
}

.ant-input-number-group-addon {
    position: relative;
    padding: 0 11px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-input-number-group-addon .ant-select {
    margin: -5px -11px;
}

.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
    color: #1890ff;
}

.ant-input-number-group-addon .ant-cascader-picker {
    margin: -9px -12px;
    background-color: transparent;
}

.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
    text-align: left;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-number-group-addon:first-child {
    border-right: 0;
}

.ant-input-number-group-addon:last-child {
    border-left: 0;
}

.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
    padding: 6.5px 11px;
    font-size: 16px;
}

.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
    padding: 0px 7px;
}

.ant-input-number-group-lg .ant-select-single .ant-select-selector {
    height: 40px;
}

.ant-input-number-group-sm .ant-select-single .ant-select-selector {
    height: 24px;
}

.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-number-group.ant-input-number-group-compact {
    display: block;
}

.ant-input-number-group.ant-input-number-group-compact::before {
    display: table;
    content: '';
}

.ant-input-number-group.ant-input-number-group-compact::after {
    display: table;
    clear: both;
    content: '';
}

.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
    border-right-width: 1px;
}

.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
    z-index: 1;
}

.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
    z-index: 1;
}

.ant-input-number-group.ant-input-number-group-compact > * {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0;
}

.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px;
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
    float: none;
}

.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
    border-right-width: 1px;
    border-radius: 0;
}

.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
    z-index: 1;
}

.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
    z-index: 1;
}

.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
    z-index: 1;
}

.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
    z-index: 1;
}

.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group.ant-input-number-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-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
    vertical-align: top;
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
    margin-left: -1px;
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
    border-radius: 0;
}

.ant-input-number-group.ant-input-number-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-number-group.ant-input-number-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-number-group > .ant-input-number-rtl:first-child {
    border-radius: 0 2px 2px 0;
}

.ant-input-number-group > .ant-input-number-rtl:last-child {
    border-radius: 2px 0 0 2px;
}

.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
    border-right: 1px solid #d9d9d9;
    border-left: 0;
    border-radius: 0 2px 2px 0;
}

.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #d9d9d9;
    border-radius: 2px 0 0 2px;
}

.ant-input-number-group-wrapper {
    display: inline-block;
    text-align: start;
    vertical-align: top;
}

.ant-input-number-handler {
    position: relative;
    display: block;
    width: 100%;
    height: 50%;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.45);
    font-weight: bold;
    line-height: 0;
    text-align: center;
    border-left: 1px solid #d9d9d9;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.ant-input-number-handler:active {
    background: #f4f4f4;
}

.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
    color: #40a9ff;
}

.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 4px;
    width: 12px;
    height: 12px;
    color: rgba(0, 0, 0, 0.45);
    line-height: 12px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
    line-height: 1;
}

.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
    display: inline-block;
}

.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
    display: none;
}

.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
    display: block;
}

.ant-input-number:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-input-number:hover + .ant-form-item-children-icon {
    opacity: 0;
    -webkit-transition: opacity 0.24s linear 0.24s;
    -moz-transition: opacity 0.24s linear 0.24s;
    transition: opacity 0.24s linear 0.24s;
}

.ant-input-number-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-number-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-number-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-input-number-disabled .ant-input-number-input {
    cursor: not-allowed;
}

.ant-input-number-disabled .ant-input-number-handler-wrap {
    display: none;
}

.ant-input-number-readonly .ant-input-number-handler-wrap {
    display: none;
}

.ant-input-number-input {
    width: 100%;
    height: 30px;
    padding: 0 11px;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    outline: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.ant-input-number-input::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-input-number-input:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-input::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-input:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-input::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-input::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-number-input:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-number-input:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-input-number-input:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
    margin: 0;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-appearance: none;
    appearance: none;
}

.ant-input-number-lg {
    padding: 0;
    font-size: 16px;
}

.ant-input-number-lg input {
    height: 38px;
}

.ant-input-number-sm {
    padding: 0;
}

.ant-input-number-sm input {
    height: 22px;
    padding: 0 7px;
}

.ant-input-number-handler-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 100%;
    background: #fff;
    border-radius: 0 2px 2px 0;
    opacity: 0;
    -webkit-transition: opacity 0.24s linear 0.1s;
    -moz-transition: opacity 0.24s linear 0.1s;
    transition: opacity 0.24s linear 0.1s;
}

.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: auto;
    margin-right: 0;
    font-size: 7px;
}

.ant-input-number-borderless .ant-input-number-handler-wrap {
    border-left-width: 0;
}

.ant-input-number-handler-wrap:hover .ant-input-number-handler {
    height: 40%;
}

.ant-input-number:hover .ant-input-number-handler-wrap,
.ant-input-number-focused .ant-input-number-handler-wrap {
    opacity: 1;
}

.ant-input-number-handler-up {
    border-top-right-radius: 2px;
    cursor: pointer;
}

.ant-input-number-handler-up-inner {
    top: 50%;
    margin-top: -5px;
    text-align: center;
}

.ant-input-number-handler-up:hover {
    height: 60% !important;
}

.ant-input-number-handler-down {
    top: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom-right-radius: 2px;
    cursor: pointer;
}

.ant-input-number-handler-down-inner {
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ant-input-number-handler-down:hover {
    height: 60% !important;
}

.ant-input-number-borderless .ant-input-number-handler-down {
    border-top-width: 0;
}

.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
    border-top: 1px solid #d9d9d9;
}

.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
    cursor: not-allowed;
}

.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
    color: rgba(0, 0, 0, 0.25);
}

.ant-input-number-borderless {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ant-input-number-out-of-range input {
    color: #ff4d4f;
}

.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
    margin-right: -1px;
}

.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
    margin-left: -1px;
}

.ant-input-number-compact-item:hover,
.ant-input-number-compact-item:focus,
.ant-input-number-compact-item:active {
    z-index: 2;
}

.ant-input-number-compact-item.ant-input-number-focused {
    z-index: 2;
}

.ant-input-number-compact-item[disabled] {
    z-index: 0;
}

.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
    border-radius: 0;
}

.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-number-rtl {
    direction: rtl;
}

.ant-input-number-rtl .ant-input-number-handler {
    border-right: 1px solid #d9d9d9;
    border-left: 0;
}

.ant-input-number-rtl .ant-input-number-handler-wrap {
    right: auto;
    left: 0;
}

.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
    border-right-width: 0;
}

.ant-input-number-rtl .ant-input-number-handler-up {
    border-top-right-radius: 0;
}

.ant-input-number-rtl .ant-input-number-handler-down {
    border-bottom-right-radius: 0;
}

.ant-input-number-rtl .ant-input-number-input {
    direction: ltr;
    text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ant-input-affix-wrapper::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-input-affix-wrapper:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-affix-wrapper::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-affix-wrapper:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-affix-wrapper::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-affix-wrapper::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input-affix-wrapper:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-affix-wrapper:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-input-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input-affix-wrapper:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.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: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    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: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-affix-wrapper-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-input-affix-wrapper[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-affix-wrapper[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.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;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.ant-input-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    -webkit-transition: all 0.3s, height 0s;
    -moz-transition: all 0.3s, height 0s;
    transition: all 0.3s, height 0s;
}

.ant-input-affix-wrapper-lg {
    padding: 6.5px 11px;
    font-size: 16px;
}

.ant-input-affix-wrapper-sm {
    padding: 0px 7px;
}

.ant-input-affix-wrapper-rtl {
    direction: rtl;
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #40a9ff;
    border-right-width: 1px;
    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: rgba(255, 255, 255, 0);
}

.ant-input-affix-wrapper > .ant-input {
    font-size: inherit;
    border: none;
    outline: none;
}

.ant-input-affix-wrapper > .ant-input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ant-input-affix-wrapper > .ant-input:not(textarea) {
    padding: 0;
}

.ant-input-affix-wrapper::before {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: '\a0';
}

.ant-input-prefix,
.ant-input-suffix {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
    margin-right: 8px;
}

.ant-input-show-count-suffix {
    color: rgba(0, 0, 0, 0.45);
}

.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,
.ant-input-clear-icon {
    margin: 0;
    color: rgba(0, 0, 0, 0.25);
    font-size: 12px;
    vertical-align: -1px;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
    color: rgba(0, 0, 0, 0.45);
}

.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
    color: rgba(0, 0, 0, 0.85);
}

.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
    visibility: hidden;
}

.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
    margin: 0 4px;
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
    padding: 0;
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
}

.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
    background: #fff;
    border-color: #ff4d4f;
}

.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
    border-color: #ff7875;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-status-error .ant-input-prefix {
    color: #ff4d4f;
}

.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
    background: #fff;
    border-color: #faad14;
}

.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
    border-color: #ffc53d;
    -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-status-warning .ant-input-prefix {
    color: #faad14;
}

.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
    background: #fff;
    border-color: #ff4d4f;
}

.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
    border-color: #ff7875;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-affix-wrapper-status-error .ant-input-prefix {
    color: #ff4d4f;
}

.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
    background: #fff;
    border-color: #faad14;
}

.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
    border-color: #ffc53d;
    -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-input-affix-wrapper-status-warning .ant-input-prefix {
    color: #faad14;
}

.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
    padding-right: 24px;
}

.ant-input-group-wrapper-status-error .ant-input-group-addon {
    color: #ff4d4f;
    border-color: #ff4d4f;
}

.ant-input-group-wrapper-status-warning .ant-input-group-addon {
    color: #faad14;
    border-color: #faad14;
}

.ant-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-input::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-input:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-input::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-input:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-input:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-input:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-input-rtl .ant-input:hover {
    border-right-width: 0;
    border-left-width: 1px !important;
}

.ant-input:focus,
.ant-input-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    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: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-input[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.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;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.ant-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    -webkit-transition: all 0.3s, height 0s;
    -moz-transition: all 0.3s, height 0s;
    transition: all 0.3s, height 0s;
}

.ant-input-lg {
    padding: 6.5px 11px;
    font-size: 16px;
}

.ant-input-sm {
    padding: 0px 7px;
}

.ant-input-rtl {
    direction: rtl;
}

.ant-input-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
    color: #1890ff;
}

.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;
    -webkit-box-shadow: none;
    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: 0px 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,
.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    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 #d9d9d9;
    border-left: 0;
}

.ant-input-group-rtl .ant-input-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #d9d9d9;
    border-radius: 2px 0 0 2px;
}

.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.anticon {
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-input-password-icon.anticon:hover {
    color: rgba(0, 0, 0, 0.85);
}

.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: rgba(0, 0, 0, 0.45);
    white-space: nowrap;
    content: attr(data-count);
    pointer-events: none;
}

.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
    margin-bottom: -22px;
}

.ant-input-textarea-suffix {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 1;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
    margin-right: -1px;
}

.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
    margin-left: -1px;
}

.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
    z-index: 2;
}

.ant-input-compact-item[disabled] {
    z-index: 0;
}

.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
    border-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
    border-color: #40a9ff;
}

.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: #40a9ff;
}

.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: rgba(0, 0, 0, 0.45);
}

.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-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
    margin-right: -1px;
    border-radius: 0;
}

.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
    border-radius: 0;
}

.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item > .ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item > .ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item > .ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
    z-index: 2;
}

.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
    z-index: 2;
}

.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
    margin-left: -1px;
    border-radius: 0;
}

.ant-input-group-wrapper-rtl {
    direction: 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-left-color: #d9d9d9;
}

.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
    border-left-color: #40a9ff;
}

.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: #40a9ff;
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
    right: -1px;
    left: auto;
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .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;
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* fix firefox can't set height smaller than content on flex item */
    min-height: 0;
    background: #f0f2f5;
}

.ant-layout,
.ant-layout * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ant-layout.ant-layout-has-sider {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
    width: 0;
}

.ant-layout-header,
.ant-layout-footer {
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ant-layout-header {
    height: 64px;
    padding: 0 50px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 64px;
    background: #001529;
}

.ant-layout-footer {
    padding: 24px 50px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    background: #f0f2f5;
}

.ant-layout-content {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    /* fix firefox can't set height smaller than content on flex item */
    min-height: 0;
}

.ant-layout-sider {
    position: relative;
    /* fix firefox can't set width smaller than content on flex item */
    min-width: 0;
    background: #001529;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.ant-layout-sider-children {
    height: 100%;
    margin-top: -0.1px;
    padding-top: 0.1px;
}

.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
    width: auto;
}

.ant-layout-sider-has-trigger {
    padding-bottom: 48px;
}

.ant-layout-sider-right {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.ant-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 48px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    background: #002140;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.ant-layout-sider-zero-width > * {
    overflow: hidden;
}

.ant-layout-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    z-index: 1;
    width: 36px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    background: #001529;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.ant-layout-sider-zero-width-trigger::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    content: '';
}

.ant-layout-sider-zero-width-trigger:hover::after {
    background: rgba(255, 255, 255, 0.1);
}

.ant-layout-sider-zero-width-trigger-right {
    left: -36px;
    border-radius: 2px 0 0 2px;
}

.ant-layout-sider-light {
    background: #fff;
}

.ant-layout-sider-light .ant-layout-sider-trigger {
    color: rgba(0, 0, 0, 0.85);
    background: #fff;
}

.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
    color: rgba(0, 0, 0, 0.85);
    background: #fff;
}

.ant-layout-rtl {
    direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: rgba(0, 0, 0, 0.25);
    font-size: 14px;
    text-align: center;
}

.ant-list-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ant-list-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
    color: rgba(0, 0, 0, 0.85);
}

.ant-list-item-meta {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
}

.ant-list-item-meta-avatar {
    margin-right: 16px;
}

.ant-list-item-meta-content {
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    width: 0;
    color: rgba(0, 0, 0, 0.85);
}

.ant-list-item-meta-title {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
}

.ant-list-item-meta-title > a {
    color: rgba(0, 0, 0, 0.85);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-list-item-meta-title > a:hover {
    color: #1890ff;
}

.ant-list-item-meta-description {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1.5715;
}

.ant-list-item-action {
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    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: rgba(0, 0, 0, 0.45);
    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: #f0f0f0;
}

.ant-list-header {
    background: transparent;
}

.ant-list-footer {
    background: transparent;
}

.ant-list-header,
.ant-list-footer {
    padding-top: 12px;
    padding-bottom: 12px;
}

.ant-list-empty {
    padding: 16px 0;
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    text-align: center;
}

.ant-list-split .ant-list-item {
    border-bottom: 1px solid #f0f0f0;
}

.ant-list-split .ant-list-item:last-child {
    border-bottom: none;
}

.ant-list-split .ant-list-header {
    border-bottom: 1px solid #f0f0f0;
}

.ant-list-split.ant-list-empty .ant-list-footer {
    border-top: 1px solid #f0f0f0;
}

.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 #f0f0f0;
}

.ant-list-lg .ant-list-item {
    padding: 16px 24px;
}

.ant-list-sm .ant-list-item {
    padding: 8px 16px;
}

.ant-list-vertical .ant-list-item {
    -moz-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}

.ant-list-vertical .ant-list-item-main {
    display: block;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 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: rgba(0, 0, 0, 0.85);
    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 #d9d9d9;
    border-radius: 2px;
}

.ant-list-bordered .ant-list-header {
    padding-right: 24px;
    padding-left: 24px;
}

.ant-list-bordered .ant-list-footer {
    padding-right: 24px;
    padding-left: 24px;
}

.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 {
    padding: 8px 16px;
}

.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 {
    padding: 16px 24px;
}

.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 {
        margin-left: 24px;
    }

    .ant-list-vertical .ant-list-item-extra {
        margin-left: 24px;
    }
}

@media screen and (max-width: 576px) {
    .ant-list-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ant-list-item-action {
        margin-left: 12px;
    }

    .ant-list-vertical .ant-list-item {
        -ms-flex-wrap: wrap-reverse;
        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 {
        margin-right: 24px;
        margin-left: 0;
    }

    .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;
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-pagination-item a {
    display: block;
    padding: 0 6px;
    color: rgba(0, 0, 0, 0.85);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ant-pagination-item a:hover {
    text-decoration: none;
}

.ant-pagination-item:hover {
    border-color: #1890ff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-pagination-item:hover a {
    color: #1890ff;
}

.ant-pagination-item:focus-visible {
    border-color: #1890ff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-pagination-item:focus-visible a {
    color: #1890ff;
}

.ant-pagination-item-active {
    font-weight: 500;
    background: #fff;
    border-color: #1890ff;
}

.ant-pagination-item-active a {
    color: #1890ff;
}

.ant-pagination-item-active:hover {
    border-color: #40a9ff;
}

.ant-pagination-item-active:focus-visible {
    border-color: #40a9ff;
}

.ant-pagination-item-active:hover a {
    color: #40a9ff;
}

.ant-pagination-item-active:focus-visible a {
    color: #40a9ff;
}

.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: #1890ff;
    font-size: 12px;
    letter-spacing: -1px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.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: rgba(0, 0, 0, 0.25);
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-indent: 0.13em;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.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: rgba(0, 0, 0, 0.85);
    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;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-pagination-prev,
.ant-pagination-next {
    font-family: Arial, Helvetica, sans-serif;
    outline: 0;
}

.ant-pagination-prev button,
.ant-pagination-next button {
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
    border-color: #40a9ff;
}

.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: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
    color: #1890ff;
    border-color: #1890ff;
}

.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
    color: #1890ff;
    border-color: #1890ff;
}

.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: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    cursor: not-allowed;
}

.ant-pagination-disabled:focus-visible {
    cursor: not-allowed;
}

.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
    color: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    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: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 50px;
    height: 32px;
    margin: 0 8px;
}

.ant-pagination-options-quick-jumper input::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-pagination-options-quick-jumper input:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-pagination-options-quick-jumper input::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-pagination-options-quick-jumper input::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-pagination-options-quick-jumper input:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-pagination-options-quick-jumper input:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-pagination-options-quick-jumper input-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-pagination-options-quick-jumper input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-pagination-options-quick-jumper input[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-pagination-options-quick-jumper input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.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;
    -webkit-box-shadow: 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;
    -webkit-transition: all 0.3s, height 0s;
    -moz-transition: all 0.3s, height 0s;
    transition: all 0.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: 0px 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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: none;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
    border-color: #1890ff;
}

.ant-pagination-simple .ant-pagination-simple-pager input:focus {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed;
}

.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
    height: 24px;
    line-height: 24px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-item {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 22px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
    background: transparent;
    border-color: transparent;
}

.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 24px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
    background: transparent;
    border-color: transparent;
}

.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
    height: 24px;
    line-height: 24px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
    height: 24px;
    margin-right: 0;
    line-height: 24px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-options {
    margin-left: 2px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
    top: 0px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
    height: 24px;
    line-height: 24px;
}

.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
    padding: 0px 7px;
    width: 44px;
    height: 24px;
}

.ant-pagination.ant-pagination-disabled {
    cursor: not-allowed;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item {
    background: #f5f5f5;
    border-color: #d9d9d9;
    cursor: not-allowed;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
    color: rgba(0, 0, 0, 0.25);
    background: transparent;
    border: none;
    cursor: not-allowed;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
    background: #e6e6e6;
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
    color: rgba(0, 0, 0, 0.25);
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
    color: rgba(0, 0, 0, 0.25);
    background: #f5f5f5;
    border-color: #d9d9d9;
    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: rgba(0, 0, 0, 0.25);
}

@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 {
    margin-right: 0;
    margin-left: 8px;
}

.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 {
    margin-right: 0;
    margin-left: 8px;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: absolute;
    display: none;
    color: #1890ff;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -moz-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -moz-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.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;
    font-size: 14px;
    text-shadow: 0 1px 2px #fff;
}

.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;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.ant-spin-container::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none \9;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    content: '';
    pointer-events: none;
}

.ant-spin-blur {
    clear: both;
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.ant-spin-blur::after {
    opacity: 0.4;
    pointer-events: auto;
}

.ant-spin-tip {
    color: rgba(0, 0, 0, 0.45);
}

.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: #1890ff;
    border-radius: 100%;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.3;
    -webkit-animation: antSpinMove 1s infinite linear alternate;
    -moz-animation: antSpinMove 1s infinite linear alternate;
    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;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ant-spin-dot-item:nth-child(3) {
    right: 0;
    bottom: 0;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ant-spin-dot-item:nth-child(4) {
    bottom: 0;
    left: 0;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.ant-spin-dot-spin {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation: antRotate 1.2s infinite linear;
    -moz-animation: antRotate 1.2s infinite linear;
    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) {
    /* IE10+ */
    .ant-spin-blur {
        background: #fff;
        opacity: 0.5;
    }
}

@-webkit-keyframes antSpinMove {
    to {
        opacity: 1;
    }
}

@-moz-keyframes antSpinMove {
    to {
        opacity: 1;
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1;
    }
}

@-webkit-keyframes antRotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes antRotate {
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes antRotate {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ant-spin-rtl {
    direction: rtl;
}

.ant-spin-rtl .ant-spin-dot-spin {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: antRotateRtl;
    -moz-animation-name: antRotateRtl;
    animation-name: antRotateRtl;
}

@-webkit-keyframes antRotateRtl {
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}

@-moz-keyframes antRotateRtl {
    to {
        -moz-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}

@keyframes antRotateRtl {
    to {
        -webkit-transform: rotate(-405deg);
        -moz-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
    background: #fff;
    border-color: #ff4d4f;
}

.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
    border-color: #ff7875;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-mentions-status-error .ant-input-prefix {
    color: #ff4d4f;
}

.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
    background: #fff;
    border-color: #faad14;
}

.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
    border-color: #ffc53d;
    -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-mentions-status-warning .ant-input-prefix {
    color: #faad14;
}

.ant-mentions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    height: auto;
    padding: 0;
    overflow: hidden;
    line-height: 1.5715;
    white-space: pre-wrap;
    vertical-align: bottom;
}

.ant-mentions::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-mentions:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-mentions:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-mentions:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-mentions:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-mentions:focus,
.ant-mentions-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-mentions-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-mentions-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-mentions[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-mentions[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.ant-mentions {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    -webkit-transition: all 0.3s, height 0s;
    -moz-transition: all 0.3s, height 0s;
    transition: all 0.3s, height 0s;
}

.ant-mentions-lg {
    padding: 6.5px 11px;
    font-size: 16px;
}

.ant-mentions-sm {
    padding: 0px 7px;
}

.ant-mentions-disabled > textarea {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.ant-mentions-disabled > textarea:hover {
    border-color: #d9d9d9;
    border-right-width: 1px;
}

.ant-mentions-focused {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-mentions > textarea,
.ant-mentions-measure {
    min-height: 30px;
    margin: 0;
    padding: 4px 11px;
    overflow: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    /* stylelint-disable declaration-block-no-redundant-longhand-properties */
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    line-height: inherit;
    /* stylelint-enable declaration-block-no-redundant-longhand-properties */
    direction: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    text-align: inherit;
    vertical-align: top;
    word-wrap: break-word;
    word-break: inherit;
    -moz-tab-size: inherit;
    -o-tab-size: inherit;
    tab-size: inherit;
}

.ant-mentions > textarea {
    width: 100%;
    border: none;
    outline: none;
    resize: none;
}

.ant-mentions > textarea::-moz-placeholder {
    color: #bfbfbf;
    -moz-user-select: none;
    user-select: none;
}

.ant-mentions > textarea:-ms-input-placeholder {
    color: #bfbfbf;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions > textarea::-webkit-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions > textarea:-moz-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions > textarea::-ms-input-placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions > textarea::placeholder {
    color: #bfbfbf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-mentions > textarea:-moz-placeholder-shown {
    text-overflow: ellipsis;
}

.ant-mentions > textarea:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.ant-mentions > textarea:placeholder-shown {
    text-overflow: ellipsis;
}

.ant-mentions-measure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    color: transparent;
    pointer-events: none;
}

.ant-mentions-measure > span {
    display: inline-block;
    min-height: 1em;
}

.ant-mentions-dropdown {
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: initial;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.ant-mentions-dropdown-hidden {
    display: none;
}

.ant-mentions-dropdown-menu {
    max-height: 250px;
    margin-bottom: 0;
    padding-left: 0;
    overflow: auto;
    list-style: none;
    outline: none;
}

.ant-mentions-dropdown-menu-item {
    position: relative;
    display: block;
    min-width: 100px;
    padding: 5px 12px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.ant-mentions-dropdown-menu-item:hover {
    background-color: #f5f5f5;
}

.ant-mentions-dropdown-menu-item:first-child {
    border-radius: 2px 2px 0 0;
}

.ant-mentions-dropdown-menu-item:last-child {
    border-radius: 0 0 2px 2px;
}

.ant-mentions-dropdown-menu-item-disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-mentions-dropdown-menu-item-disabled:hover {
    color: rgba(0, 0, 0, 0.25);
    background-color: #fff;
    cursor: not-allowed;
}

.ant-mentions-dropdown-menu-item-selected {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    background-color: #fafafa;
}

.ant-mentions-dropdown-menu-item-active {
    background-color: #f5f5f5;
}

.ant-mentions-suffix {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 1;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

.ant-mentions-rtl {
    direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    pointer-events: all;
}

.ant-message-success .anticon {
    color: #52c41a;
}

.ant-message-error .anticon {
    color: #ff4d4f;
}

.ant-message-warning .anticon {
    color: #faad14;
}

.ant-message-info .anticon,
.ant-message-loading .anticon {
    color: #1890ff;
}

.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 {
    -webkit-animation-name: MessageMoveOut;
    -moz-animation-name: MessageMoveOut;
    animation-name: MessageMoveOut;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

@-webkit-keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        padding: 0;
        opacity: 0;
    }
}

@-moz-keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        padding: 0;
        opacity: 0;
    }
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        padding: 0;
        opacity: 0;
    }
}

.ant-message-rtl {
    direction: rtl;
}

.ant-message-rtl span {
    direction: rtl;
}

.ant-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: -moz-calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    padding-bottom: 24px;
}

.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    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, 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;
}

.ant-modal-wrap {
    z-index: 1000;
}

.ant-modal-title {
    margin: 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word;
}

.ant-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    pointer-events: auto;
}

.ant-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0, 0, 0, 0.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-modal-close-x {
    display: block;
    width: 54px;
    height: 54px;
    font-size: 16px;
    font-style: normal;
    line-height: 54px;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
}

.ant-modal-close:focus,
.ant-modal-close:hover {
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
}

.ant-modal-header {
    padding: 16px 24px;
    color: rgba(0, 0, 0, 0.85);
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    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 #f0f0f0;
    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: -moz-calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        margin: 8px auto;
    }

    .ant-modal-centered .ant-modal {
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 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: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
}

.ant-modal-confirm-body .ant-modal-confirm-content {
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.85);
    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 {
    margin-top: 24px;
    text-align: right;
}

.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: #ff4d4f;
}

.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
    color: #faad14;
}

.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
    color: #1890ff;
}

.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
    color: #52c41a;
}

.ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns {
    pointer-events: none;
}

.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 {
    text-align: 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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: fixed;
    z-index: 1010;
    margin-right: 24px;
}

.ant-notification-close-icon {
    font-size: 14px;
    cursor: pointer;
}

.ant-notification-hook-holder {
    position: relative;
}

.ant-notification-notice {
    position: relative;
    width: 384px;
    max-width: -moz-calc(100vw - 24px * 2);
    max-width: calc(100vw - 24px * 2);
    margin-bottom: 16px;
    margin-left: auto;
    padding: 16px 24px;
    overflow: hidden;
    line-height: 1.5715;
    word-wrap: break-word;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
    margin-right: auto;
    margin-left: auto;
}

.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
    margin-right: auto;
    margin-left: 0;
}

.ant-notification-notice-message {
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    line-height: 24px;
}

.ant-notification-notice-message-single-line-auto-margin {
    display: block;
    width: -moz-calc(384px - 24px * 2 - 24px - 48px - 100%);
    width: calc(384px - 24px * 2 - 24px - 48px - 100%);
    max-width: 4px;
    background-color: transparent;
    pointer-events: none;
}

.ant-notification-notice-message-single-line-auto-margin::before {
    display: block;
    content: '';
}

.ant-notification-notice-description {
    font-size: 14px;
}

.ant-notification-notice-closable .ant-notification-notice-message {
    padding-right: 24px;
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
    margin-bottom: 4px;
    margin-left: 48px;
    font-size: 16px;
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-left: 48px;
    font-size: 14px;
}

.ant-notification-notice-icon {
    position: absolute;
    margin-left: 4px;
    font-size: 24px;
    line-height: 24px;
}

.anticon.ant-notification-notice-icon-success {
    color: #52c41a;
}

.anticon.ant-notification-notice-icon-info {
    color: #1890ff;
}

.anticon.ant-notification-notice-icon-warning {
    color: #faad14;
}

.anticon.ant-notification-notice-icon-error {
    color: #ff4d4f;
}

.ant-notification-notice-close {
    position: absolute;
    top: 16px;
    right: 22px;
    color: rgba(0, 0, 0, 0.45);
    outline: none;
}

.ant-notification-notice-close:hover {
    color: rgba(0, 0, 0, 0.67);
}

.ant-notification-notice-btn {
    float: right;
    margin-top: 16px;
}

.ant-notification .notification-fade-effect {
    -webkit-animation-duration: 0.24s;
    -moz-animation-duration: 0.24s;
    animation-duration: 0.24s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ant-notification-fade-enter,
.ant-notification-fade-appear {
    -webkit-animation-duration: 0.24s;
    -moz-animation-duration: 0.24s;
    animation-duration: 0.24s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

.ant-notification-fade-leave {
    -webkit-animation-duration: 0.24s;
    -moz-animation-duration: 0.24s;
    animation-duration: 0.24s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
    -webkit-animation-name: NotificationFadeIn;
    -moz-animation-name: NotificationFadeIn;
    animation-name: NotificationFadeIn;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
    -webkit-animation-name: NotificationFadeOut;
    -moz-animation-name: NotificationFadeOut;
    animation-name: NotificationFadeOut;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes NotificationFadeIn {
    0% {
        left: 384px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@-moz-keyframes NotificationFadeIn {
    0% {
        left: 384px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes NotificationFadeIn {
    0% {
        left: 384px;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
}

@-moz-keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
}

@keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
}

.ant-notification-rtl {
    direction: rtl;
}

.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
    padding-right: 0;
    padding-left: 24px;
}

.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
    margin-right: 48px;
    margin-left: 0;
}

.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-right: 48px;
    margin-left: 0;
}

.ant-notification-rtl .ant-notification-notice-icon {
    margin-right: 4px;
    margin-left: 0;
}

.ant-notification-rtl .ant-notification-notice-close {
    right: auto;
    left: 22px;
}

.ant-notification-rtl .ant-notification-notice-btn {
    float: left;
}

.ant-notification-top,
.ant-notification-bottom {
    margin-right: 0;
    margin-left: 0;
}

.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
    -webkit-animation-name: NotificationTopFadeIn;
    -moz-animation-name: NotificationTopFadeIn;
    animation-name: NotificationTopFadeIn;
}

.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
    -webkit-animation-name: NotificationBottomFadeIn;
    -moz-animation-name: NotificationBottomFadeIn;
    animation-name: NotificationBottomFadeIn;
}

.ant-notification-topLeft,
.ant-notification-bottomLeft {
    margin-right: 0;
    margin-left: 24px;
}

.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
    -webkit-animation-name: NotificationLeftFadeIn;
    -moz-animation-name: NotificationLeftFadeIn;
    animation-name: NotificationLeftFadeIn;
}

@-webkit-keyframes NotificationTopFadeIn {
    0% {
        margin-top: -100%;
        opacity: 0;
    }
    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@-moz-keyframes NotificationTopFadeIn {
    0% {
        margin-top: -100%;
        opacity: 0;
    }
    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes NotificationTopFadeIn {
    0% {
        margin-top: -100%;
        opacity: 0;
    }
    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes NotificationBottomFadeIn {
    0% {
        margin-bottom: -100%;
        opacity: 0;
    }
    100% {
        margin-bottom: 0;
        opacity: 1;
    }
}

@-moz-keyframes NotificationBottomFadeIn {
    0% {
        margin-bottom: -100%;
        opacity: 0;
    }
    100% {
        margin-bottom: 0;
        opacity: 1;
    }
}

@keyframes NotificationBottomFadeIn {
    0% {
        margin-bottom: -100%;
        opacity: 0;
    }
    100% {
        margin-bottom: 0;
        opacity: 1;
    }
}

@-webkit-keyframes NotificationLeftFadeIn {
    0% {
        right: 384px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-moz-keyframes NotificationLeftFadeIn {
    0% {
        right: 384px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        right: 384px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-page-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    padding: 16px 24px;
    background-color: #fff;
}

.ant-page-header-ghost {
    background-color: inherit;
}

.ant-page-header.has-breadcrumb {
    padding-top: 12px;
}

.ant-page-header.has-footer {
    padding-bottom: 0;
}

.ant-page-header-back {
    margin-right: 16px;
    font-size: 16px;
    line-height: 1;
}

.ant-page-header-back-button {
    color: #1890ff;
    outline: none;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    color: #000;
}

.ant-page-header-back-button:focus-visible,
.ant-page-header-back-button:hover {
    color: #40a9ff;
}

.ant-page-header-back-button:active {
    color: #096dd9;
}

.ant-page-header .ant-divider-vertical {
    height: 14px;
    margin: 0 12px;
    vertical-align: middle;
}

.ant-breadcrumb + .ant-page-header-heading {
    margin-top: 8px;
}

.ant-page-header-heading {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ant-page-header-heading-left {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 0;
    overflow: hidden;
}

.ant-page-header-heading-title {
    margin-right: 12px;
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-page-header-heading .ant-avatar {
    margin-right: 12px;
}

.ant-page-header-heading-sub-title {
    margin-right: 12px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1.5715;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-page-header-heading-extra {
    margin: 4px 0;
    white-space: nowrap;
}

.ant-page-header-heading-extra > * {
    white-space: unset;
}

.ant-page-header-content {
    padding-top: 12px;
}

.ant-page-header-footer {
    margin-top: 16px;
}

.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
    margin: 0;
}

.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
    border: none;
}

.ant-page-header-footer .ant-tabs .ant-tabs-tab {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}

.ant-page-header-compact .ant-page-header-heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ant-page-header-rtl {
    direction: rtl;
}

.ant-page-header-rtl .ant-page-header-back {
    float: right;
    margin-right: 0;
    margin-left: 16px;
}

.ant-page-header-rtl .ant-page-header-heading-title {
    margin-right: 0;
    margin-left: 12px;
}

.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
    margin-right: 0;
    margin-left: 12px;
}

.ant-page-header-rtl .ant-page-header-heading-sub-title {
    float: right;
    margin-right: 0;
    margin-left: 12px;
}

.ant-page-header-rtl .ant-page-header-heading-tags {
    float: right;
}

.ant-page-header-rtl .ant-page-header-heading-extra {
    float: left;
}

.ant-page-header-rtl .ant-page-header-heading-extra > * {
    margin-right: 12px;
    margin-left: 0;
}

.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
    margin-right: 0;
}

.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
    float: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popconfirm {
    z-index: 1060;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
}

.ant-progress-line {
    position: relative;
    width: 100%;
    font-size: 14px;
}

.ant-progress-steps {
    display: inline-block;
}

.ant-progress-steps-outer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ant-progress-steps-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 2px;
    margin-right: 2px;
    background: #f3f3f3;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-progress-steps-item-active {
    background: #1890ff;
}

.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
    font-size: 12px;
}

.ant-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}

.ant-progress-show-info .ant-progress-outer {
    margin-right: -moz-calc(-2em - 8px);
    margin-right: calc(-2em - 8px);
    padding-right: -moz-calc(2em + 8px);
    padding-right: calc(2em + 8px);
}

.ant-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: #f5f5f5;
    border-radius: 100px;
}

.ant-progress-circle-trail {
    stroke: #f5f5f5;
}

.ant-progress-circle-path {
    -webkit-animation: ant-progress-appear 0.3s;
    -moz-animation: ant-progress-appear 0.3s;
    animation: ant-progress-appear 0.3s;
}

.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #1890ff;
}

.ant-progress-success-bg,
.ant-progress-bg {
    position: relative;
    background-color: #1890ff;
    border-radius: 100px;
    -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
    -moz-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
    transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}

.ant-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #52c41a;
}

.ant-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal;
}

.ant-progress-text .anticon {
    font-size: 14px;
}

.ant-progress-status-active .ant-progress-bg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 10px;
    opacity: 0;
    -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    -moz-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    content: '';
}

.ant-progress-status-exception .ant-progress-bg {
    background-color: #ff4d4f;
}

.ant-progress-status-exception .ant-progress-text {
    color: #ff4d4f;
}

.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #ff4d4f;
}

.ant-progress-status-success .ant-progress-bg {
    background-color: #52c41a;
}

.ant-progress-status-success .ant-progress-text {
    color: #52c41a;
}

.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #52c41a;
}

.ant-progress-circle .ant-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent;
}

.ant-progress-circle .ant-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 1em;
    line-height: 1;
    white-space: normal;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ant-progress-circle .ant-progress-text .anticon {
    font-size: 1.16666667em;
}

.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
    color: #ff4d4f;
}

.ant-progress-circle.ant-progress-status-success .ant-progress-text {
    color: #52c41a;
}

@-webkit-keyframes ant-progress-active {
    0% {
        -webkit-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        opacity: 0.1;
    }
    20% {
        -webkit-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        opacity: 0;
    }
}

@-moz-keyframes ant-progress-active {
    0% {
        -moz-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        opacity: 0.1;
    }
    20% {
        -moz-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        opacity: 0.5;
    }
    100% {
        -moz-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        opacity: 0;
    }
}

@keyframes ant-progress-active {
    0% {
        -webkit-transform: translateX(-100%) scaleX(0);
        -moz-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        opacity: 0.1;
    }
    20% {
        -webkit-transform: translateX(-100%) scaleX(0);
        -moz-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateX(0) scaleX(1);
        -moz-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        opacity: 0;
    }
}

.ant-progress-rtl {
    direction: rtl;
}

.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
    margin-right: 0;
    margin-left: -moz-calc(-2em - 8px);
    margin-left: calc(-2em - 8px);
    padding-right: 0;
    padding-left: -moz-calc(2em + 8px);
    padding-left: calc(2em + 8px);
}

.ant-progress-rtl .ant-progress-success-bg {
    right: 0;
    left: auto;
}

.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
    margin-right: 8px;
    margin-left: 0;
    text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-rate {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fadb14;
    font-size: 20px;
    line-height: unset;
    list-style: none;
    outline: none;
}

.ant-rate-disabled .ant-rate-star {
    cursor: default;
}

.ant-rate-disabled .ant-rate-star > div:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.ant-rate-star {
    position: relative;
    display: inline-block;
    color: inherit;
    cursor: pointer;
}

.ant-rate-star:not(:last-child) {
    margin-right: 8px;
}

.ant-rate-star > div {
    -webkit-transition: all 0.3s, outline 0s;
    -moz-transition: all 0.3s, outline 0s;
    transition: all 0.3s, outline 0s;
}

.ant-rate-star > div:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.ant-rate-star > div:focus {
    outline: 0;
}

.ant-rate-star > div:focus-visible {
    outline: 1px dashed #fadb14;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.ant-rate-star-first,
.ant-rate-star-second {
    color: #f0f0f0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
    vertical-align: middle;
}

.ant-rate-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
}

.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
    opacity: 1;
}

.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
    color: inherit;
}

.ant-rate-text {
    display: inline-block;
    margin: 0 8px;
    font-size: 14px;
}

.ant-rate-rtl {
    direction: rtl;
}

.ant-rate-rtl .ant-rate-star:not(:last-child) {
    margin-right: 0;
    margin-left: 8px;
}

.ant-rate-rtl .ant-rate-star-first {
    right: 0;
    left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-result {
    padding: 48px 32px;
}

.ant-result-success .ant-result-icon > .anticon {
    color: #52c41a;
}

.ant-result-error .ant-result-icon > .anticon {
    color: #ff4d4f;
}

.ant-result-info .ant-result-icon > .anticon {
    color: #1890ff;
}

.ant-result-warning .ant-result-icon > .anticon {
    color: #faad14;
}

.ant-result-image {
    width: 250px;
    height: 295px;
    margin: auto;
}

.ant-result-icon {
    margin-bottom: 24px;
    text-align: center;
}

.ant-result-icon > .anticon {
    font-size: 72px;
}

.ant-result-title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 24px;
    line-height: 1.8;
    text-align: center;
}

.ant-result-subtitle {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}

.ant-result-extra {
    margin: 24px 0 0 0;
    text-align: center;
}

.ant-result-extra > * {
    margin-right: 8px;
}

.ant-result-extra > *:last-child {
    margin-right: 0;
}

.ant-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: #fafafa;
}

.ant-result-rtl {
    direction: rtl;
}

.ant-result-rtl .ant-result-extra > * {
    margin-right: 0;
    margin-left: 8px;
}

.ant-result-rtl .ant-result-extra > *:last-child {
    margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.segmented-item-selected {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}

.segmented-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.ant-segmented {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
    padding: 2px;
    color: rgba(0, 0, 0, 0.65);
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 2px;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-segmented-group {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-items: flex-start;
    width: 100%;
}

.ant-segmented.ant-segmented-block {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ant-segmented.ant-segmented-block .ant-segmented-item {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    min-width: 0;
}

.ant-segmented:not(.ant-segmented-disabled):hover,
.ant-segmented:not(.ant-segmented-disabled):focus {
    background-color: rgba(0, 0, 0, 0.06);
}

.ant-segmented-item {
    position: relative;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-segmented-item-selected {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    color: #262626;
}

.ant-segmented-item:hover,
.ant-segmented-item:focus {
    color: #262626;
}

.ant-segmented-item-label {
    min-height: 28px;
    padding: 0 11px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.ant-segmented-item-icon + * {
    margin-left: 6px;
}

.ant-segmented-item-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.ant-segmented.ant-segmented-lg .ant-segmented-item-label {
    min-height: 36px;
    padding: 0 11px;
    font-size: 16px;
    line-height: 36px;
}

.ant-segmented.ant-segmented-sm .ant-segmented-item-label {
    min-height: 20px;
    padding: 0 7px;
    line-height: 20px;
}

.ant-segmented-item-disabled,
.ant-segmented-item-disabled:hover,
.ant-segmented-item-disabled:focus {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-segmented-thumb {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    padding: 4px 0;
}

.ant-segmented-thumb-motion-appear-active {
    -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    will-change: transform, width;
}

.ant-segmented.ant-segmented-rtl {
    direction: rtl;
}

.ant-segmented.ant-segmented-rtl .ant-segmented-item-icon {
    margin-right: 0;
    margin-left: 6px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    height: 12px;
    margin: 10px 6px 10px;
    padding: 4px 0;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}

.ant-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px;
}

.ant-slider-vertical .ant-slider-rail {
    width: 4px;
    height: 100%;
}

.ant-slider-vertical .ant-slider-track {
    width: 4px;
}

.ant-slider-vertical .ant-slider-handle {
    margin-top: -6px;
    margin-left: -5px;
}

.ant-slider-vertical .ant-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%;
}

.ant-slider-vertical .ant-slider-mark-text {
    left: 4px;
    white-space: nowrap;
}

.ant-slider-vertical .ant-slider-step {
    width: 4px;
    height: 100%;
}

.ant-slider-vertical .ant-slider-dot {
    top: auto;
    margin-left: -2px;
}

.ant-slider-tooltip .ant-tooltip-inner {
    min-width: unset;
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
    margin-right: -5px;
    margin-left: 0;
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
    right: 12px;
    left: auto;
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
    right: 4px;
    left: auto;
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
    right: 2px;
    left: auto;
}

.ant-slider-with-marks {
    margin-bottom: 28px;
}

.ant-slider-rail {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #f5f5f5;
    border-radius: 2px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ant-slider-track {
    position: absolute;
    height: 4px;
    background-color: #91d5ff;
    border-radius: 2px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ant-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #fff;
    border: solid 2px #91d5ff;
    border-radius: 50%;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    cursor: pointer;
    -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -moz-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -moz-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.ant-slider-handle-dragging {
    z-index: 1;
}

.ant-slider-handle:focus {
    border-color: #46a6ff;
    outline: none;
    -webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
    box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
}

.ant-slider-handle.ant-tooltip-open {
    border-color: #1890ff;
}

.ant-slider-handle::after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: '';
}

.ant-slider:hover .ant-slider-rail {
    background-color: #e1e1e1;
}

.ant-slider:hover .ant-slider-track {
    background-color: #69c0ff;
}

.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
    border-color: #69c0ff;
}

.ant-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 14px;
}

.ant-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.45);
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-slider-mark-text-active {
    color: rgba(0, 0, 0, 0.85);
}

.ant-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent;
    pointer-events: none;
}

.ant-slider-dot {
    position: absolute;
    top: -2px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    cursor: pointer;
}

.ant-slider-dot-active {
    border-color: #8cc8ff;
}

.ant-slider-disabled {
    cursor: not-allowed;
}

.ant-slider-disabled .ant-slider-rail {
    background-color: #f5f5f5 !important;
}

.ant-slider-disabled .ant-slider-track {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
}

.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
    cursor: not-allowed !important;
}

.ant-slider-rtl {
    direction: rtl;
}

.ant-slider-rtl .ant-slider-mark {
    right: 0;
    left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-statistic {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
}

.ant-statistic-title {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.ant-statistic-skeleton {
    padding-top: 16px;
}

.ant-statistic-content {
    color: rgba(0, 0, 0, 0.85);
    font-size: 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';
}

.ant-statistic-content-value {
    display: inline-block;
    direction: ltr;
}

.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
    display: inline-block;
}

.ant-statistic-content-prefix {
    margin-right: 4px;
}

.ant-statistic-content-suffix {
    margin-left: 4px;
}

.ant-statistic-rtl {
    direction: rtl;
}

.ant-statistic-rtl .ant-statistic-content-prefix {
    margin-right: 0;
    margin-left: 4px;
}

.ant-statistic-rtl .ant-statistic-content-suffix {
    margin-right: 4px;
    margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 0;
    text-align: initial;
}

.ant-steps-item {
    position: relative;
    display: inline-block;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    vertical-align: top;
}

.ant-steps-item-container {
    outline: none;
}

.ant-steps-item:last-child {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
}

.ant-steps-item-icon,
.ant-steps-item-content {
    display: inline-block;
    vertical-align: top;
}

.ant-steps-item-icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    font-size: 16px;
    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;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 32px;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.ant-steps-item-icon .ant-steps-icon {
    position: relative;
    top: -0.5px;
    color: #1890ff;
    line-height: 1;
}

.ant-steps-item-tail {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    padding: 0 10px;
}

.ant-steps-item-tail::after {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    border-radius: 1px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    content: '';
}

.ant-steps-item-title {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    line-height: 32px;
}

.ant-steps-item-title::after {
    position: absolute;
    top: 16px;
    left: 100%;
    display: block;
    width: 9999px;
    height: 1px;
    background: #f0f0f0;
    content: '';
}

.ant-steps-item-subtitle {
    display: inline;
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.45);
    font-weight: normal;
    font-size: 14px;
}

.ant-steps-item-description {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.ant-steps-item-wait .ant-steps-item-icon {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.25);
}

.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
    color: rgba(0, 0, 0, 0.25);
}

.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
    background: rgba(0, 0, 0, 0.25);
}

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
    color: rgba(0, 0, 0, 0.45);
}

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    background-color: #f0f0f0;
}

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
    color: rgba(0, 0, 0, 0.45);
}

.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
    background-color: #f0f0f0;
}

.ant-steps-item-process .ant-steps-item-icon {
    background-color: #fff;
    border-color: #1890ff;
}

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
    color: #1890ff;
}

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
    background: #1890ff;
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
    color: rgba(0, 0, 0, 0.85);
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    background-color: #f0f0f0;
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
    color: rgba(0, 0, 0, 0.85);
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
    background-color: #f0f0f0;
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
    background: #1890ff;
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
    color: #fff;
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
    font-weight: 500;
}

.ant-steps-item-finish .ant-steps-item-icon {
    background-color: #fff;
    border-color: #1890ff;
}

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
    color: #1890ff;
}

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
    background: #1890ff;
}

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
    color: rgba(0, 0, 0, 0.85);
}

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    background-color: #1890ff;
}

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
    color: rgba(0, 0, 0, 0.45);
}

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
    background-color: #1890ff;
}

.ant-steps-item-error .ant-steps-item-icon {
    background-color: #fff;
    border-color: #ff4d4f;
}

.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
    color: #ff4d4f;
}

.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
    background: #ff4d4f;
}

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
    color: #ff4d4f;
}

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    background-color: #f0f0f0;
}

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
    color: #ff4d4f;
}

.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
    background-color: #f0f0f0;
}

.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
    background: #ff4d4f;
}

.ant-steps-item-disabled {
    cursor: not-allowed;
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
    cursor: pointer;
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
    color: #1890ff;
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
    border-color: #1890ff;
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
    color: #1890ff;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 16px;
    white-space: nowrap;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-left: 0;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
    padding-right: 0;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
    display: none;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
    max-width: 140px;
    white-space: normal;
}

.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
    height: auto;
    background: none;
    border: 0;
}

.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
    top: 0px;
    left: 0.5px;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
}

.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
    color: #1890ff;
}

.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
    width: auto;
    background: none;
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 12px;
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-left: 0;
}

.ant-steps-small .ant-steps-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 24px;
}

.ant-steps-small .ant-steps-item-title {
    padding-right: 12px;
    font-size: 14px;
    line-height: 24px;
}

.ant-steps-small .ant-steps-item-title::after {
    top: 12px;
}

.ant-steps-small .ant-steps-item-description {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.ant-steps-small .ant-steps-item-tail {
    top: 8px;
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
    width: inherit;
    height: inherit;
    line-height: inherit;
    background: none;
    border: 0;
    border-radius: 0;
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
    font-size: 24px;
    line-height: 24px;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.ant-steps-vertical {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ant-steps-vertical > .ant-steps-item {
    display: block;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-left: 0;
    overflow: visible;
}

.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
}

.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
}

.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
    line-height: 32px;
}

.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
    padding-bottom: 12px;
}

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 15px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
}

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
}

.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
}

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 11px;
    padding: 30px 0 6px;
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
}

.ant-steps-label-vertical .ant-steps-item {
    overflow: visible;
}

.ant-steps-label-vertical .ant-steps-item-tail {
    margin-left: 58px;
    padding: 3.5px 24px;
}

.ant-steps-label-vertical .ant-steps-item-content {
    display: block;
    width: 116px;
    margin-top: 8px;
    text-align: center;
}

.ant-steps-label-vertical .ant-steps-item-icon {
    display: inline-block;
    margin-left: 42px;
}

.ant-steps-label-vertical .ant-steps-item-title {
    padding-right: 0;
    padding-left: 0;
}

.ant-steps-label-vertical .ant-steps-item-title::after {
    display: none;
}

.ant-steps-label-vertical .ant-steps-item-subtitle {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    line-height: 1.5715;
}

.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
    margin-left: 46px;
}

.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
    line-height: 1.5715;
}

.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    top: 2px;
    width: 100%;
    margin: 0 0 0 70px;
    padding: 0;
}

.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 3px;
    margin-left: 12px;
}

.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
    left: 2px;
}

.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    width: 8px;
    height: 8px;
    margin-left: 67px;
    padding-right: 0;
    line-height: 8px;
    background: transparent;
    border: 0;
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /* expand hover area */
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
    position: absolute;
    top: -12px;
    left: -26px;
    width: 60px;
    height: 32px;
    background: rgba(0, 0, 0, 0.001);
    content: '';
}

.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
    width: 140px;
}

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: none;
}

.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
    left: 0;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    margin-top: 13px;
    margin-left: 0;
    background: none;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    top: 6.5px;
    left: -9px;
    margin: 0;
    padding: 22px 0 4px;
}

.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-top: 10px;
}

.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    top: 3.5px;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
    left: 0;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
    width: inherit;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
    top: -1px;
    left: -1px;
}

.ant-steps-navigation {
    padding-top: 12px;
}

.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
    margin-left: -12px;
}

.ant-steps-navigation .ant-steps-item {
    overflow: visible;
    text-align: center;
}

.ant-steps-navigation .ant-steps-item-container {
    display: inline-block;
    height: 100%;
    margin-left: -16px;
    padding-bottom: 12px;
    text-align: left;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
    max-width: auto;
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
    max-width: 100%;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
    display: none;
}

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
    cursor: pointer;
}

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
    opacity: 0.85;
}

.ant-steps-navigation .ant-steps-item:last-child {
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.ant-steps-navigation .ant-steps-item:last-child::after {
    display: none;
}

.ant-steps-navigation .ant-steps-item::after {
    position: absolute;
    top: 50%;
    left: 100%;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -14px;
    margin-left: -2px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
}

.ant-steps-navigation .ant-steps-item::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 2px;
    background-color: #1890ff;
    -webkit-transition: width 0.3s, left 0.3s;
    -moz-transition: width 0.3s, left 0.3s;
    transition: width 0.3s, left 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    content: '';
}

.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
    left: 0;
    width: 100%;
}

.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
    margin-right: 0 !important;
}

.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
    display: none;
}

.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: -moz-calc(100% - 24px);
    height: calc(100% - 24px);
}

.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
}

.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
}

.ant-steps-rtl {
    direction: rtl;
}

.ant-steps.ant-steps-rtl .ant-steps-item-icon {
    margin-right: 0;
    margin-left: 8px;
}

.ant-steps-rtl .ant-steps-item-tail {
    right: 0;
    left: auto;
}

.ant-steps-rtl .ant-steps-item-title {
    padding-right: 0;
    padding-left: 16px;
}

.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
    float: left;
    margin-right: 8px;
    margin-left: 0;
}

.ant-steps-rtl .ant-steps-item-title::after {
    right: 100%;
    left: auto;
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-right: 16px;
    padding-left: 0;
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-right: 0;
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
    padding-left: 0;
}

.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
    right: 0.5px;
    left: auto;
}

.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
    margin-right: -12px;
    margin-left: 0;
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
    margin-right: -16px;
    margin-left: 0;
    text-align: right;
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
    padding-left: 0;
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
    right: 100%;
    left: auto;
    margin-right: -2px;
    margin-left: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
}

.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-right: 12px;
    padding-left: 0;
}

.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-right: 0;
}

.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
    padding-right: 0;
    padding-left: 12px;
}

.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
    float: right;
    margin-right: 0;
    margin-left: 16px;
}

.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    right: 16px;
    left: auto;
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    right: 12px;
    left: auto;
}

.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
    padding-left: 0;
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    margin: 0 70px 0 0;
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
    margin-right: 12px;
    margin-left: 0;
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
    right: 2px;
    left: auto;
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-right: 67px;
    margin-left: 0;
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    /* expand hover area */
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    float: right;
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
    right: -26px;
    left: auto;
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    margin-right: 0;
    margin-left: 16px;
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    right: -9px;
    left: auto;
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
    right: 0;
    left: auto;
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
    right: -2px;
    left: auto;
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
    padding-right: 4px;
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    right: 19px;
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    right: 15px;
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
    padding-right: 4px;
    padding-left: 0;
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
    padding-right: 4px;
}

.ant-steps-with-progress .ant-steps-item {
    padding-top: 4px;
}

.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    top: 4px;
    left: 19px;
}

.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child {
    padding-bottom: 4px;
    padding-left: 4px;
}

.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    left: 15px;
}

.ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
    padding-left: 4px;
}

.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
    top: 14px !important;
}

.ant-steps-with-progress .ant-steps-item-icon {
    position: relative;
}

.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-switch:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.ant-switch-checked:focus {
    -webkit-box-shadow: 0 0 0 2px #e6f7ff;
    box-shadow: 0 0 0 2px #e6f7ff;
}

.ant-switch:focus:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ant-switch-checked {
    background-color: #1890ff;
}

.ant-switch-loading,
.ant-switch-disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.ant-switch-loading *,
.ant-switch-disabled * {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
}

.ant-switch-inner {
    display: block;
    margin: 0 7px 0 25px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: margin 0.2s;
    -moz-transition: margin 0.2s;
    transition: margin 0.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;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ant-switch-handle::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    content: '';
}

.ant-switch-checked .ant-switch-handle {
    left: -moz-calc(100% - 18px - 2px);
    left: calc(100% - 18px - 2px);
}

.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, 0.65);
    vertical-align: top;
}

.ant-switch-checked .ant-switch-loading-icon {
    color: #1890ff;
}

.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: -moz-calc(100% - 12px - 2px);
    left: calc(100% - 12px - 2px);
}

.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: -moz-calc(100% - 18px - 2px);
    right: calc(100% - 18px - 2px);
}

.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
    right: -moz-calc(100% - 12px - 2px);
    right: calc(100% - 12px - 2px);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table.ant-table-middle {
    font-size: 14px;
}

.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
    padding: 12px 8px;
}

.ant-table.ant-table-middle .ant-table-filter-trigger {
    margin-right: -4px;
}

.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
    margin: -12px -8px;
}

.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
    margin: -12px -8px -12px 40px;
}

.ant-table.ant-table-middle .ant-table-selection-column {
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    padding-inline-start: 2px;
}

.ant-table.ant-table-small {
    font-size: 14px;
}

.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
    padding: 8px 8px;
}

.ant-table.ant-table-small .ant-table-filter-trigger {
    margin-right: -4px;
}

.ant-table.ant-table-small .ant-table-expanded-row-fixed {
    margin: -8px -8px;
}

.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
    margin: -8px -8px -8px 40px;
}

.ant-table.ant-table-small .ant-table-selection-column {
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    padding-inline-start: 2px;
}

.ant-table.ant-table-bordered > .ant-table-title {
    border: 1px solid #f0f0f0;
    border-bottom: 0;
}

.ant-table.ant-table-bordered > .ant-table-container {
    border-left: 1px solid #f0f0f0;
}

.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
    border-right: 1px solid #f0f0f0;
}

.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
    border-bottom: 1px solid #f0f0f0;
}

.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
    background-color: transparent !important;
}

.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
    border-right: 1px solid #f0f0f0;
}

.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
    margin: -16px -17px;
}

.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    border-right: 1px solid #f0f0f0;
    content: '';
}

.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
    border-top: 1px solid #f0f0f0;
}

.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
    border-right: 0;
}

.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
    margin: -12px -9px;
}

.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
    margin: -8px -9px;
}

.ant-table.ant-table-bordered > .ant-table-footer {
    border: 1px solid #f0f0f0;
    border-top: 0;
}

.ant-table-cell .ant-table-container:first-child {
    border-top: 0;
}

.ant-table-cell-scrollbar:not([rowspan]) {
    -webkit-box-shadow: 0 1px 0 1px #fafafa;
    box-shadow: 0 1px 0 1px #fafafa;
}

.ant-table-wrapper {
    clear: both;
    max-width: 100%;
}

.ant-table-wrapper::before {
    display: table;
    content: '';
}

.ant-table-wrapper::after {
    display: table;
    clear: both;
    content: '';
}

.ant-table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    font-size: 14px;
    background: #fff;
    border-radius: 2px;
}

.ant-table table {
    width: 100%;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-collapse: separate;
    border-spacing: 0;
}

.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
    position: relative;
    padding: 16px 16px;
    overflow-wrap: break-word;
}

.ant-table-cell-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
    overflow: visible;
}

.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ant-table-cell-ellipsis .ant-table-column-title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.ant-table-title {
    padding: 16px 16px;
}

.ant-table-footer {
    padding: 16px 16px;
    color: rgba(0, 0, 0, 0.85);
    background: #fafafa;
}

.ant-table-thead > tr > th {
    position: relative;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
    text-align: center;
}

.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    background-color: rgba(0, 0, 0, 0.06);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    content: '';
}

.ant-table-thead > tr:not(:last-child) > th[colspan] {
    border-bottom: 0;
}

.ant-table-tbody > tr > td {
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
    margin: -16px -16px -16px 32px;
}

.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
    border-bottom: 0;
}

.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
    border-radius: 0;
}

.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
    background: #fafafa;
}

.ant-table-tbody > tr.ant-table-row-selected > td {
    background: #e6f7ff;
    border-color: rgba(0, 0, 0, 0.03);
}

.ant-table-tbody > tr.ant-table-row-selected:hover > td {
    background: #dcf4ff;
}

.ant-table-summary {
    position: relative;
    z-index: 2;
    background: #fff;
}

div.ant-table-summary {
    -webkit-box-shadow: 0 -1px 0 #f0f0f0;
    box-shadow: 0 -1px 0 #f0f0f0;
}

.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
    border-bottom: 1px solid #f0f0f0;
}

.ant-table-pagination.ant-pagination {
    margin: 16px 0;
}

.ant-table-pagination {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
}

.ant-table-pagination > * {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-table-pagination-left {
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ant-table-pagination-center {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ant-table-pagination-right {
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ant-table-thead th.ant-table-column-has-sorters {
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-table-thead th.ant-table-column-has-sorters:hover {
    background: rgba(0, 0, 0, 0.04);
}

.ant-table-thead th.ant-table-column-has-sorters:hover::before {
    background-color: transparent !important;
}

.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
    color: #1890ff;
}

.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
    background: #f5f5f5;
}

.ant-table-thead th.ant-table-column-sort {
    background: #f5f5f5;
}

.ant-table-thead th.ant-table-column-sort::before {
    background-color: transparent !important;
}

td.ant-table-column-sort {
    background: #fafafa;
}

.ant-table-column-title {
    position: relative;
    z-index: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.ant-table-column-sorters {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ant-table-column-sorters::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.ant-table-column-sorter {
    margin-left: 4px;
    color: #bfbfbf;
    font-size: 0;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-table-column-sorter-inner {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
    font-size: 11px;
}

.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
    color: #1890ff;
}

.ant-table-column-sorter-up + .ant-table-column-sorter-down {
    margin-top: -0.3em;
}

.ant-table-column-sorters:hover .ant-table-column-sorter {
    color: #a6a6a6;
}

.ant-table-filter-column {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ant-table-filter-trigger {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -4px -8px -4px 4px;
    padding: 0 4px;
    color: #bfbfbf;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-table-filter-trigger:hover {
    color: rgba(0, 0, 0, 0.45);
    background: rgba(0, 0, 0, 0.04);
}

.ant-table-filter-trigger.active {
    color: #1890ff;
}

.ant-table-filter-dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    min-width: 120px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.ant-table-filter-dropdown .ant-dropdown-menu {
    max-height: 264px;
    overflow-x: hidden;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
    display: block;
    padding: 8px 0;
    color: rgba(0, 0, 0, 0.25);
    font-size: 12px;
    text-align: center;
    content: 'Not Found';
}

.ant-table-filter-dropdown-tree {
    padding: 8px 8px 0;
}

.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
    background-color: #f5f5f5;
}

.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
    background-color: #bae7ff;
}

.ant-table-filter-dropdown-search {
    padding: 8px;
    border-bottom: 1px #f0f0f0 solid;
}

.ant-table-filter-dropdown-search-input input {
    min-width: 140px;
}

.ant-table-filter-dropdown-search-input .anticon {
    color: rgba(0, 0, 0, 0.25);
}

.ant-table-filter-dropdown-checkall {
    width: 100%;
    margin-bottom: 4px;
    margin-left: 4px;
}

.ant-table-filter-dropdown-submenu > ul {
    max-height: -moz-calc(100vh - 130px);
    max-height: calc(100vh - 130px);
    overflow-x: hidden;
    overflow-y: auto;
}

.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
    padding-left: 8px;
}

.ant-table-filter-dropdown-btns {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 8px;
    overflow: hidden;
    background-color: inherit;
    border-top: 1px solid #f0f0f0;
}

.ant-table-selection-col {
    width: 32px;
}

.ant-table-bordered .ant-table-selection-col {
    width: 50px;
}

table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
}

table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
    margin-right: 0;
}

table tr th.ant-table-selection-column.ant-table-cell-fix-left {
    z-index: 3;
}

table tr th.ant-table-selection-column::after {
    background-color: transparent !important;
}

.ant-table-selection {
    position: relative;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ant-table-selection-extra {
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-margin-start: 100%;
    -moz-margin-start: 100%;
    margin-inline-start: 100%;
    -webkit-padding-start: 4px;
    -moz-padding-start: 4px;
    padding-inline-start: 4px;
}

.ant-table-selection-extra .anticon {
    color: #bfbfbf;
    font-size: 10px;
}

.ant-table-selection-extra .anticon:hover {
    color: #a6a6a6;
}

.ant-table-expand-icon-col {
    width: 48px;
}

.ant-table-row-expand-icon-cell {
    text-align: center;
}

.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none;
    vertical-align: sub;
}

.ant-table-row-indent {
    float: left;
    height: 1px;
}

.ant-table-row-expand-icon {
    color: #1890ff;
    outline: none;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    padding: 0;
    color: inherit;
    line-height: 17px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    -webkit-transform: scale(0.94117647);
    -moz-transform: scale(0.94117647);
    transform: scale(0.94117647);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
    color: #40a9ff;
}

.ant-table-row-expand-icon:active {
    color: #096dd9;
}

.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
    border-color: currentcolor;
}

.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
    position: absolute;
    background: currentcolor;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    content: '';
}

.ant-table-row-expand-icon::before {
    top: 7px;
    right: 3px;
    left: 3px;
    height: 1px;
}

.ant-table-row-expand-icon::after {
    top: 3px;
    bottom: 3px;
    left: 7px;
    width: 1px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ant-table-row-expand-icon-collapsed::before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.ant-table-row-expand-icon-collapsed::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ant-table-row-expand-icon-spaced {
    background: transparent;
    border: 0;
    visibility: hidden;
}

.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
    display: none;
    content: none;
}

.ant-table-row-indent + .ant-table-row-expand-icon {
    margin-top: 2.5005px;
    margin-right: 8px;
}

tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
    background: #fbfbfb;
}

tr.ant-table-expanded-row .ant-descriptions-view {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

tr.ant-table-expanded-row .ant-descriptions-view table {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: auto;
}

.ant-table .ant-table-expanded-row-fixed {
    position: relative;
    margin: -16px -16px;
    padding: 16px 16px;
}

.ant-table-tbody > tr.ant-table-placeholder {
    text-align: center;
}

.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
    color: rgba(0, 0, 0, 0.25);
}

.ant-table-tbody > tr.ant-table-placeholder:hover > td {
    background: #fff;
}

.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
    position: sticky !important;
    z-index: 2;
    background: #fff;
}

.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 30px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    content: '';
    pointer-events: none;
}

.ant-table-cell-fix-left-all::after {
    display: none;
}

.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 30px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    content: '';
    pointer-events: none;
}

.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -moz-calc(-moz-calc(2 + 1) + 1);
    z-index: calc(calc(2 + 1) + 1);
    width: 30px;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    content: '';
    pointer-events: none;
}

.ant-table .ant-table-container::before {
    left: 0;
}

.ant-table .ant-table-container::after {
    right: 0;
}

.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
    position: relative;
}

.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
    -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
    -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ant-table-ping-left .ant-table-cell-fix-left-last::before {
    background-color: transparent !important;
}

.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
    position: relative;
}

.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
    -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
    -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ant-table-sticky-holder {
    position: sticky;
    z-index: -moz-calc(2 + 1);
    z-index: calc(2 + 1);
    background: #fff;
}

.ant-table-sticky-scroll {
    position: sticky;
    bottom: 0;
    z-index: -moz-calc(2 + 1);
    z-index: calc(2 + 1);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    border-top: 1px solid #f0f0f0;
    opacity: 0.6;
}

.ant-table-sticky-scroll:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
}

.ant-table-sticky-scroll-bar {
    height: 8px;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
}

.ant-table-sticky-scroll-bar:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.ant-table-sticky-scroll-bar-active {
    background-color: rgba(0, 0, 0, 0.8);
}

@media all and (-ms-high-contrast: none) {
    .ant-table-ping-left .ant-table-cell-fix-left-last::after {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .ant-table-ping-right .ant-table-cell-fix-right-first::after {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

.ant-table {
    /* title + table */
    /* table */
    /* table + footer */
}

.ant-table-title {
    border-radius: 2px 2px 0 0;
}

.ant-table-title + .ant-table-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ant-table-title + .ant-table-container table {
    border-radius: 0;
}

.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
    border-radius: 0;
}

.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
    border-radius: 0;
}

.ant-table-container {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 2px;
}

.ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 2px;
}

.ant-table-footer {
    border-radius: 0 0 2px 2px;
}

.ant-table-wrapper-rtl {
    direction: rtl;
}

.ant-table-rtl {
    direction: rtl;
}

.ant-table-wrapper-rtl .ant-table table {
    text-align: right;
}

.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
    text-align: center;
}

.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
    right: auto;
    left: 0;
}

.ant-table-wrapper-rtl .ant-table-thead > tr > th {
    text-align: right;
}

.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
    margin: -16px 33px -16px -16px;
}

.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ant-table-wrapper-rtl .ant-table-column-sorter {
    margin-right: 4px;
    margin-left: 0;
}

.ant-table-wrapper-rtl .ant-table-filter-column-title {
    padding: 16px 16px 16px 2.3em;
}

.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
    padding: 0 0 0 2.3em;
}

.ant-table-wrapper-rtl .ant-table-filter-trigger {
    margin: -4px 4px -4px -8px;
}

.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
    padding-right: 8px;
    padding-left: 0;
}

.ant-table-wrapper-rtl .ant-table-selection {
    text-align: center;
}

.ant-table-wrapper-rtl .ant-table-row-indent {
    float: right;
}

.ant-table-wrapper-rtl .ant-table-row-expand-icon {
    float: right;
}

.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
    margin-right: 0;
    margin-left: 8px;
}

.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

@-webkit-keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.ant-tree.ant-tree-directory .ant-tree-treenode {
    position: relative;
}

.ant-tree.ant-tree-directory .ant-tree-treenode::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    content: '';
    pointer-events: none;
}

.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
    background: #f5f5f5;
}

.ant-tree.ant-tree-directory .ant-tree-treenode > * {
    z-index: 1;
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
    background: transparent;
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
    color: #fff;
    background: transparent;
}

.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
    background: #1890ff;
}

.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
    color: #fff;
}

.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
    color: #fff;
    background: transparent;
}

.ant-tree-checkbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    top: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
}

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
    border-color: #1890ff;
}

.ant-tree-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1890ff;
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
    -moz-animation: antCheckboxEffect 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: '';
}

.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
    visibility: visible;
}

.ant-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-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;
    -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    -moz-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    content: ' ';
}

.ant-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-tree-checkbox-checked .ant-tree-checkbox-inner::after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    -moz-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: ' ';
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    background-color: #1890ff;
    border-color: #1890ff;
}

.ant-tree-checkbox-disabled {
    cursor: not-allowed;
}

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
    border-color: rgba(0, 0, 0, 0.25);
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none;
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9 !important;
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
    border-color: #f5f5f5;
    border-collapse: separate;
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}

.ant-tree-checkbox-disabled + span {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
    visibility: hidden;
}

.ant-tree-checkbox-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height: unset;
    cursor: pointer;
}

.ant-tree-checkbox-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: '\a0';
}

.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
    cursor: not-allowed;
}

.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
    margin-left: 8px;
}

.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
    width: 14px;
    height: 14px;
}

.ant-tree-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
}

.ant-tree-checkbox-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
}

.ant-tree-checkbox-group-item {
    margin-right: 8px;
}

.ant-tree-checkbox-group-item:last-child {
    margin-right: 0;
}

.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
    margin-left: 0;
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
    background-color: #fff;
    border-color: #d9d9d9;
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #1890ff;
    border: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: ' ';
}

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.25);
}

.ant-tree {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    background: #fff;
    border-radius: 2px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
    background: #e6f7ff;
}

.ant-tree-list-holder-inner {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
    position: relative;
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    border: 1px solid #1890ff;
    opacity: 0;
    -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
    -moz-animation: ant-tree-node-fx-do-not-use 0.3s;
    animation: ant-tree-node-fx-do-not-use 0.3s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: '';
    pointer-events: none;
}

.ant-tree .ant-tree-treenode {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 4px 0;
    outline: none;
}

.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
    background: transparent;
}

.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
    background: #f5f5f5;
}

.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
    color: inherit;
    font-weight: 500;
}

.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
    width: 24px;
    line-height: 24px;
    text-align: center;
    visibility: visible;
    opacity: 0.2;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
    opacity: 0.45;
}

.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
    visibility: hidden;
}

.ant-tree-indent {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-tree-indent-unit {
    display: inline-block;
    width: 24px;
}

.ant-tree-draggable-icon {
    visibility: hidden;
}

.ant-tree-switcher {
    position: relative;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline;
}

.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

.ant-tree-switcher-noop {
    cursor: default;
}

.ant-tree-switcher_close .ant-tree-switcher-icon svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ant-tree-switcher-loading-icon {
    color: #1890ff;
}

.ant-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.ant-tree-switcher-leaf-line::before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: ' ';
}

.ant-tree-switcher-leaf-line::after {
    position: absolute;
    width: 10px;
    height: 14px;
    border-bottom: 1px solid #d9d9d9;
    content: ' ';
}

.ant-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0;
}

.ant-tree .ant-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;
    -webkit-transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
    transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
    -moz-transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
    transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
    transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s, -webkit-box-shadow 0s;
}

.ant-tree .ant-tree-node-content-wrapper:hover {
    background-color: #f5f5f5;
}

.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: #bae7ff;
}

.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
}

.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
    display: none;
}

.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
    background-color: transparent;
}

.ant-tree-node-content-wrapper {
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: #1890ff;
    border-radius: 1px;
    pointer-events: none;
}

.ant-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 #1890ff;
    border-radius: 50%;
    content: '';
}

.ant-tree .ant-tree-treenode.drop-container > [draggable] {
    -webkit-box-shadow: 0 0 0 2px #1890ff;
    box-shadow: 0 0 0 2px #1890ff;
}

.ant-tree-show-line .ant-tree-indent-unit {
    position: relative;
    height: 100%;
}

.ant-tree-show-line .ant-tree-indent-unit::before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    border-right: 1px solid #d9d9d9;
    content: '';
}

.ant-tree-show-line .ant-tree-indent-unit-end::before {
    display: none;
}

.ant-tree-show-line .ant-tree-switcher {
    background: #fff;
}

.ant-tree-show-line .ant-tree-switcher-line-icon {
    vertical-align: -0.15em;
}

.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
    top: auto !important;
    bottom: auto !important;
    height: 14px !important;
}

.ant-tree-rtl {
    direction: rtl;
}

.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
    right: -6px;
    left: unset;
}

.ant-tree .ant-tree-treenode-rtl {
    direction: rtl;
}

.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
    right: auto;
    left: -13px;
    border-right: none;
    border-left: 1px solid #d9d9d9;
}

.ant-tree-rtl .ant-tree-checkbox {
    margin: 4px 0 0 8px;
}

.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
    margin: 4px 0 0 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-timeline {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    margin: 0;
    padding: 0;
    list-style: none;
}

.ant-timeline-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 14px;
    list-style: none;
}

.ant-timeline-item-tail {
    position: absolute;
    top: 10px;
    left: 4px;
    height: -moz-calc(100% - 10px);
    height: calc(100% - 10px);
    border-left: 2px solid #f0f0f0;
}

.ant-timeline-item-pending .ant-timeline-item-head {
    font-size: 12px;
    background-color: transparent;
}

.ant-timeline-item-pending .ant-timeline-item-tail {
    display: none;
}

.ant-timeline-item-head {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 100px;
}

.ant-timeline-item-head-blue {
    color: #1890ff;
    border-color: #1890ff;
}

.ant-timeline-item-head-red {
    color: #ff4d4f;
    border-color: #ff4d4f;
}

.ant-timeline-item-head-green {
    color: #52c41a;
    border-color: #52c41a;
}

.ant-timeline-item-head-gray {
    color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.25);
}

.ant-timeline-item-head-custom {
    position: absolute;
    top: 5.5px;
    left: 5px;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 3px 1px;
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ant-timeline-item-content {
    position: relative;
    top: -7.001px;
    margin: 0 0 0 26px;
    word-break: break-word;
}

.ant-timeline-item-last > .ant-timeline-item-tail {
    display: none;
}

.ant-timeline-item-last > .ant-timeline-item-content {
    min-height: 48px;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    left: 50%;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
    margin-left: -4px;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    margin-left: 1px;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
    left: -moz-calc(50% - 4px);
    left: calc(50% - 4px);
    width: -moz-calc(50% - 14px);
    width: calc(50% - 14px);
    text-align: left;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
    width: -moz-calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 0;
    text-align: right;
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
    left: -moz-calc(100% - 4px - 2px);
    left: calc(100% - 4px - 2px);
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    width: -moz-calc(100% - 18px);
    width: calc(100% - 18px);
}

.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
    display: block;
    height: -moz-calc(100% - 14px);
    height: calc(100% - 14px);
    border-left: 2px dotted #f0f0f0;
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
    display: none;
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
    top: 15px;
    display: block;
    height: -moz-calc(100% - 15px);
    height: calc(100% - 15px);
    border-left: 2px dotted #f0f0f0;
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
    min-height: 48px;
}

.ant-timeline.ant-timeline-label .ant-timeline-item-label {
    position: absolute;
    top: -7.001px;
    width: -moz-calc(50% - 12px);
    width: calc(50% - 12px);
    text-align: right;
}

.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
    left: -moz-calc(50% + 14px);
    left: calc(50% + 14px);
    width: -moz-calc(50% - 14px);
    width: calc(50% - 14px);
    text-align: left;
}

.ant-timeline-rtl {
    direction: rtl;
}

.ant-timeline-rtl .ant-timeline-item-tail {
    right: 4px;
    left: auto;
    border-right: 2px solid #f0f0f0;
    border-left: none;
}

.ant-timeline-rtl .ant-timeline-item-head-custom {
    right: 5px;
    left: auto;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.ant-timeline-rtl .ant-timeline-item-content {
    margin: 0 18px 0 0;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    right: 50%;
    left: auto;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
    margin-right: -4px;
    margin-left: 0;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    margin-right: 1px;
    margin-left: 0;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
    right: -moz-calc(50% - 4px);
    right: calc(50% - 4px);
    left: auto;
    text-align: right;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
    text-align: left;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
    right: 0;
    left: auto;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    width: 100%;
    margin-right: 18px;
    text-align: right;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
    border-right: 2px dotted #f0f0f0;
    border-left: none;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
    border-right: 2px dotted #f0f0f0;
    border-left: none;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
    text-align: left;
}

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
    right: -moz-calc(50% + 14px);
    right: calc(50% + 14px);
    text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

.ant-transfer-customize-list .ant-transfer-list {
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    width: auto;
    height: auto;
    min-height: 200px;
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
    border: 0;
    border-radius: 0;
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
    width: 40px;
    min-width: 40px;
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
    background: #fafafa;
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
    border-bottom: 1px solid #f0f0f0;
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
    margin: 0;
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
    margin: 16px 0 4px;
}

.ant-transfer-customize-list .ant-input[disabled] {
    background-color: transparent;
}

.ant-transfer-status-error .ant-transfer-list {
    border-color: #ff4d4f;
}

.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
    border-color: #d9d9d9;
}

.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-transfer-status-warning .ant-transfer-list {
    border-color: #faad14;
}

.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
    border-color: #d9d9d9;
}

.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
    border-color: #40a9ff;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    border-right-width: 1px;
    outline: 0;
}

.ant-transfer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ant-transfer-disabled .ant-transfer-list {
    background: #f5f5f5;
}

.ant-transfer-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 180px;
    height: 200px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.ant-transfer-list-with-pagination {
    width: 250px;
    height: auto;
}

.ant-transfer-list-search .anticon-search {
    color: rgba(0, 0, 0, 0.25);
}

.ant-transfer-list-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 8px 12px 9px;
    color: rgba(0, 0, 0, 0.85);
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
}

.ant-transfer-list-header > *:not(:last-child) {
    margin-right: 4px;
}

.ant-transfer-list-header > * {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-transfer-list-header-title {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis;
}

.ant-transfer-list-header-dropdown {
    font-size: 10px;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    transform: translateY(10%);
    cursor: pointer;
}

.ant-transfer-list-header-dropdown[disabled] {
    cursor: not-allowed;
}

.ant-transfer-list-body {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    font-size: 14px;
}

.ant-transfer-list-body-search-wrapper {
    position: relative;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 12px;
}

.ant-transfer-list-content {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
}

.ant-transfer-list-content-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    line-height: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-transfer-list-content-item > *:not(:last-child) {
    margin-right: 8px;
}

.ant-transfer-list-content-item > * {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-transfer-list-content-item-text {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-transfer-list-content-item-remove {
    position: relative;
    color: #d9d9d9;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-transfer-list-content-item-remove:hover {
    color: #40a9ff;
}

.ant-transfer-list-content-item-remove::after {
    position: absolute;
    top: -6px;
    right: -50%;
    bottom: -6px;
    left: -50%;
    content: '';
}

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
    background-color: #dcf4ff;
}

.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background: transparent;
    cursor: default;
}

.ant-transfer-list-content-item-checked {
    background-color: #e6f7ff;
}

.ant-transfer-list-content-item-disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-transfer-list-pagination {
    padding: 8px 0;
    text-align: right;
    border-top: 1px solid #f0f0f0;
}

.ant-transfer-list-body-not-found {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    margin: auto 0;
    color: rgba(0, 0, 0, 0.25);
    text-align: center;
}

.ant-transfer-list-footer {
    border-top: 1px solid #f0f0f0;
}

.ant-transfer-operation {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 8px;
    vertical-align: middle;
}

.ant-transfer-operation .ant-btn {
    display: block;
}

.ant-transfer-operation .ant-btn:first-child {
    margin-bottom: 4px;
}

.ant-transfer-operation .ant-btn .anticon {
    font-size: 12px;
}

.ant-transfer .ant-empty-image {
    max-height: -2px;
}

.ant-transfer-rtl {
    direction: rtl;
}

.ant-transfer-rtl .ant-transfer-list-search {
    padding-right: 8px;
    padding-left: 24px;
}

.ant-transfer-rtl .ant-transfer-list-search-action {
    right: auto;
    left: 12px;
}

.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
    margin-right: 0;
    margin-left: 4px;
}

.ant-transfer-rtl .ant-transfer-list-header {
    right: 0;
    left: auto;
}

.ant-transfer-rtl .ant-transfer-list-header-title {
    text-align: left;
}

.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
    margin-right: 0;
    margin-left: 8px;
}

.ant-transfer-rtl .ant-transfer-list-pagination {
    text-align: left;
}

.ant-transfer-rtl .ant-transfer-list-footer {
    right: 0;
    left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

.ant-select-tree-checkbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    top: 0.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: #1890ff;
}

.ant-select-tree-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1890ff;
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
    -moz-animation: antCheckboxEffect 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    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: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.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;
    -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    -moz-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.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;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    -moz-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    -moz-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: ' ';
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
    background-color: #1890ff;
    border-color: #1890ff;
}

.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: rgba(0, 0, 0, 0.25);
    -webkit-animation-name: none;
    -moz-animation-name: none;
    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: #f5f5f5;
    border-color: #d9d9d9 !important;
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
    border-color: #f5f5f5;
    border-collapse: separate;
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}

.ant-select-tree-checkbox-disabled + span {
    color: rgba(0, 0, 0, 0.25);
    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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    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-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
    width: 14px;
    height: 14px;
}

.ant-select-tree-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
}

.ant-select-tree-checkbox-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    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: #fff;
    border-color: #d9d9d9;
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #1890ff;
    border: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    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: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.25);
}

.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 {
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.ant-select-tree {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    background: #fff;
    border-radius: 2px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
    background: #e6f7ff;
}

.ant-select-tree-list-holder-inner {
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
    -moz-box-flex: 1;
    -ms-flex: auto;
    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 #1890ff;
    opacity: 0;
    -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
    -moz-animation: ant-tree-node-fx-do-not-use 0.3s;
    animation: ant-tree-node-fx-do-not-use 0.3s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: '';
    pointer-events: none;
}

.ant-select-tree .ant-select-tree-treenode {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 4px 0;
    outline: none;
}

.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
    color: rgba(0, 0, 0, 0.25);
    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: #f5f5f5;
}

.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 .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
    width: 24px;
    line-height: 24px;
    text-align: center;
    visibility: visible;
    opacity: 0.2;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
    opacity: 0.45;
}

.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
    visibility: hidden;
}

.ant-select-tree-indent {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-select-tree-indent-unit {
    display: inline-block;
    width: 24px;
}

.ant-select-tree-draggable-icon {
    visibility: hidden;
}

.ant-select-tree-switcher {
    position: relative;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    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 {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

.ant-select-tree-switcher-noop {
    cursor: default;
}

.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ant-select-tree-switcher-loading-icon {
    color: #1890ff;
}

.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;
    -webkit-transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
    transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
    -moz-transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
    transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
    transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s, -webkit-box-shadow 0s;
}

.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
    background-color: #f5f5f5;
}

.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    background-color: #bae7ff;
}

.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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: #1890ff;
    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 #1890ff;
    border-radius: 50%;
    content: '';
}

.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
    -webkit-box-shadow: 0 0 0 2px #1890ff;
    box-shadow: 0 0 0 2px #1890ff;
}

.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 #d9d9d9;
    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: #fff;
}

.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
    vertical-align: -0.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 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    transform: scaleY(-1);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-typography {
    color: rgba(0, 0, 0, 0.85);
    word-break: break-word;
}

.ant-typography.ant-typography-secondary {
    color: rgba(0, 0, 0, 0.45);
}

.ant-typography.ant-typography-success {
    color: #52c41a;
}

.ant-typography.ant-typography-warning {
    color: #faad14;
}

.ant-typography.ant-typography-danger {
    color: #ff4d4f;
}

a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
    color: #d9363e;
}

a.ant-typography.ant-typography-danger:hover {
    color: #ff7875;
}

.ant-typography.ant-typography-disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.ant-typography,
.ant-typography p {
    margin-bottom: 1em;
}

h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-size: 38px;
    line-height: 1.23;
}

h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-size: 30px;
    line-height: 1.35;
}

h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.35;
}

h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
}

h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}

.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
    margin-top: 1.2em;
}

.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
    margin-top: 1.2em;
}

a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
    display: inline-block;
    max-width: 100%;
}

a.ant-typography,
.ant-typography a {
    color: #1890ff;
    outline: none;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    text-decoration: none;
}

a.ant-typography:focus-visible,
.ant-typography a:focus-visible,
a.ant-typography:hover,
.ant-typography a:hover {
    color: #40a9ff;
}

a.ant-typography:active,
.ant-typography a:active {
    color: #096dd9;
}

a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
    text-decoration: none;
}

a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
    color: rgba(0, 0, 0, 0.25);
}

a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
    pointer-events: none;
}

.ant-typography code {
    margin: 0 0.2em;
    padding: 0.2em 0.4em 0.1em;
    font-size: 85%;
    background: rgba(150, 150, 150, 0.1);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 3px;
}

.ant-typography kbd {
    margin: 0 0.2em;
    padding: 0.15em 0.4em 0.1em;
    font-size: 90%;
    background: rgba(150, 150, 150, 0.06);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-bottom-width: 2px;
    border-radius: 3px;
}

.ant-typography mark {
    padding: 0;
    background-color: #ffe58f;
}

.ant-typography u,
.ant-typography ins {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

.ant-typography s,
.ant-typography del {
    text-decoration: line-through;
}

.ant-typography strong {
    font-weight: 600;
}

.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
    color: #1890ff;
    outline: none;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    margin-left: 4px;
}

.ant-typography-expand:focus-visible,
.ant-typography-edit:focus-visible,
.ant-typography-copy:focus-visible,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
    color: #40a9ff;
}

.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
    color: #096dd9;
}

.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
    color: #52c41a;
}

.ant-typography-edit-content {
    position: relative;
}

div.ant-typography-edit-content {
    left: -12px;
    margin-top: -5px;
    margin-bottom: -moz-calc(1em - 4px - 1px);
    margin-bottom: calc(1em - 4px - 1px);
}

.ant-typography-edit-content-confirm {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: rgba(0, 0, 0, 0.45);
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    pointer-events: none;
}

.ant-typography-edit-content textarea {
    height: 1em;
    margin: 0 !important;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -moz-transition: none;
}

.ant-typography ul,
.ant-typography ol {
    margin: 0 0 1em;
    padding: 0;
}

.ant-typography ul li,
.ant-typography ol li {
    margin: 0 0 0 20px;
    padding: 0 0 0 4px;
}

.ant-typography ul {
    list-style-type: circle;
}

.ant-typography ul ul {
    list-style-type: disc;
}

.ant-typography ol {
    list-style-type: decimal;
}

.ant-typography pre,
.ant-typography blockquote {
    margin: 1em 0;
}

.ant-typography pre {
    padding: 0.4em 0.6em;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: rgba(150, 150, 150, 0.1);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 3px;
}

.ant-typography pre code {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    background: transparent;
    border: 0;
}

.ant-typography blockquote {
    padding: 0 0 0 0.6em;
    border-left: 4px solid rgba(100, 100, 100, 0.2);
    opacity: 0.85;
}

.ant-typography-single-line {
    white-space: nowrap;
}

.ant-typography-ellipsis-single-line {
    overflow: hidden;
    text-overflow: ellipsis;
}

a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
    vertical-align: bottom;
}

.ant-typography-ellipsis-multiple-line {
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.ant-typography-rtl {
    direction: rtl;
}

.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
    margin-right: 4px;
    margin-left: 0;
}

.ant-typography-rtl .ant-typography-expand {
    float: left;
}

div.ant-typography-edit-content.ant-typography-rtl {
    right: -12px;
    left: auto;
}

.ant-typography-rtl .ant-typography-edit-content-confirm {
    right: auto;
    left: 10px;
}

.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
    margin: 0 20px 0 0;
    padding: 0 4px 0 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    outline: 0;
}

.ant-upload p {
    margin: 0;
}

.ant-upload-btn {
    display: block;
    width: 100%;
    outline: none;
}

.ant-upload input[type='file'] {
    cursor: pointer;
}

.ant-upload.ant-upload-select {
    display: inline-block;
}

.ant-upload.ant-upload-disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.ant-upload.ant-upload-select-picture-card {
    width: 104px;
    height: 104px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    vertical-align: top;
    background-color: #fafafa;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.ant-upload.ant-upload-select-picture-card > .ant-upload {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.ant-upload.ant-upload-select-picture-card:hover {
    border-color: #1890ff;
}

.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
    border-color: #d9d9d9;
}

.ant-upload.ant-upload-drag {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fafafa;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.ant-upload.ant-upload-drag .ant-upload {
    padding: 16px 0;
}

.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
    border-color: #096dd9;
}

.ant-upload.ant-upload-drag.ant-upload-disabled {
    cursor: not-allowed;
}

.ant-upload.ant-upload-drag .ant-upload-btn {
    display: table;
    height: 100%;
}

.ant-upload.ant-upload-drag .ant-upload-drag-container {
    display: table-cell;
    vertical-align: middle;
}

.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
    border-color: #40a9ff;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
    margin-bottom: 20px;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
    color: #40a9ff;
    font-size: 48px;
}

.ant-upload.ant-upload-drag p.ant-upload-text {
    margin: 0 0 4px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
}

.ant-upload.ant-upload-drag p.ant-upload-hint {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.ant-upload.ant-upload-drag .anticon-plus {
    color: rgba(0, 0, 0, 0.25);
    font-size: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-upload.ant-upload-drag .anticon-plus:hover {
    color: rgba(0, 0, 0, 0.45);
}

.ant-upload.ant-upload-drag:hover .anticon-plus {
    color: rgba(0, 0, 0, 0.45);
}

.ant-upload-picture-card-wrapper {
    display: inline-block;
    width: 100%;
}

.ant-upload-picture-card-wrapper::before {
    display: table;
    content: '';
}

.ant-upload-picture-card-wrapper::after {
    display: table;
    clear: both;
    content: '';
}

.ant-upload-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    -moz-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    line-height: 1.5715;
}

.ant-upload-list::before {
    display: table;
    content: '';
}

.ant-upload-list::after {
    display: table;
    clear: both;
    content: '';
}

.ant-upload-list-item {
    position: relative;
    height: 22.001px;
    margin-top: 8px;
    font-size: 14px;
}

.ant-upload-list-item-name {
    display: inline-block;
    width: 100%;
    padding-left: 22px;
    overflow: hidden;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ant-upload-list-item-card-actions {
    position: absolute;
    right: 0;
}

.ant-upload-list-item-card-actions-btn {
    opacity: 0;
}

.ant-upload-list-item-card-actions-btn.ant-btn-sm {
    height: 22.001px;
    line-height: 1;
    vertical-align: top;
}

.ant-upload-list-item-card-actions.picture {
    top: 22px;
    line-height: 0;
}

.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
    opacity: 1;
}

.ant-upload-list-item-card-actions .anticon {
    color: rgba(0, 0, 0, 0.45);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-upload-list-item-card-actions:hover .anticon {
    color: rgba(0, 0, 0, 0.85);
}

.ant-upload-list-item-info {
    height: 100%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ant-upload-list-item-info > span {
    display: block;
    width: 100%;
    height: 100%;
}

.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
    position: absolute;
    top: 5px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.ant-upload-list-item:hover .ant-upload-list-item-info {
    background-color: #f5f5f5;
}

.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
    opacity: 1;
}

.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
    color: #ff4d4f;
}

.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
    color: #ff4d4f;
}

.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
    opacity: 1;
}

.ant-upload-list-item-progress {
    position: absolute;
    bottom: -12px;
    width: 100%;
    padding-left: 26px;
    font-size: 14px;
    line-height: 0;
}

.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
    position: relative;
    height: 66px;
    padding: 8px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
    background: transparent;
}

.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
    border-color: #ff4d4f;
}

.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
    padding: 0;
}

.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
    background: transparent;
}

.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
    border-style: dashed;
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
    width: 48px;
    height: 48px;
    line-height: 60px;
    text-align: center;
    opacity: 0.8;
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
    font-size: 26px;
}

.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
    fill: #fff2f0;
}

.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
    fill: #ff4d4f;
}

.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
    font-size: 26px;
}

.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
    max-width: 100%;
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 0 8px;
    padding-right: 8px;
    padding-left: 48px;
    overflow: hidden;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
    margin-bottom: 12px;
}

.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
    bottom: 14px;
    width: -moz-calc(100% - 24px);
    width: calc(100% - 24px);
    margin-top: 0;
    padding-left: 56px;
}

.ant-upload-list-picture-card-container {
    display: inline-block;
    width: 104px;
    height: 104px;
    margin: 0 8px 8px 0;
    vertical-align: top;
}

.ant-upload-list-picture-card .ant-upload-list-item {
    height: 100%;
    margin: 0;
}

.ant-upload-list-picture-card .ant-upload-list-item-info {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.ant-upload-list-picture-card .ant-upload-list-item-info::before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    content: ' ';
}

.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
    opacity: 1;
}

.ant-upload-list-picture-card .ant-upload-list-item-actions {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
    z-index: 10;
    width: 16px;
    margin: 0 4px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
    color: #fff;
}

.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
    opacity: 1;
}

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.ant-upload-list-picture-card .ant-upload-list-item-name {
    display: none;
    margin: 8px 0 0;
    padding: 0;
    line-height: 1.5715;
    text-align: center;
}

.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
    position: absolute;
    bottom: 10px;
    display: block;
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
    background-color: #fafafa;
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
    height: auto;
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
    display: none;
}

.ant-upload-list-picture-card .ant-upload-list-item-progress {
    bottom: 32px;
    width: -moz-calc(100% - 14px);
    width: calc(100% - 14px);
    padding-left: 0;
}

.ant-upload-list-text-container,
.ant-upload-list-picture-container {
    -webkit-transition: opacity 0.3s, height 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s;
    transition: opacity 0.3s, height 0.3s;
}

.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
    display: table;
    width: 0;
    height: 0;
    content: '';
}

.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
    display: block;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0;
    padding: 0 8px;
}

.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
    position: static;
}

.ant-upload-list-text .ant-upload-text-icon .anticon {
    position: static;
}

.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -moz-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
    -webkit-animation-name: uploadAnimateInlineIn;
    -moz-animation-name: uploadAnimateInlineIn;
    animation-name: uploadAnimateInlineIn;
}

.ant-upload-list .ant-upload-animate-inline-leave {
    -webkit-animation-name: uploadAnimateInlineOut;
    -moz-animation-name: uploadAnimateInlineOut;
    animation-name: uploadAnimateInlineOut;
}

@-webkit-keyframes uploadAnimateInlineIn {
    from {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@-moz-keyframes uploadAnimateInlineIn {
    from {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@keyframes uploadAnimateInlineIn {
    from {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@-webkit-keyframes uploadAnimateInlineOut {
    to {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@-moz-keyframes uploadAnimateInlineOut {
    to {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@keyframes uploadAnimateInlineOut {
    to {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

.ant-upload-rtl {
    direction: rtl;
}

.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
    margin-right: auto;
    margin-left: 8px;
}

.ant-upload-list-rtl {
    direction: rtl;
}

.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
    padding-right: 22px;
    padding-left: 14px;
}

.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
    padding-right: 22px;
    padding-left: 28px;
}

.ant-upload-list-rtl .ant-upload-list-item-name {
    padding-right: 22px;
    padding-left: 0;
}

.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
    padding-left: 14px;
}

.ant-upload-list-rtl .ant-upload-list-item-card-actions {
    right: auto;
    left: 0;
}

.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px;
}

.ant-upload-list-rtl .ant-upload-list-item-info {
    padding: 0 4px 0 12px;
}

.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px;
}

.ant-upload-list-rtl .ant-upload-list-item-progress {
    padding-right: 26px;
    padding-left: 0;
}

.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
    padding: 0;
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
    right: 8px;
    left: auto;
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
    right: 50%;
    left: auto;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
    margin: 0 8px 0 0;
    padding-right: 48px;
    padding-left: 8px;
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
    padding-right: 48px;
    padding-left: 18px;
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
    padding-right: 48px;
    padding-left: 36px;
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
    padding-right: 0;
    padding-left: 0;
}

.ant-upload-list-rtl .ant-upload-list-picture-card-container {
    margin: 0 0 8px 8px;
}

.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
    right: 50%;
    left: auto;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
    margin: 8px 0 0;
    padding: 0;
}
.adv_coop_margin--EZ711 {
                          margin-top: 2rem
                      }

.is_mobile--2o0w1 .bg_img--JXeaz {
    display: none
}

.is_mobile--2o0w1 .adv_coop_margin--EZ711 {
    margin-top: 21.33333vw
}

.adv_coop--e0G_b .bg_img--JXeaz {
    width: 100%;
    height: calc(100vh - 0.6rem);
    top: 0;
    margin-top: 0.6rem;
    background-image: url(../image/background.3622d3a0.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: -999
}

.adv_coop--e0G_b {
    font-family: 'Noto Sans SC', sans-serif;
    box-sizing: border-box
}

.adv_coop--e0G_b h2 {
    font-size: 0.56rem;
    line-height: 0.81rem
}

.adv_coop--e0G_b h4 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.24rem;
    line-height: 0.35rem;
    margin-top: 0.24rem;
    font-weight: 400
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
                          margin: 0;
                          padding: 0;
                          border: none;
                          font: 0 inherit;
                          vertical-align: baseline;
                          box-sizing: border-box
                      }

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after {
    content: ""
}

q:before, q:after {
    content: ""
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a, input {
    outline: none
}

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

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}

a, a:active, a:hover, a:visited, a:link, a:focus {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none
}

* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    outline: none
}

a, img, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

a {
    text-decoration: none
}

body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    margin: 0 auto;
    font-size: .14rem;
    font-weight: 400;
    letter-spacing: normal;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
    background: #0b0b14;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #c8cacc
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #ebebeb
}

html {
    -ms-overflow-style: none
}

.page-appear, .page-enter {
    opacity: 0
}

.page-appear-active, .page-appear-done, .page-enter-active, .page-enter-done {
    -webkit-animation: mount .3s ease-in forwards;
    animation: mount .3s ease-in forwards
}

.page-exit {
    opacity: 1
}

.page-exit-active {
    -webkit-animation: unmount .3s ease-in-out forwards;
    animation: unmount .3s ease-in-out forwards
}

.titleWrap {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    align-items: center;
    margin: 5vh 0 0;
    z-index: 1
}

.bigTitle {
    font-size: .48rem;
    line-height: .54rem;
    font-weight: 600;
    white-space: nowrap
}

.tip {
    color: #a1a1a6;
    font-size: .17rem;
    line-height: .26rem;
    text-align: center
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fade_in {
    -webkit-animation: fade-in .4s ease-in-out forwards;
    animation: fade-in .4s ease-in-out forwards
}

.fade_out {
    -webkit-animation: fade-out .4s ease-in-out forwards;
    animation: fade-out .4s ease-in-out forwards
}

.will-change-opacity {
    will-change: opacity
}

.will-change-transform {
    will-change: transform
}

.will-change-both {
    will-change: transform, opacity
}

@-webkit-keyframes fontNeonFlow {
    from {
        background-position-x: 0
    }
    to {
        background-position-x: 200%
    }
}

@keyframes fontNeonFlow {
    from {
        background-position-x: 0
    }
    to {
        background-position-x: 200%
    }
}

.font-neon {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde)
}

.font-neon--flow {
    background-size: 200% 100%;
    -webkit-animation-name: fontNeonFlow;
    animation-name: fontNeonFlow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.shadow {
    width: 100vw;
    height: 50vh;
    background-image: linear-gradient(to top, #0b0b14, rgba(11, 11, 20, 0.75) 25%, rgba(11, 11, 20, 0.25) 50%, rgba(11, 11, 20, 0))
}

.c1 {
    color: #1d1d1f
}

.c2 {
    color: #fff
}
@keyframes scale1 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}