.ant-spin {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: #000000d9;
    color: #1890ff;
    display: none;
    font-size: 14px;
    font-size: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    transition: transform .3s cubic-bezier(.78, .14, .15, .86);
    vertical-align: middle
}

.ant-spin-spinning {
    display: inline-block;
    opacity: 1;
    position: static
}

.ant-spin-nested-loading {
    position: relative
}

.ant-spin-nested-loading>div>.ant-spin {
    display: block;
    height: 100%;
    left: 0;
    max-height: 400px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
    left: 50%;
    margin: -10px;
    position: absolute;
    top: 50%
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
    font-size: 14px;
    padding-top: 5px;
    position: absolute;
    text-shadow: 0 1px 2px #fff;
    top: 50%;
    width: 100%
}

.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
    margin-top: -20px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
    margin: -7px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
    padding-top: 2px
}

.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
    margin-top: -17px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
    margin: -16px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
    padding-top: 11px
}

.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
    margin-top: -26px
}

.ant-spin-container {
    position: relative;
    transition: opacity .3s
}

.ant-spin-container:after {
    background: #fff;
    bottom: 0;
    content: "";
    display: none\9;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 10
}

.ant-spin-blur {
    clear: both;
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-spin-blur:after {
    opacity: .4;
    pointer-events: auto
}

.ant-spin-tip {
    color: #00000073
}

.ant-spin-dot {
    display: inline-block;
    font-size: 20px;
    height: 1em;
    position: relative;
    width: 1em
}

.ant-spin-dot-item {
    animation: antSpinMove 1s linear infinite alternate;
    background-color: #1890ff;
    border-radius: 100%;
    display: block;
    height: 9px;
    opacity: .3;
    position: absolute;
    transform: scale(.75);
    transform-origin: 50% 50%;
    width: 9px
}

.ant-spin-dot-item:first-child {
    left: 0;
    top: 0
}

.ant-spin-dot-item:nth-child(2) {
    animation-delay: .4s;
    right: 0;
    top: 0
}

.ant-spin-dot-item:nth-child(3) {
    animation-delay: .8s;
    bottom: 0;
    right: 0
}

.ant-spin-dot-item:nth-child(4) {
    animation-delay: 1.2s;
    bottom: 0;
    left: 0
}

.ant-spin-dot-spin {
    animation: antRotate 1.2s linear infinite;
    transform: rotate(0deg)
}

.ant-spin-sm .ant-spin-dot {
    font-size: 14px
}

.ant-spin-sm .ant-spin-dot i {
    height: 6px;
    width: 6px
}

.ant-spin-lg .ant-spin-dot {
    font-size: 32px
}

.ant-spin-lg .ant-spin-dot i {
    height: 14px;
    width: 14px
}

.ant-spin.ant-spin-show-text .ant-spin-text {
    display: block
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ant-spin-blur {
        background: #fff;
        opacity: .5
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antRotate {
    to {
        transform: rotate(1turn)
    }
}

.ant-spin-rtl {
    direction: rtl
}

.ant-spin-rtl .ant-spin-dot-spin {
    animation-name: antRotateRtl;
    transform: rotate(-45deg)
}

@keyframes antRotateRtl {
    to {
        transform: rotate(-405deg)
    }
}