/*!
 * 
 * antd v4.22.7
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
[class*=b-design-]::-ms-clear,
[class*=b-design-] input::-ms-clear,
[class*=b-design-] input::-ms-reveal,
[class^=b-design-]::-ms-clear,
[class^=b-design-] input::-ms-clear,
[class^=b-design-] input::-ms-reveal {
    display: none
}

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

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

*,
:after,
:before {
    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: #474a52;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, -apple-system, Arial, sans-serif, Microsoft Yahei, Microsoft JhengHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-variant: tabular-nums;
    line-height: 1.5715;
    background-color: #fff;
    font-feature-settings: "tnum"
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5em;
    color: #1f2024;
    font-weight: 500
}

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

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-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=number],
input[type=password],
input[type=text],
textarea {
    -webkit-appearance: none
}

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

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

dt {
    font-weight: 500
}

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

blockquote {
    margin: 0 0 1em
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

a:hover {
    color: #0d0d0d
}

a:active {
    color: #000
}

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

a[disabled] {
    color: #b8bbc2;
    cursor: not-allowed
}

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

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

figure {
    margin: 0 0 1em
}

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

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    color: #474a52;
    text-align: left;
    caption-side: bottom
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

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

::-moz-selection {
    color: #fff;
    background: var(--b-design-primary-color)
}

::selection {
    color: #fff;
    background: var(--b-design-primary-color)
}

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

.clearfix:after {
    clear: both
}

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

.anticon>* {
    line-height: 1
}

.anticon svg {
    display: inline-block
}

.anticon:before {
    display: none
}

.anticon .anticon-icon {
    display: block
}

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

.anticon[tabindex] {
    cursor: pointer
}

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

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

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

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

.b-design-fade-appear,
.b-design-fade-enter {
    opacity: 0
}

.b-design-fade-appear,
.b-design-fade-enter,
.b-design-fade-leave {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveLeftOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveRightOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes loadingCircle {
    to {
        transform: rotate(1turn)
    }
}

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

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

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

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

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

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

@-webkit-keyframes fadeEffect {
    to {
        opacity: 0
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

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

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

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

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

    to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

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

    to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

    to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
}

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

    to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: scale(1);
        opacity: 1
    }
}

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

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

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

    to {
        transform: scale(1);
        opacity: 1
    }
}

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

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

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

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

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

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@-webkit-keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

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

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

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

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

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

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

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@-webkit-keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

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

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

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

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

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

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

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

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

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

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

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

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

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

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

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

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

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

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

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

.ant-motion-collapse {
    overflow: hidden
}

.b-design-affix {
    position: fixed;
    z-index: 10
}

.b-design-alert {
    box-sizing: border-box;
    margin: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    word-wrap: break-word;
    border-radius: 2px
}

.b-design-alert-content {
    flex: 1;
    min-width: 0
}

.b-design-alert-icon {
    margin-right: 8px
}

.b-design-alert-description {
    font-size: 14px
}

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

.b-design-alert-success .b-design-alert-icon {
    color: var(--b-design-success-color)
}

.b-design-alert-info {
    background-color: #ebf1ff;
    border: 1px solid #ebf1ff
}

.b-design-alert-info .b-design-alert-icon {
    color: var(--b-design-primary-color)
}

.b-design-alert-warning {
    background-color: var(--b-design-warning2-color-light);
    border: 1px solid var(--b-design-warning2-color-light)
}

.b-design-alert-warning .b-design-alert-icon {
    color: var(--b-design-warning2-color)
}

.b-design-alert-error {
    background-color: var(--b-design-error-color-light);
    border: 1px solid var(--b-design-error-color-light)
}

.b-design-alert-error .b-design-alert-icon {
    color: var(--b-design-error-color)
}

.b-design-alert-error .b-design-alert-description>pre {
    margin: 0;
    padding: 0
}

.b-design-alert-action {
    margin-left: 8px
}

.b-design-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
}

.b-design-alert-close-icon .anticon-close {
    color: #474a52;
    transition: color .3s
}

.b-design-alert-close-icon .anticon-close:hover {
    color: rgba(0, 0, 0, .75)
}

.b-design-alert-close-text {
    color: #474a52;
    transition: color .3s
}

.b-design-alert-close-text:hover {
    color: rgba(0, 0, 0, .75)
}

.b-design-alert-with-description {
    align-items: flex-start;
    padding: 15px 15px 15px 18px
}

.b-design-alert-with-description.b-design-alert-no-icon {
    padding: 15px
}

.b-design-alert-with-description .b-design-alert-icon {
    margin-right: 15px;
    font-size: 18px
}

.b-design-alert-with-description .b-design-alert-message {
    margin-bottom: 4px;
    font-size: 16px
}

.b-design-alert-message {
    color: #1f2024
}

.b-design-alert-with-description .b-design-alert-description {
    display: block
}

.b-design-alert.b-design-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    transition: max-height .3s cubic-bezier(.78, .14, .15, .86), opacity .3s cubic-bezier(.78, .14, .15, .86), padding-top .3s cubic-bezier(.78, .14, .15, .86), padding-bottom .3s cubic-bezier(.78, .14, .15, .86), margin-bottom .3s cubic-bezier(.78, .14, .15, .86)
}

.b-design-alert.b-design-alert-motion-leave-active {
    max-height: 0;
    margin-bottom: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0
}

.b-design-alert-banner {
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

.b-design-alert.b-design-alert-rtl {
    direction: rtl
}

.b-design-alert-rtl .b-design-alert-icon {
    margin-right: auto;
    margin-left: 8px
}

.b-design-alert-rtl .b-design-alert-action,
.b-design-alert-rtl .b-design-alert-close-icon {
    margin-right: 8px;
    margin-left: auto
}

.b-design-alert-rtl.b-design-alert-with-description {
    padding-right: 18px;
    padding-left: 15px
}

.b-design-alert-rtl.b-design-alert-with-description .b-design-alert-icon {
    margin-right: auto;
    margin-left: 15px
}

.b-design-alert-icon {
    margin-right: 12px;
    font-size: 18px
}

.b-design-alert-close-icon {
    margin-right: -4px;
    font-size: 16px;
    line-height: 16px
}

.b-design-alert-close-icon .anticon-close {
    font-size: 16px
}

.b-design-alert-close-icon .anticon-close svg {
    display: none !important
}

.b-design-alert-close-icon .anticon-close:after {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e7b2"
}

.b-design-alert-with-description .b-design-alert-icon {
    margin-right: 8px
}

.b-design-alert-with-description .b-design-alert-message {
    display: block;
    margin-bottom: 12px;
    color: #1f2024;
    font-weight: 500;
    line-height: 18px
}

.b-design-alert-description {
    display: none;
    font-size: 13px;
    line-height: 22px
}

.b-design-anchor {
    box-sizing: border-box;
    margin: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    padding: 0 0 0 2px
}

.b-design-anchor-wrapper {
    margin-left: -4px;
    padding-left: 4px;
    overflow: auto;
    background-color: transparent
}

.b-design-anchor-ink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.b-design-anchor-ink:before {
    position: relative;
    display: block;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #e6e8eb;
    content: " "
}

.b-design-anchor-ink-ball {
    position: absolute;
    left: 50%;
    display: none;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid var(--b-design-primary-color);
    border-radius: 8px;
    transform: translateX(-50%);
    transition: top .3s ease-in-out
}

.b-design-anchor-ink-ball.visible {
    display: inline-block
}

.b-design-anchor-fixed .b-design-anchor-ink .b-design-anchor-ink-ball {
    display: none
}

.b-design-anchor-link {
    padding: 4px 0 4px 16px
}

.b-design-anchor-link-title {
    position: relative;
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    color: #474a52;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s
}

.b-design-anchor-link-title:only-child {
    margin-bottom: 0
}

.b-design-anchor-link-active>.b-design-anchor-link-title {
    color: var(--b-design-primary-color)
}

.b-design-anchor-link .b-design-anchor-link {
    padding-top: 2px;
    padding-bottom: 2px
}

.b-design-anchor-rtl {
    direction: rtl
}

.b-design-anchor-rtl.b-design-anchor-wrapper {
    margin-right: -4px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0
}

.b-design-anchor-rtl .b-design-anchor-ink {
    right: 0;
    left: auto
}

.b-design-anchor-rtl .b-design-anchor-ink-ball {
    right: 50%;
    left: 0;
    transform: translateX(50%)
}

.b-design-anchor-rtl .b-design-anchor-link {
    padding: 4px 16px 4px 0
}

.b-design-select-auto-complete {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.b-design-select-auto-complete .b-design-select-clear {
    right: 13px
}

.b-design-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(-45deg, var(--b-design-primary-50), var(--b-design-primary-60));
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%
}

.b-design-avatar-image {
    background: transparent
}

.b-design-avatar .b-design-image-img {
    display: block
}

.b-design-avatar-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.b-design-avatar.b-design-avatar-icon {
    font-size: 18px
}

.b-design-avatar.b-design-avatar-icon>.anticon {
    margin: 0
}

.b-design-avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%
}

.b-design-avatar-lg-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.b-design-avatar-lg.b-design-avatar-icon {
    font-size: 24px
}

.b-design-avatar-lg.b-design-avatar-icon>.anticon {
    margin: 0
}

.b-design-avatar-sm {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%
}

.b-design-avatar-sm-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.b-design-avatar-sm.b-design-avatar-icon {
    font-size: 14px
}

.b-design-avatar-sm.b-design-avatar-icon>.anticon {
    margin: 0
}

.b-design-avatar-square {
    border-radius: 2px
}

.b-design-avatar>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.b-design-avatar-group {
    display: inline-flex
}

.b-design-avatar-group .b-design-avatar {
    border: 1px solid #fff
}

.b-design-avatar-group-popover .b-design-avatar+.b-design-avatar {
    margin-left: 3px
}

.b-design-avatar-group-rtl .b-design-avatar:not(:first-child) {
    margin-right: -12px;
    margin-left: 0
}

.b-design-avatar-group-popover.b-design-popover-rtl .b-design-avatar+.b-design-avatar {
    margin-right: 3px;
    margin-left: 0
}

.b-design-avatar {
    font-size: 12px
}

.b-design-avatar-lg {
    font-size: 16px
}

.b-design-avatar-sm {
    font-size: 12px
}

.b-design-avatar-group .b-design-avatar {
    border: none
}

.b-design-avatar-group .b-design-avatar:not(:first-child) {
    margin-left: -12px
}

.b-design-avatar-group .b-design-avatar.b-design-avatar-sm:not(:first-child) {
    margin-left: -8px
}

.b-design-avatar-group .b-design-avatar.b-design-avatar-lg:not(:first-child) {
    margin-left: -16px
}

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

.b-design-back-top:empty {
    display: none
}

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

.b-design-back-top-content {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    border-radius: 20px
}

.b-design-back-top-content,
.b-design-back-top-content:hover {
    background-color: #474a52;
    transition: all .3s
}

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

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

    .b-design-back-top-rtl {
        right: auto;
        left: 60px
    }
}

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

    .b-design-back-top-rtl {
        right: auto;
        left: 20px
    }
}

.b-design-badge {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    line-height: 1
}

.b-design-badge-count {
    z-index: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
    background: var(--b-design-error-color);
    border-radius: 10px;
    box-shadow: 0 0 0 1px #fff
}

.b-design-badge-count a,
.b-design-badge-count a:hover {
    color: #fff
}

.b-design-badge-count-sm {
    min-width: 16px;
    height: 16px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    border-radius: 8px
}

.b-design-badge-multiple-words {
    padding: 0 8px
}

.b-design-badge-dot {
    z-index: auto;
    width: 8px;
    min-width: 8px;
    height: 8px;
    background: #ec4344;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #fff
}

.b-design-badge-dot.b-design-scroll-number {
    transition: background 1.5s
}

.b-design-badge-count,
.b-design-badge-dot,
.b-design-badge .b-design-scroll-number-custom-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0
}

.b-design-badge-count.anticon-spin,
.b-design-badge-dot.anticon-spin,
.b-design-badge .b-design-scroll-number-custom-component.anticon-spin {
    -webkit-animation: antBadgeLoadingCircle 1s linear infinite;
    animation: antBadgeLoadingCircle 1s linear infinite
}

.b-design-badge-status {
    line-height: inherit;
    vertical-align: baseline
}

.b-design-badge-status-dot {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%
}

.b-design-badge-status-success {
    background-color: var(--b-design-success-color)
}

.b-design-badge-status-processing {
    position: relative;
    background-color: var(--b-design-primary-60)
}

.b-design-badge-status-processing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--b-design-primary-60);
    border-radius: 50%;
    -webkit-animation: antStatusProcessing 1.2s ease-in-out infinite;
    animation: antStatusProcessing 1.2s ease-in-out infinite;
    content: ""
}

.b-design-badge-status-default {
    background-color: #f1f2f3
}

.b-design-badge-status-error {
    background-color: var(--b-design-error-color)
}

.b-design-badge-status-warning {
    background-color: var(--b-design-warning-color)
}

.b-design-badge-status-pink {
    background: #eb2f96
}

.b-design-badge-status-magenta {
    background: #c61e6e
}

.b-design-badge-status-red {
    background: #c82727
}

.b-design-badge-status-volcano {
    background: #fa541c
}

.b-design-badge-status-orange {
    background: #c62f0e
}

.b-design-badge-status-yellow {
    background: #fadb14
}

.b-design-badge-status-gold {
    background: #faad14
}

.b-design-badge-status-cyan {
    background: #13c2c2
}

.b-design-badge-status-lime {
    background: #a0d911
}

.b-design-badge-status-green {
    background: #007855
}

.b-design-badge-status-blue {
    background: #1b58f4
}

.b-design-badge-status-geekblue {
    background: #2f54eb
}

.b-design-badge-status-purple {
    background: #7b38f4
}

.b-design-badge-status-text {
    margin-left: 8px;
    color: #474a52;
    font-size: 14px
}

.b-design-badge-zoom-appear,
.b-design-badge-zoom-enter {
    -webkit-animation: antZoomBadgeIn .3s cubic-bezier(.12, .4, .29, 1.46);
    animation: antZoomBadgeIn .3s cubic-bezier(.12, .4, .29, 1.46);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.b-design-badge-zoom-leave {
    -webkit-animation: antZoomBadgeOut .3s cubic-bezier(.71, -.46, .88, .6);
    animation: antZoomBadgeOut .3s cubic-bezier(.71, -.46, .88, .6);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.b-design-badge-not-a-wrapper .b-design-badge-zoom-appear,
.b-design-badge-not-a-wrapper .b-design-badge-zoom-enter {
    -webkit-animation: antNoWrapperZoomBadgeIn .3s cubic-bezier(.12, .4, .29, 1.46);
    animation: antNoWrapperZoomBadgeIn .3s cubic-bezier(.12, .4, .29, 1.46)
}

.b-design-badge-not-a-wrapper .b-design-badge-zoom-leave {
    -webkit-animation: antNoWrapperZoomBadgeOut .3s cubic-bezier(.71, -.46, .88, .6);
    animation: antNoWrapperZoomBadgeOut .3s cubic-bezier(.71, -.46, .88, .6)
}

.b-design-badge-not-a-wrapper:not(.b-design-badge-status) {
    vertical-align: middle
}

.b-design-badge-not-a-wrapper .b-design-badge-count,
.b-design-badge-not-a-wrapper .b-design-scroll-number-custom-component {
    transform: none
}

.b-design-badge-not-a-wrapper .b-design-scroll-number,
.b-design-badge-not-a-wrapper .b-design-scroll-number-custom-component {
    position: relative;
    top: auto;
    display: block;
    transform-origin: 50% 50%
}

@-webkit-keyframes antStatusProcessing {
    0% {
        transform: scale(.8);
        opacity: .5
    }

    to {
        transform: scale(2.4);
        opacity: 0
    }
}

@keyframes antStatusProcessing {
    0% {
        transform: scale(.8);
        opacity: .5
    }

    to {
        transform: scale(2.4);
        opacity: 0
    }
}

.b-design-scroll-number {
    overflow: hidden;
    direction: ltr
}

.b-design-scroll-number-only {
    position: relative;
    display: inline-block;
    height: 20px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.b-design-scroll-number-only>p.b-design-scroll-number-only-unit {
    height: 20px;
    margin: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.b-design-scroll-number-symbol {
    vertical-align: top
}

@-webkit-keyframes antZoomBadgeIn {
    0% {
        transform: scale(0) translate(50%, -50%);
        opacity: 0
    }

    to {
        transform: scale(1) translate(50%, -50%)
    }
}

@keyframes antZoomBadgeIn {
    0% {
        transform: scale(0) translate(50%, -50%);
        opacity: 0
    }

    to {
        transform: scale(1) translate(50%, -50%)
    }
}

@-webkit-keyframes antZoomBadgeOut {
    0% {
        transform: scale(1) translate(50%, -50%)
    }

    to {
        transform: scale(0) translate(50%, -50%);
        opacity: 0
    }
}

@keyframes antZoomBadgeOut {
    0% {
        transform: scale(1) translate(50%, -50%)
    }

    to {
        transform: scale(0) translate(50%, -50%);
        opacity: 0
    }
}

@-webkit-keyframes antNoWrapperZoomBadgeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1)
    }
}

@keyframes antNoWrapperZoomBadgeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes antNoWrapperZoomBadgeOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes antNoWrapperZoomBadgeOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@-webkit-keyframes antBadgeLoadingCircle {
    0% {
        transform-origin: 50%
    }

    to {
        transform: translate(50%, -50%) rotate(1turn);
        transform-origin: 50%
    }
}

@keyframes antBadgeLoadingCircle {
    0% {
        transform-origin: 50%
    }

    to {
        transform: translate(50%, -50%) rotate(1turn);
        transform-origin: 50%
    }
}

.b-design-ribbon-wrapper {
    position: relative
}

.b-design-ribbon {
    box-sizing: border-box;
    margin: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 8px;
    height: 22px;
    padding: 0 8px;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    background-color: var(--b-design-primary-color);
    border-radius: 2px
}

.b-design-ribbon-text {
    color: #fff
}

.b-design-ribbon-corner {
    position: absolute;
    top: 100%;
    width: 8px;
    height: 8px;
    color: currentcolor;
    border: 4px solid;
    transform: scaleY(.75);
    transform-origin: top
}

.b-design-ribbon-corner:after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: inherit;
    height: inherit;
    color: rgba(0, 0, 0, .25);
    border: inherit;
    content: ""
}

.b-design-ribbon-color-pink {
    color: #eb2f96;
    background: #eb2f96
}

.b-design-ribbon-color-magenta {
    color: #c61e6e;
    background: #c61e6e
}

.b-design-ribbon-color-red {
    color: #c82727;
    background: #c82727
}

.b-design-ribbon-color-volcano {
    color: #fa541c;
    background: #fa541c
}

.b-design-ribbon-color-orange {
    color: #c62f0e;
    background: #c62f0e
}

.b-design-ribbon-color-yellow {
    color: #fadb14;
    background: #fadb14
}

.b-design-ribbon-color-gold {
    color: #faad14;
    background: #faad14
}

.b-design-ribbon-color-cyan {
    color: #13c2c2;
    background: #13c2c2
}

.b-design-ribbon-color-lime {
    color: #a0d911;
    background: #a0d911
}

.b-design-ribbon-color-green {
    color: #007855;
    background: #007855
}

.b-design-ribbon-color-blue {
    color: #1b58f4;
    background: #1b58f4
}

.b-design-ribbon-color-geekblue {
    color: #2f54eb;
    background: #2f54eb
}

.b-design-ribbon-color-purple {
    color: #7b38f4;
    background: #7b38f4
}

.b-design-ribbon.b-design-ribbon-placement-end {
    right: -8px;
    border-bottom-right-radius: 0
}

.b-design-ribbon.b-design-ribbon-placement-end .b-design-ribbon-corner {
    right: 0;
    border-color: currentcolor transparent transparent currentcolor
}

.b-design-ribbon.b-design-ribbon-placement-start {
    left: -8px;
    border-bottom-left-radius: 0
}

.b-design-ribbon.b-design-ribbon-placement-start .b-design-ribbon-corner {
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.b-design-badge-rtl {
    direction: rtl
}

.b-design-badge-rtl.b-design-badge:not(.b-design-badge-not-a-wrapper) .b-design-badge-count,
.b-design-badge-rtl.b-design-badge:not(.b-design-badge-not-a-wrapper) .b-design-badge-dot,
.b-design-badge-rtl.b-design-badge:not(.b-design-badge-not-a-wrapper) .b-design-scroll-number-custom-component {
    right: auto;
    left: 0;
    direction: ltr;
    transform: translate(-50%, -50%);
    transform-origin: 0 0
}

.b-design-badge-rtl.b-design-badge:not(.b-design-badge-not-a-wrapper) .b-design-scroll-number-custom-component {
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
    transform-origin: 0 0
}

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

.b-design-badge:not(.b-design-badge-not-a-wrapper).b-design-badge-rtl .b-design-badge-zoom-appear,
.b-design-badge:not(.b-design-badge-not-a-wrapper).b-design-badge-rtl .b-design-badge-zoom-enter {
    -webkit-animation-name: antZoomBadgeInRtl;
    animation-name: antZoomBadgeInRtl
}

.b-design-badge:not(.b-design-badge-not-a-wrapper).b-design-badge-rtl .b-design-badge-zoom-leave {
    -webkit-animation-name: antZoomBadgeOutRtl;
    animation-name: antZoomBadgeOutRtl
}

.b-design-ribbon-rtl {
    direction: rtl
}

.b-design-ribbon-rtl.b-design-ribbon-placement-end {
    right: unset;
    left: -8px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.b-design-ribbon-rtl.b-design-ribbon-placement-end .b-design-ribbon-corner {
    right: unset;
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.b-design-ribbon-rtl.b-design-ribbon-placement-end .b-design-ribbon-corner:after {
    border-color: currentcolor currentcolor transparent transparent
}

.b-design-ribbon-rtl.b-design-ribbon-placement-start {
    right: -8px;
    left: unset;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.b-design-ribbon-rtl.b-design-ribbon-placement-start .b-design-ribbon-corner {
    right: 0;
    left: unset;
    border-color: currentcolor transparent transparent currentcolor
}

.b-design-ribbon-rtl.b-design-ribbon-placement-start .b-design-ribbon-corner:after {
    border-color: currentcolor transparent transparent currentcolor
}

@-webkit-keyframes antZoomBadgeInRtl {
    0% {
        transform: scale(0) translate(-50%, -50%);
        opacity: 0
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes antZoomBadgeInRtl {
    0% {
        transform: scale(0) translate(-50%, -50%);
        opacity: 0
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

@-webkit-keyframes antZoomBadgeOutRtl {
    0% {
        transform: scale(1) translate(-50%, -50%)
    }

    to {
        transform: scale(0) translate(-50%, -50%);
        opacity: 0
    }
}

@keyframes antZoomBadgeOutRtl {
    0% {
        transform: scale(1) translate(-50%, -50%)
    }

    to {
        transform: scale(0) translate(-50%, -50%);
        opacity: 0
    }
}

.b-design-badge .b-design-avatar {
    background: #e6e8eb
}

.b-design-badge-multiple-words {
    padding: 0 6px
}

.b-design-badge-dot {
    background: var(--b-design-error-color);
    box-shadow: none
}

.b-design-badge-count {
    box-shadow: none
}

.b-design-badge .b-design-scroll-number-custom-component {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%
}

.b-design-badge .b-design-scroll-number-custom-component svg {
    width: 20px;
    height: 20px
}

.b-design-badge-success .b-design-scroll-number-custom-component svg {
    color: var(--b-design-success-color)
}

.b-design-badge-error .b-design-scroll-number-custom-component svg {
    color: var(--b-design-error-color)
}

.b-design-badge-warning .b-design-scroll-number-custom-component svg {
    color: var(--b-design-warning-color)
}

.b-design-badge-processing .b-design-scroll-number-custom-component svg {
    color: #1b58f4
}

.b-design-breadcrumb {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    color: #474a52;
    font-size: 12px
}

.b-design-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.b-design-breadcrumb a {
    color: #474a52;
    transition: color .3s
}

.b-design-breadcrumb a:hover {
    color: #474a52
}

.b-design-breadcrumb li:last-child,
.b-design-breadcrumb li:last-child a {
    color: #81848f
}

li:last-child>.b-design-breadcrumb-separator {
    display: none
}

.b-design-breadcrumb-separator {
    margin: 0;
    color: #d7d8db
}

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

.b-design-breadcrumb-rtl {
    direction: rtl
}

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

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

.b-design-breadcrumb-rtl>span {
    float: right
}

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

.b-design-breadcrumb {
    display: inline-flex;
    line-height: 20px;
    letter-spacing: .4px
}

.b-design-breadcrumb-link,
.b-design-breadcrumb-link a,
.b-design-breadcrumb li,
.b-design-breadcrumb span {
    display: inline-flex;
    align-items: center;
    line-height: 20px
}

.b-design-breadcrumb-separator {
    height: 14px;
    margin: 0 5px;
    text-align: center
}

.b-design-breadcrumb-link,
.b-design-breadcrumb-overlay-link {
    padding: 0 4px;
    border-radius: 2px;
    transition: all .3s ease-out !important
}

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

.b-design-breadcrumb .anticon {
    height: 14px;
    margin: 3px 0;
    font-size: 14px
}

.b-design-breadcrumb>ol {
    align-items: center
}

.b-design-breadcrumb>ol>li:not(:last-child):not(.b-design-breadcrumb-disabled):hover .b-design-breadcrumb-link,
.b-design-breadcrumb>ol>li:not(:last-child):not(.b-design-breadcrumb-disabled):hover .b-design-breadcrumb-overlay-link {
    background-color: #f1f2f3
}

.b-design-breadcrumb .b-design-breadcrumb-disabled .b-design-breadcrumb-link,
.b-design-breadcrumb .b-design-breadcrumb-disabled .b-design-breadcrumb-link a,
.b-design-breadcrumb .b-design-breadcrumb-disabled .b-design-breadcrumb-overlay-link {
    color: #b8bbc2 !important;
    pointer-events: none
}

.b-design-breadcrumb-overlay-link>.anticon-down {
    margin-left: 2px
}

.b-design-breadcrumb-overlay-link .b-design-breadcrumb-link {
    padding: 0
}

.b-design-breadcrumb-ellipse-omit {
    cursor: pointer
}

.b-design-breadcrumb-ellipse-omit:hover {
    color: var(--b-design-primary-color)
}

.b-design-breadcrumb-ellipse-omit+.anticon {
    display: none
}

.b-design-dropdown-trigger.b-design-breadcrumb-overlay-link>.anticon.anticon-down {
    font-size: 14px
}

.b-design-dropdown-trigger.b-design-breadcrumb-overlay-link>.anticon.anticon-down svg {
    display: none !important
}

.b-design-dropdown-trigger.b-design-breadcrumb-overlay-link>.anticon.anticon-down:after {
    width: 14px;
    height: 14px;
    font-family: iconfont !important;
    line-height: 14px;
    content: "\e7ad"
}

.b-design-breadcrumb-dropdown .b-design-dropdown-menu-item:not(.b-design-dropdown-menu-item-disabled):hover {
    color: var(--b-design-primary-color)
}

.b-design-btn {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: #474a52;
    border: 1px solid #d7d8db;
    background: #fff
}

.b-design-btn>.anticon {
    line-height: 1
}

.b-design-btn,
.b-design-btn:active,
.b-design-btn:focus {
    outline: 0
}

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

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

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

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

.b-design-btn-lg {
    height: 40px;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 2px
}

.b-design-btn-sm {
    height: 28px;
    padding: 3.6px 11px;
    font-size: 12px;
    border-radius: 2px
}

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

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

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

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

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

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

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

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

.b-design-btn[disabled],
.b-design-btn[disabled]:active,
.b-design-btn[disabled]:focus,
.b-design-btn[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn:active,
.b-design-btn:focus,
.b-design-btn:hover {
    text-decoration: none;
    background: #fff
}

.b-design-btn>span {
    display: inline-block
}

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

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

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

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

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

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

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

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

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

.b-design-btn-primary[disabled],
.b-design-btn-primary[disabled]:active,
.b-design-btn-primary[disabled]:focus,
.b-design-btn-primary[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3
}

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

.b-design-btn-group .b-design-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #d7d8db
}

.b-design-btn-group .b-design-btn-primary:first-child:not(:last-child) {
    border-right-color: var(--b-design-primary-50)
}

.b-design-btn-group .b-design-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #d7d8db
}

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

.b-design-btn-group .b-design-btn-primary+.b-design-btn-primary[disabled],
.b-design-btn-group .b-design-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #d7d8db
}

.b-design-btn-ghost {
    color: #474a52;
    border-color: #d7d8db;
    background: transparent
}

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

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

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

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

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

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

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

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

.b-design-btn-ghost[disabled],
.b-design-btn-ghost[disabled]:active,
.b-design-btn-ghost[disabled]:focus,
.b-design-btn-ghost[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-dashed {
    color: #474a52;
    border-color: #d7d8db;
    background: #fff;
    border-style: dashed
}

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

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

.b-design-btn-dashed:focus,
.b-design-btn-dashed:hover {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover);
    background: #fff
}

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

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

.b-design-btn-dashed:active {
    color: var(--b-design-primary-color-active);
    border-color: var(--b-design-primary-color-active);
    background: #fff
}

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

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

.b-design-btn-dashed[disabled],
.b-design-btn-dashed[disabled]:active,
.b-design-btn-dashed[disabled]:focus,
.b-design-btn-dashed[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3
}

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

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

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

.b-design-btn-danger:focus,
.b-design-btn-danger:hover {
    color: #fff;
    border-color: var(--b-design-error-color-hover);
    background: var(--b-design-error-color-hover)
}

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

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

.b-design-btn-danger:active {
    color: #fff;
    border-color: var(--b-design-error-color-active);
    background: var(--b-design-error-color-active)
}

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

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

.b-design-btn-danger[disabled],
.b-design-btn-danger[disabled]:active,
.b-design-btn-danger[disabled]:focus,
.b-design-btn-danger[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

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

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

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

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

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

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

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

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

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

.b-design-btn-link[disabled],
.b-design-btn-link[disabled]:active,
.b-design-btn-link[disabled]:focus,
.b-design-btn-link[disabled]:hover {
    border-color: #d7d8db;
    background: #f1f2f3
}

.b-design-btn-link:hover {
    background: transparent
}

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

.b-design-btn-link[disabled],
.b-design-btn-link[disabled]:active,
.b-design-btn-link[disabled]:focus,
.b-design-btn-link[disabled]:hover {
    color: #b8bbc2
}

.b-design-btn-text {
    color: #474a52;
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

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

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

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

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

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

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

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

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

.b-design-btn-text[disabled],
.b-design-btn-text[disabled]:active,
.b-design-btn-text[disabled]:focus,
.b-design-btn-text[disabled]:hover {
    border-color: #d7d8db;
    background: #f1f2f3
}

.b-design-btn-text:focus,
.b-design-btn-text:hover {
    color: #474a52;
    background: rgba(0, 0, 0, .018);
    border-color: transparent
}

.b-design-btn-text:active {
    color: #474a52;
    background: rgba(0, 0, 0, .028);
    border-color: transparent
}

.b-design-btn-dangerous {
    color: var(--b-design-error-color);
    border-color: var(--b-design-error-color);
    background: #fff
}

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

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

.b-design-btn-dangerous:focus,
.b-design-btn-dangerous:hover {
    color: var(--b-design-error-color-hover);
    border-color: var(--b-design-error-color-hover);
    background: #fff
}

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

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

.b-design-btn-dangerous:active {
    color: var(--b-design-error-color-active);
    border-color: var(--b-design-error-color-active);
    background: #fff
}

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

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

.b-design-btn-dangerous[disabled],
.b-design-btn-dangerous[disabled]:active,
.b-design-btn-dangerous[disabled]:focus,
.b-design-btn-dangerous[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3
}

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

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

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

.b-design-btn-dangerous.b-design-btn-primary:focus,
.b-design-btn-dangerous.b-design-btn-primary:hover {
    color: #fff;
    border-color: var(--b-design-error-color-hover);
    background: var(--b-design-error-color-hover)
}

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

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

.b-design-btn-dangerous.b-design-btn-primary:active {
    color: #fff;
    border-color: var(--b-design-error-color-active);
    background: var(--b-design-error-color-active)
}

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

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

.b-design-btn-dangerous.b-design-btn-primary[disabled],
.b-design-btn-dangerous.b-design-btn-primary[disabled]:active,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3
}

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

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

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

.b-design-btn-dangerous.b-design-btn-link:focus,
.b-design-btn-dangerous.b-design-btn-link:hover {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover)
}

.b-design-btn-dangerous.b-design-btn-link:active {
    color: var(--b-design-primary-color-active);
    border-color: var(--b-design-primary-color-active)
}

.b-design-btn-dangerous.b-design-btn-link[disabled],
.b-design-btn-dangerous.b-design-btn-link[disabled]:active,
.b-design-btn-dangerous.b-design-btn-link[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-link[disabled]:hover {
    border-color: #d7d8db;
    background: #f1f2f3
}

.b-design-btn-dangerous.b-design-btn-link:focus,
.b-design-btn-dangerous.b-design-btn-link:hover {
    color: var(--b-design-error-color-hover);
    border-color: transparent;
    background: transparent
}

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

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

.b-design-btn-dangerous.b-design-btn-link:active {
    color: var(--b-design-error-color-active);
    border-color: transparent;
    background: transparent
}

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

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

.b-design-btn-dangerous.b-design-btn-link[disabled],
.b-design-btn-dangerous.b-design-btn-link[disabled]:active,
.b-design-btn-dangerous.b-design-btn-link[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-link[disabled]:hover {
    color: #b8bbc2
}

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

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

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

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

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

.b-design-btn-dangerous.b-design-btn-text[disabled],
.b-design-btn-dangerous.b-design-btn-text[disabled]:active,
.b-design-btn-dangerous.b-design-btn-text[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-text[disabled]:hover {
    border-color: #d7d8db;
    background: #f1f2f3
}

.b-design-btn-dangerous.b-design-btn-text:focus,
.b-design-btn-dangerous.b-design-btn-text:hover {
    color: var(--b-design-error-color-hover);
    border-color: transparent;
    background: rgba(0, 0, 0, .018)
}

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

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

.b-design-btn-dangerous.b-design-btn-text:active {
    color: var(--b-design-error-color-active);
    border-color: transparent;
    background: rgba(0, 0, 0, .028)
}

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

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

.b-design-btn-dangerous.b-design-btn-text[disabled],
.b-design-btn-dangerous.b-design-btn-text[disabled]:active,
.b-design-btn-dangerous.b-design-btn-text[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-text[disabled]:hover {
    color: #b8bbc2
}

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

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

.b-design-btn-icon-only.b-design-btn-lg {
    width: 40px;
    height: 40px;
    padding: 6.4px 0;
    font-size: 16px;
    border-radius: 2px
}

.b-design-btn-icon-only.b-design-btn-lg>* {
    font-size: 16px
}

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

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

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

.b-design-btn-icon-only .anticon-loading {
    padding: 0 !important
}

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

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

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

.b-design-btn-round.b-design-btn-lg {
    height: 40px;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 40px
}

.b-design-btn-round.b-design-btn-sm {
    height: 28px;
    padding: 2px 14px;
    font-size: 14px;
    border-radius: 28px
}

.b-design-btn-round.b-design-btn-icon-only {
    width: auto
}

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

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

.b-design-btn-circle.b-design-btn-sm {
    min-width: 28px;
    border-radius: 50%
}

.b-design-btn:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: none;
    background: #fff;
    border-radius: inherit;
    opacity: .35;
    transition: opacity .2s;
    content: "";
    pointer-events: none
}

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

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

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

.b-design-btn.b-design-btn-loading:before {
    display: block
}

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

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

.b-design-btn>.b-design-btn-loading-icon .anticon svg {
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite
}

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

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

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

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

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

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

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

.b-design-btn-group .b-design-btn {
    border-radius: 0
}

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

.b-design-btn-group>.b-design-btn:only-child,
.b-design-btn-group>span:only-child>.b-design-btn {
    border-radius: 2px
}

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

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

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

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

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

.b-design-btn-group>.b-design-btn-group {
    float: left
}

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

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

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

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

.b-design-btn-group.b-design-btn-group-rtl {
    direction: rtl
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b-design-btn-background-ghost.b-design-btn-primary[disabled],
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:active,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

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

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

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

.b-design-btn-background-ghost.b-design-btn-danger:focus,
.b-design-btn-background-ghost.b-design-btn-danger:hover {
    color: var(--b-design-error-color-hover);
    border-color: var(--b-design-error-color-hover);
    background: transparent
}

.b-design-btn-background-ghost.b-design-btn-danger:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-danger:hover>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-danger:active {
    color: var(--b-design-error-color-active);
    border-color: var(--b-design-error-color-active);
    background: transparent
}

.b-design-btn-background-ghost.b-design-btn-danger:active>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-danger[disabled],
.b-design-btn-background-ghost.b-design-btn-danger[disabled]:active,
.b-design-btn-background-ghost.b-design-btn-danger[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-danger[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-background-ghost.b-design-btn-dangerous {
    color: var(--b-design-error-color);
    border-color: var(--b-design-error-color);
    text-shadow: none
}

.b-design-btn-background-ghost.b-design-btn-dangerous>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-dangerous:focus,
.b-design-btn-background-ghost.b-design-btn-dangerous:hover {
    color: var(--b-design-error-color-hover);
    border-color: var(--b-design-error-color-hover);
    background: transparent
}

.b-design-btn-background-ghost.b-design-btn-dangerous:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dangerous:hover>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-dangerous:active {
    color: var(--b-design-error-color-active);
    border-color: var(--b-design-error-color-active);
    background: transparent
}

.b-design-btn-background-ghost.b-design-btn-dangerous:active>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-dangerous[disabled],
.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]:active,
.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link {
    color: var(--b-design-error-color);
    border-color: transparent;
    text-shadow: none
}

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:focus,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:hover {
    color: var(--b-design-error-color-active);
    border-color: transparent;
    background: transparent
}

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:hover>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:active {
    color: var(--b-design-error-color-active);
    border-color: transparent;
    background: transparent
}

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:active>a:only-child {
    color: currentcolor
}

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

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link[disabled],
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link[disabled]:active,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link[disabled]:hover {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-two-chinese-chars:first-letter {
    letter-spacing: .34em
}

.b-design-btn-two-chinese-chars>:not(.anticon) {
    margin-right: -.34em;
    letter-spacing: .34em
}

.b-design-btn.b-design-btn-block {
    width: 100%
}

.b-design-btn:empty {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

a.b-design-btn {
    padding-top: .01px !important;
    line-height: 30px
}

a.b-design-btn-disabled {
    cursor: not-allowed
}

a.b-design-btn-disabled>* {
    pointer-events: none
}

a.b-design-btn-disabled,
a.b-design-btn-disabled:active,
a.b-design-btn-disabled:focus,
a.b-design-btn-disabled:hover {
    color: #b8bbc2;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

a.b-design-btn-disabled:active>a:only-child,
a.b-design-btn-disabled:focus>a:only-child,
a.b-design-btn-disabled:hover>a:only-child,
a.b-design-btn-disabled>a:only-child {
    color: currentcolor
}

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

a.b-design-btn-lg {
    line-height: 38px
}

.b-design-btn-rtl {
    direction: rtl
}

.b-design-btn-group-rtl.b-design-btn-group .b-design-btn-primary+.b-design-btn-primary,
.b-design-btn-group-rtl.b-design-btn-group .b-design-btn-primary:last-child:not(:first-child) {
    border-right-color: var(--b-design-primary-50);
    border-left-color: #d7d8db
}

.b-design-btn-group-rtl.b-design-btn-group .b-design-btn-primary+.b-design-btn-primary[disabled],
.b-design-btn-group-rtl.b-design-btn-group .b-design-btn-primary:last-child:not(:first-child)[disabled] {
    border-right-color: #d7d8db;
    border-left-color: var(--b-design-primary-50)
}

.b-design-btn-rtl.b-design-btn>.b-design-btn-loading-icon .anticon {
    padding-right: 0;
    padding-left: 8px
}

.b-design-btn-rtl.b-design-btn>.anticon+span,
.b-design-btn-rtl.b-design-btn>span+.anticon {
    margin-right: 8px;
    margin-left: 0
}

.b-design-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.b-design-btn>.anticon+span,
.b-design-btn>span+.anticon {
    margin-left: 6px
}

.b-design-btn-default,
.b-design-btn-default:focus,
.b-design-btn-default:hover,
.b-design-btn-default:not([disabled]):active {
    color: #474a52;
    background-color: #fff;
    border-color: #d7d8db
}

.b-design-btn-default:hover {
    color: #474a52;
    background-color: #f1f2f3;
    border-color: #babcc2;
    box-shadow: none
}

.b-design-btn-default:not([disabled]):active {
    color: #474a52;
    background-color: #e6e7e8;
    border-color: #babcc2;
    box-shadow: none
}

.b-design-btn-default:after {
    display: none !important
}

.b-design-btn-default[disabled],
.b-design-btn-default[disabled]:active,
.b-design-btn-default[disabled]:focus,
.b-design-btn-default[disabled]:hover {
    color: #b8bbc2;
    border-color: transparent;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-primary {
    border: 1px solid transparent !important
}

.b-design-btn-primary,
.b-design-btn-primary:focus,
.b-design-btn-primary:hover,
.b-design-btn-primary:not([disabled]):active {
    color: #fff;
    background: linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-50)) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-50)) border-box;
    border: none
}

.b-design-btn-primary:before,
.b-design-btn-primary:focus:before,
.b-design-btn-primary:hover:before,
.b-design-btn-primary:not([disabled]):active:before {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: radial-gradient(circle, var(--b-design-primary-60), var(--b-design-primary-50));
    background-size: 250%;
    opacity: .2;
    transition: all .2s ease-out;
    content: ""
}

.b-design-btn-primary:after,
.b-design-btn-primary:focus:after,
.b-design-btn-primary:hover:after,
.b-design-btn-primary:not([disabled]):active:after {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: -1px;
    z-index: 0;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40));
    border-radius: inherit;
    opacity: 0;
    filter: saturate(2.5);
    transition: all .2s ease-out;
    content: "";
    pointer-events: none
}

.b-design-btn-primary:focus:not([disabled]):hover:before,
.b-design-btn-primary:hover:not([disabled]):hover:before,
.b-design-btn-primary:not([disabled]):active:not([disabled]):hover:before,
.b-design-btn-primary:not([disabled]):hover:before {
    opacity: 1
}

.b-design-btn-primary:focus:not([disabled]):active:before,
.b-design-btn-primary:hover:not([disabled]):active:before,
.b-design-btn-primary:not([disabled]):active:before,
.b-design-btn-primary:not([disabled]):active:not([disabled]):active:before {
    opacity: .2
}

.b-design-btn-primary:focus:not([disabled]):active:after,
.b-design-btn-primary:hover:not([disabled]):active:after,
.b-design-btn-primary:not([disabled]):active:after,
.b-design-btn-primary:not([disabled]):active:not([disabled]):active:after {
    opacity: 1
}

.b-design-btn-primary:focus>span,
.b-design-btn-primary:hover>span,
.b-design-btn-primary:not([disabled]):active>span,
.b-design-btn-primary>span {
    position: relative;
    z-index: 1
}

.b-design-btn-primary:before {
    animation: gradient-heavy 2s infinite alternate-reverse
}

.b-design-btn-primary[disabled],
.b-design-btn-primary[disabled]:active,
.b-design-btn-primary[disabled]:focus,
.b-design-btn-primary[disabled]:hover {
    color: #fff;
    border-color: transparent;
    background: var(--b-design-primary-30);
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-primary[disabled]:after,
.b-design-btn-primary[disabled]:before {
    content: unset
}

.b-design-btn-dashed {
    overflow: hidden
}

.b-design-btn-dashed>* {
    position: relative;
    z-index: 1
}

.b-design-btn-dashed,
.b-design-btn-dashed:focus,
.b-design-btn-dashed:hover,
.b-design-btn-dashed:not([disabled]):active {
    color: var(--b-design-primary-color);
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-40), var(--b-design-primary-60), var(--b-design-primary-70), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent
}

.b-design-btn-dashed:after,
.b-design-btn-dashed:focus:after,
.b-design-btn-dashed:hover:after,
.b-design-btn-dashed:not([disabled]):active:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
    display: block;
    background: #fff;
    border-radius: 2px;
    transition: background .2s cubic-bezier(.645, .045, .355, 1);
    content: ""
}

.b-design-btn-dashed:not([disabled]):hover {
    box-shadow: none
}

.b-design-btn-dashed:not([disabled]):hover:after {
    background: var(--b-design-primary-10)
}

.b-design-btn-dashed:not([disabled]):active {
    box-shadow: none
}

.b-design-btn-dashed:not([disabled]):active:after {
    background: var(--b-design-primary-20)
}

.b-design-btn-dashed,
.b-design-btn-dashed:focus,
.b-design-btn-dashed:hover,
.b-design-btn-dashed:not([disabled]):active {
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-btn-dashed[disabled],
.b-design-btn-dashed[disabled]:active,
.b-design-btn-dashed[disabled]:focus,
.b-design-btn-dashed[disabled]:hover {
    color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-20);
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

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

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

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

.b-design-btn-text:hover {
    background: #f1f2f3
}

.b-design-btn-text:not([disabled]):active {
    background: #e6e7e8
}

.b-design-btn-text[disabled],
.b-design-btn-text[disabled]:active,
.b-design-btn-text[disabled]:focus,
.b-design-btn-text[disabled]:hover {
    color: #b8bbc2;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-link:hover {
    color: var(--b-design-primary-color-hover)
}

.b-design-btn-link:not([disabled]):active {
    color: var(--b-design-primary-color-active)
}

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

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

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

.b-design-btn-dangerous:not([disabled]) {
    color: var(--b-design-error-color)
}

.b-design-btn-dangerous:not([disabled]):hover {
    color: var(--b-design-error-color-hover);
    background-color: var(--b-design-error-color-light);
    border-color: var(--b-design-error-color-disabled)
}

.b-design-btn-dangerous:not([disabled]):active {
    color: var(--b-design-error-color-hover);
    background-color: var(--b-design-error-color-light2);
    border-color: var(--b-design-error-color-disabled)
}

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

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

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

.b-design-btn-dangerous.b-design-btn-primary,
.b-design-btn-dangerous.b-design-btn-primary:focus,
.b-design-btn-dangerous.b-design-btn-primary:hover,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active {
    color: #fff;
    background: linear-gradient(90deg, #c82727, #ec4344) padding-box, linear-gradient(90deg, #c82727, #ec4344) border-box;
    border: none
}

.b-design-btn-dangerous.b-design-btn-primary:before,
.b-design-btn-dangerous.b-design-btn-primary:focus:before,
.b-design-btn-dangerous.b-design-btn-primary:hover:before,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:before {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: radial-gradient(circle, #c82727, #ec4344);
    background-size: 250%;
    opacity: .2;
    transition: all .2s ease-out;
    content: ""
}

.b-design-btn-dangerous.b-design-btn-primary:after,
.b-design-btn-dangerous.b-design-btn-primary:focus:after,
.b-design-btn-dangerous.b-design-btn-primary:hover:after,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:after {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: -1px;
    z-index: 0;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(45deg, #c82727, #ff7576);
    border-radius: inherit;
    opacity: 0;
    filter: saturate(2.5);
    transition: all .2s ease-out;
    content: "";
    pointer-events: none
}

.b-design-btn-dangerous.b-design-btn-primary:focus:not([disabled]):hover:before,
.b-design-btn-dangerous.b-design-btn-primary:hover:not([disabled]):hover:before,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:not([disabled]):hover:before,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):hover:before {
    opacity: 1
}

.b-design-btn-dangerous.b-design-btn-primary:focus:not([disabled]):active:before,
.b-design-btn-dangerous.b-design-btn-primary:hover:not([disabled]):active:before,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:before,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:not([disabled]):active:before {
    opacity: .2
}

.b-design-btn-dangerous.b-design-btn-primary:focus:not([disabled]):active:after,
.b-design-btn-dangerous.b-design-btn-primary:hover:not([disabled]):active:after,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:after,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:not([disabled]):active:after {
    opacity: 1
}

.b-design-btn-dangerous.b-design-btn-primary:focus>span,
.b-design-btn-dangerous.b-design-btn-primary:hover>span,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active>span,
.b-design-btn-dangerous.b-design-btn-primary>span {
    position: relative;
    z-index: 1
}

.b-design-btn-dangerous.b-design-btn-primary[disabled],
.b-design-btn-dangerous.b-design-btn-primary[disabled]:active,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:hover {
    color: #fff;
    border-color: transparent;
    background: var(--b-design-error-color-disabled);
    text-shadow: none;
    box-shadow: none
}

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

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

.b-design-btn-dangerous.b-design-btn-dashed,
.b-design-btn-dangerous.b-design-btn-dashed:focus,
.b-design-btn-dangerous.b-design-btn-dashed:hover,
.b-design-btn-dangerous.b-design-btn-dashed:not([disabled]):active {
    color: var(--b-design-error-color);
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ff7576, #c82727, #a31f20, #ffa9aa) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent
}

.b-design-btn-dangerous.b-design-btn-dashed:not([disabled]):hover {
    box-shadow: none
}

.b-design-btn-dangerous.b-design-btn-dashed:not([disabled]):hover:after {
    background: var(--b-design-error-color-light)
}

.b-design-btn-dangerous.b-design-btn-dashed:not([disabled]):active:after {
    background: var(--b-design-error-color-light2)
}

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

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

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

.b-design-btn-dangerous.b-design-btn-text:not([disabled]):hover {
    border-color: transparent
}

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

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

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

.b-design-btn-dangerous.b-design-btn-link:not([disabled]):active,
.b-design-btn-dangerous.b-design-btn-link:not([disabled]):hover {
    background: transparent;
    border-color: transparent
}

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

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

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

.b-design-btn-lg>.anticon,
.b-design-btn>.anticon {
    height: 16px;
    font-size: 16px
}

.b-design-btn-sm>.anticon {
    height: 14px;
    font-size: 14px
}

.b-design-btn.b-design-btn-background-ghost {
    color: #fff;
    border-color: #fff
}

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

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

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

.b-design-btn.b-design-btn-background-ghost[disabled] {
    color: #b8bbc2;
    background: transparent;
    border-color: #d7d8db
}

.b-design-btn-background-ghost.b-design-btn-dashed,
.b-design-btn-background-ghost.b-design-btn-primary {
    color: var(--b-design-primary-color);
    border: 1px solid var(--b-design-primary-color) !important
}

.b-design-btn-background-ghost.b-design-btn-dashed:after,
.b-design-btn-background-ghost.b-design-btn-dashed:before,
.b-design-btn-background-ghost.b-design-btn-primary:after,
.b-design-btn-background-ghost.b-design-btn-primary:before {
    content: unset !important
}

.b-design-btn-background-ghost.b-design-btn-dashed[disabled],
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:active,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:hover,
.b-design-btn-background-ghost.b-design-btn-primary[disabled],
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:active,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:hover {
    color: var(--b-design-primary-30) !important;
    border-color: var(--b-design-primary-40) !important;
    background: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important
}

.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:active>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:hover>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]>a:only-child,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:active>a:only-child,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:hover>a:only-child,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]>a:only-child {
    color: currentcolor !important
}

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

.b-design-btn-background-ghost.b-design-btn-dangerous {
    background: transparent !important;
    border: 1px solid var(--b-design-error-color) !important
}

.b-design-btn-background-ghost.b-design-btn-dangerous,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link {
    color: var(--b-design-error-color)
}

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:focus,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:hover,
.b-design-btn-background-ghost.b-design-btn-dangerous:focus,
.b-design-btn-background-ghost.b-design-btn-dangerous:hover {
    color: var(--b-design-error-color-hover) !important
}

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:active,
.b-design-btn-background-ghost.b-design-btn-dangerous:active {
    color: var(--b-design-error-color-active) !important
}

a.b-design-btn-lg {
    padding-top: 6.4px !important
}

a.b-design-btn-sm {
    line-height: 26px
}

.b-design-picker-calendar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: #fff
}

.b-design-picker-calendar-header {
    display: flex;
    justify-content: flex-end;
    padding: 12px 0
}

.b-design-picker-calendar-header .b-design-picker-calendar-year-select {
    min-width: 80px
}

.b-design-picker-calendar-header .b-design-picker-calendar-month-select {
    min-width: 70px;
    margin-left: 8px
}

.b-design-picker-calendar-header .b-design-picker-calendar-mode-switch {
    margin-left: 8px
}

.b-design-picker-calendar .b-design-picker-panel {
    background: #fff;
    border: 0;
    border-top: 1px solid #e6e8eb;
    border-radius: 0
}

.b-design-picker-calendar .b-design-picker-panel .b-design-picker-date-panel,
.b-design-picker-calendar .b-design-picker-panel .b-design-picker-month-panel {
    width: auto
}

.b-design-picker-calendar .b-design-picker-panel .b-design-picker-body {
    padding: 8px 0
}

.b-design-picker-calendar .b-design-picker-panel .b-design-picker-content {
    width: 100%
}

.b-design-picker-calendar-mini {
    border-radius: 2px
}

.b-design-picker-calendar-mini .b-design-picker-calendar-header {
    padding-right: 8px;
    padding-left: 8px
}

.b-design-picker-calendar-mini .b-design-picker-panel {
    border-radius: 0 0 2px 2px
}

.b-design-picker-calendar-mini .b-design-picker-content {
    height: 256px
}

.b-design-picker-calendar-mini .b-design-picker-content th {
    height: auto;
    padding: 0;
    line-height: 18px
}

.b-design-picker-calendar-mini .b-design-picker-cell:before {
    pointer-events: none
}

.b-design-picker-calendar-full .b-design-picker-panel {
    display: block;
    width: 100%;
    text-align: right;
    background: #fff;
    border: 0
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-body td,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-body th {
    padding: 0
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-body th {
    height: auto;
    padding: 0 12px 5px 0;
    line-height: 18px
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell:before {
    display: none
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell:hover .b-design-picker-calendar-date {
    background: #f5f5f5
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell .b-design-picker-calendar-date-today:before {
    display: none
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected .b-design-picker-calendar-date,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected .b-design-picker-calendar-date-today,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected:hover .b-design-picker-calendar-date,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected:hover .b-design-picker-calendar-date-today {
    background: var(--b-design-primary-10)
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected .b-design-picker-calendar-date-today .b-design-picker-calendar-date-value,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected .b-design-picker-calendar-date .b-design-picker-calendar-date-value,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected:hover .b-design-picker-calendar-date-today .b-design-picker-calendar-date-value,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-cell-selected:hover .b-design-picker-calendar-date .b-design-picker-calendar-date-value {
    color: var(--b-design-primary-color)
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-calendar-date {
    display: block;
    width: auto;
    height: auto;
    margin: 0 4px;
    padding: 4px 8px 0;
    border: 0;
    border-top: 2px solid #e6e8eb;
    border-radius: 0;
    transition: background .3s
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-calendar-date-value {
    line-height: 24px;
    transition: color .3s
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-calendar-date-content {
    position: static;
    width: auto;
    height: 86px;
    overflow-y: auto;
    color: #474a52;
    line-height: 1.5715;
    text-align: left
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-calendar-date-today {
    border-color: var(--b-design-primary-color)
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-calendar-date-today .b-design-picker-calendar-date-value {
    color: #474a52
}

@media only screen and (max-width:480px) {
    .b-design-picker-calendar-header {
        display: block
    }

    .b-design-picker-calendar-header .b-design-picker-calendar-year-select {
        width: 50%
    }

    .b-design-picker-calendar-header .b-design-picker-calendar-month-select {
        width: calc(50% - 8px)
    }

    .b-design-picker-calendar-header .b-design-picker-calendar-mode-switch {
        width: 100%;
        margin-top: 8px;
        margin-left: 0
    }

    .b-design-picker-calendar-header .b-design-picker-calendar-mode-switch>label {
        width: 50%;
        text-align: center
    }
}

.b-design-picker-calendar-rtl {
    direction: rtl
}

.b-design-picker-calendar-rtl .b-design-picker-calendar-header .b-design-picker-calendar-mode-switch,
.b-design-picker-calendar-rtl .b-design-picker-calendar-header .b-design-picker-calendar-month-select {
    margin-right: 8px;
    margin-left: 0
}

.b-design-picker-calendar-rtl.b-design-picker-calendar-full .b-design-picker-panel {
    text-align: left
}

.b-design-picker-calendar-rtl.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-body th {
    padding: 0 0 5px 12px
}

.b-design-picker-calendar-rtl.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-calendar-date-content {
    text-align: right
}

.b-design-picker-calendar-header .b-design-picker-calendar-month-select,
.b-design-picker-calendar-header .b-design-picker-calendar-year-select {
    min-width: 90px
}

.b-design-picker-calendar-full .b-design-picker-calendar-header .b-design-picker-calendar-month-select,
.b-design-picker-calendar-full .b-design-picker-calendar-header .b-design-picker-calendar-year-select {
    min-width: 130px
}

.b-design-picker-calendar-full {
    padding: 0 28px;
    border: 1px solid #e6e8eb;
    border-radius: 8px
}

.b-design-picker-calendar-full .b-design-picker-cell:hover .b-design-picker-calendar-date {
    background: #f1f2f3
}

.b-design-picker-calendar-full .b-design-picker-cell-selected .b-design-picker-calendar-date,
.b-design-picker-calendar-full .b-design-picker-cell-selected .b-design-picker-calendar-date-today,
.b-design-picker-calendar-full .b-design-picker-cell-selected:hover .b-design-picker-calendar-date,
.b-design-picker-calendar-full .b-design-picker-cell-selected:hover .b-design-picker-calendar-date-today {
    background: var(--b-design-primary-10)
}

.b-design-picker-calendar-full .b-design-picker-cell-selected .b-design-picker-calendar-date-today .b-design-picker-calendar-date-value,
.b-design-picker-calendar-full .b-design-picker-cell-selected .b-design-picker-calendar-date .b-design-picker-calendar-date-value,
.b-design-picker-calendar-full .b-design-picker-cell-selected:hover .b-design-picker-calendar-date-today .b-design-picker-calendar-date-value,
.b-design-picker-calendar-full .b-design-picker-cell-selected:hover .b-design-picker-calendar-date .b-design-picker-calendar-date-value {
    color: var(--b-design-primary-color)
}

.b-design-picker-calendar-full .b-design-picker-calendar-date {
    border-top: 2px solid #e5e5e5
}

.b-design-picker-calendar-full .b-design-picker-month-panel .b-design-picker-cell .b-design-picker-cell-inner {
    width: auto
}

.b-design-picker-calendar-mini .b-design-picker-content th {
    line-height: 36px
}

.b-design-card {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    background: #fff;
    border-radius: 4px
}

.b-design-card-rtl {
    direction: rtl
}

.b-design-card-hoverable {
    cursor: pointer;
    transition: box-shadow .3s, border-color .3s
}

.b-design-card-hoverable:hover {
    border-color: transparent;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09)
}

.b-design-card-bordered {
    border: 1px solid #e6e8eb
}

.b-design-card-head {
    min-height: 48px;
    margin-bottom: -1px;
    color: #1f2024;
    font-weight: 500;
    font-size: 14px;
    background: transparent;
    border-bottom: 1px solid #e6e8eb;
    border-radius: 4px 4px 0 0
}

.b-design-card-head:before {
    display: table;
    content: ""
}

.b-design-card-head:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-card-head-wrapper {
    display: flex;
    align-items: center
}

.b-design-card-head-title {
    display: inline-block;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-card-head-title>.b-design-typography,
.b-design-card-head-title>.b-design-typography-edit-content {
    left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.b-design-card-head .b-design-tabs-top {
    clear: both;
    margin-bottom: -17px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px
}

.b-design-card-head .b-design-tabs-top-bar {
    border-bottom: 1px solid #e6e8eb
}

.b-design-card-extra {
    margin-left: auto;
    padding: 0;
    color: #474a52;
    font-weight: 400;
    font-size: 14px
}

.b-design-card-rtl .b-design-card-extra {
    margin-right: auto;
    margin-left: 0
}

.b-design-card-body {
    padding: 24px
}

.b-design-card-body:before {
    display: table;
    content: ""
}

.b-design-card-body:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-card-contain-grid .b-design-card-body {
    display: flex;
    flex-wrap: wrap
}

.b-design-card-contain-grid:not(.b-design-card-loading) .b-design-card-body {
    margin: -1px 0 0 -1px;
    padding: 0
}

.b-design-card-grid {
    width: 33.33%;
    padding: 24px;
    border: 0;
    border-radius: 0;
    box-shadow: 1px 0 0 0 #e6e8eb, 0 1px 0 0 #e6e8eb, 1px 1px 0 0 #e6e8eb, inset 1px 0 0 0 #e6e8eb, inset 0 1px 0 0 #e6e8eb;
    transition: all .3s
}

.b-design-card-grid-hoverable:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09)
}

.b-design-card-contain-tabs>.b-design-card-head .b-design-card-head-title {
    min-height: 48px;
    padding-bottom: 0
}

.b-design-card-contain-tabs>.b-design-card-head .b-design-card-extra {
    padding-bottom: 0
}

.b-design-card-bordered .b-design-card-cover {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px
}

.b-design-card-cover>* {
    display: block;
    width: 100%
}

.b-design-card-cover img {
    border-radius: 4px 4px 0 0
}

.b-design-card-actions {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border-top: 1px solid #e6e8eb
}

.b-design-card-actions:before {
    display: table;
    content: ""
}

.b-design-card-actions:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-card-actions>li {
    margin: 12px 0;
    color: #474a52;
    text-align: center
}

.b-design-card-actions>li>span {
    position: relative;
    display: block;
    min-width: 32px;
    font-size: 14px;
    line-height: 1.5715;
    cursor: pointer
}

.b-design-card-actions>li>span:hover {
    color: var(--b-design-primary-color);
    transition: color .3s
}

.b-design-card-actions>li>span>.anticon,
.b-design-card-actions>li>span a:not(.b-design-btn) {
    display: inline-block;
    width: 100%;
    color: #474a52;
    line-height: 22px;
    transition: color .3s
}

.b-design-card-actions>li>span>.anticon:hover,
.b-design-card-actions>li>span a:not(.b-design-btn):hover {
    color: var(--b-design-primary-color)
}

.b-design-card-actions>li>span>.anticon {
    font-size: 16px;
    line-height: 22px
}

.b-design-card-actions>li:not(:last-child) {
    border-right: 1px solid #e6e8eb
}

.b-design-card-rtl .b-design-card-actions>li:not(:last-child) {
    border-right: none;
    border-left: 1px solid #e6e8eb
}

.b-design-card-type-inner .b-design-card-head {
    padding: 0 24px;
    background: #fafafa
}

.b-design-card-type-inner .b-design-card-head-title {
    padding: 12px 0;
    font-size: 14px
}

.b-design-card-type-inner .b-design-card-body {
    padding: 16px 24px
}

.b-design-card-type-inner .b-design-card-extra {
    padding: 13.5px 0
}

.b-design-card-meta {
    display: flex;
    margin: -4px 0
}

.b-design-card-meta:before {
    display: table;
    content: ""
}

.b-design-card-meta:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-card-meta-avatar {
    padding-right: 16px
}

.b-design-card-rtl .b-design-card-meta-avatar {
    padding-right: 0;
    padding-left: 16px
}

.b-design-card-meta-detail {
    overflow: hidden
}

.b-design-card-meta-detail>div:not(:last-child) {
    margin-bottom: 8px
}

.b-design-card-meta-title {
    overflow: hidden;
    color: #1f2024;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-card-meta-description {
    color: #474a52
}

.b-design-card-loading {
    overflow: hidden
}

.b-design-card-loading .b-design-card-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-card-small>.b-design-card-head {
    min-height: 36px;
    font-size: 14px
}

.b-design-card-small>.b-design-card-head>.b-design-card-head-wrapper>.b-design-card-head-title {
    padding: 0
}

.b-design-card-small>.b-design-card-head>.b-design-card-head-wrapper>.b-design-card-extra {
    padding: 0;
    font-size: 14px
}

.b-design-card-small>.b-design-card-body {
    padding: 12px
}

.b-design-card {
    padding-top: 12px;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .05)
}

.b-design-card:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    transition: box-shadow .2s cubic-bezier(.645, .045, .355, 1)
}

.b-design-card.b-design-card-bordered {
    box-shadow: none
}

.b-design-card.b-design-card-bordered:hover {
    border-color: #b8bbc2;
    box-shadow: none;
    transition: border .2s cubic-bezier(.645, .045, .355, 1)
}

.b-design-card-head {
    position: relative;
    min-height: 36px;
    min-height: 0 !important;
    padding: 0 24px;
    border-bottom: 0
}

.b-design-card-head-title {
    margin-top: 12px;
    padding: 0;
    font-size: 14px;
    line-height: 24px
}

.b-design-card-extra {
    position: absolute;
    top: 12px;
    right: 24px;
    color: #81848f
}

.b-design-card-extra .anticon {
    font-size: 16px
}

.b-design-card-extra,
.b-design-card-head-title {
    padding: 0
}

.b-design-card-extra a,
.b-design-card-head-title a {
    color: #1b58f4
}

.b-design-card-head-description,
.b-design-card-meta-description {
    margin-bottom: .4px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    color: #81848f
}

.b-design-card-body {
    padding-top: 12px
}

.b-design-card-body p {
    font-size: 12px;
    line-height: 20px
}

.b-design-card-body .b-design-card-meta-avatar {
    margin-top: 6px
}

.b-design-card-body .b-design-card-meta-avatar .b-design-avatar {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.b-design-card-body .b-design-card-meta-title {
    margin-bottom: 0 !important;
    font-size: 14px;
    line-height: 24px
}

.b-design-card-small>.b-design-card-head {
    padding: 0 12px
}

.b-design-card-small>.b-design-card-head .b-design-card-head-title {
    margin-top: 0
}

.b-design-card-small>.b-design-card-head .b-design-card-extra {
    top: 0;
    right: 12px
}

.b-design-card-cover {
    margin-top: -12px;
    margin-bottom: 12px
}

.b-design-card-bordered .b-design-card-cover {
    margin-top: -13px
}

.b-design-card-actions {
    padding-right: 24px;
    padding-left: 24px;
    border-top: none
}

.b-design-card-actions>li>span>.anticon {
    box-sizing: border-box;
    font-size: 20px;
    line-height: 20px
}

.b-design-card-actions>li>span>.anticon,
.b-design-card-actions>li>span a:not(.ant-btn) {
    color: #81848f
}

.b-design-card-actions>li>span>.anticon:hover,
.b-design-card-actions>li>span a:not(.ant-btn):hover {
    color: #1f2024
}

.b-design-card-actions>li:not(:last-child) {
    position: relative;
    border-right: none
}

.b-design-card-actions>li:not(:last-child):after {
    position: absolute;
    top: 6px;
    right: -6px;
    width: 12px;
    height: 12px;
    color: #d7d8db;
    font-size: 12px;
    line-height: 14px;
    content: "/"
}

.b-design-card-actions>li:first-child .anticon {
    text-align: left
}

.b-design-card-actions>li:last-child .anticon {
    text-align: right
}

.b-design-card-small>.b-design-card-actions {
    padding-right: 12px;
    padding-left: 12px
}

.b-design-card-small>.b-design-card-actions>li>span>.anticon {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px
}

.b-design-card-small>.b-design-card-actions>li:not(:last-child) {
    top: 2px
}

.b-design-card-contain-grid {
    padding-top: 0
}

.b-design-carousel {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.b-design-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.b-design-carousel .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.b-design-carousel .slick-list:focus {
    outline: none
}

.b-design-carousel .slick-list.dragging {
    cursor: pointer
}

.b-design-carousel .slick-list .slick-slide {
    pointer-events: none
}

.b-design-carousel .slick-list .slick-slide input.b-design-checkbox-input,
.b-design-carousel .slick-list .slick-slide input.b-design-radio-input {
    visibility: hidden
}

.b-design-carousel .slick-list .slick-slide.slick-active {
    pointer-events: auto
}

.b-design-carousel .slick-list .slick-slide.slick-active input.b-design-checkbox-input,
.b-design-carousel .slick-list .slick-slide.slick-active input.b-design-radio-input {
    visibility: visible
}

.b-design-carousel .slick-list .slick-slide>div>div {
    vertical-align: bottom
}

.b-design-carousel .slick-slider .slick-list,
.b-design-carousel .slick-slider .slick-track {
    transform: translateZ(0);
    touch-action: pan-y
}

.b-design-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.b-design-carousel .slick-track:after,
.b-design-carousel .slick-track:before {
    display: table;
    content: ""
}

.b-design-carousel .slick-track:after {
    clear: both
}

.slick-loading .b-design-carousel .slick-track {
    visibility: hidden
}

.b-design-carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.b-design-carousel .slick-slide img {
    display: block
}

.b-design-carousel .slick-slide.slick-loading img {
    display: none
}

.b-design-carousel .slick-slide.dragging img {
    pointer-events: none
}

.b-design-carousel .slick-initialized .slick-slide {
    display: block
}

.b-design-carousel .slick-loading .slick-slide {
    visibility: hidden
}

.b-design-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto
}

.b-design-carousel .slick-arrow.slick-hidden {
    display: none
}

.b-design-carousel .slick-next,
.b-design-carousel .slick-prev {
    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
}

.b-design-carousel .slick-next:focus,
.b-design-carousel .slick-next:hover,
.b-design-carousel .slick-prev:focus,
.b-design-carousel .slick-prev:hover {
    color: transparent;
    background: transparent;
    outline: none
}

.b-design-carousel .slick-next:focus:before,
.b-design-carousel .slick-next:hover:before,
.b-design-carousel .slick-prev:focus:before,
.b-design-carousel .slick-prev:hover:before {
    opacity: 1
}

.b-design-carousel .slick-next.slick-disabled:before,
.b-design-carousel .slick-prev.slick-disabled:before {
    opacity: .25
}

.b-design-carousel .slick-prev {
    left: -25px
}

.b-design-carousel .slick-prev:before {
    content: "←"
}

.b-design-carousel .slick-next {
    right: -25px
}

.b-design-carousel .slick-next:before {
    content: "→"
}

.b-design-carousel .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex !important;
    justify-content: center;
    margin-right: 15%;
    margin-left: 15%;
    padding-left: 0;
    list-style: none
}

.b-design-carousel .slick-dots-bottom {
    bottom: 12px
}

.b-design-carousel .slick-dots-top {
    top: 12px;
    bottom: auto
}

.b-design-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 16px;
    height: 4px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    transition: all .5s
}

.b-design-carousel .slick-dots li button {
    display: block;
    width: 100%;
    height: 4px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background: #fff;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
    opacity: .3;
    transition: all .5s
}

.b-design-carousel .slick-dots li button:focus,
.b-design-carousel .slick-dots li button:hover {
    opacity: .75
}

.b-design-carousel .slick-dots li.slick-active {
    width: 24px
}

.b-design-carousel .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1
}

.b-design-carousel .slick-dots li.slick-active:focus,
.b-design-carousel .slick-dots li.slick-active:hover {
    opacity: 1
}

.b-design-carousel-vertical .slick-dots {
    top: 50%;
    bottom: auto;
    flex-direction: column;
    width: 4px;
    height: auto;
    margin: 0;
    transform: translateY(-50%)
}

.b-design-carousel-vertical .slick-dots-left {
    right: auto;
    left: 12px
}

.b-design-carousel-vertical .slick-dots-right {
    right: 12px;
    left: auto
}

.b-design-carousel-vertical .slick-dots li {
    width: 4px;
    height: 16px;
    margin: 4px 2px;
    vertical-align: baseline
}

.b-design-carousel-vertical .slick-dots li button {
    width: 4px;
    height: 16px
}

.b-design-carousel-vertical .slick-dots li.slick-active,
.b-design-carousel-vertical .slick-dots li.slick-active button {
    width: 4px;
    height: 24px
}

.b-design-carousel-rtl {
    direction: rtl
}

.b-design-carousel-rtl .b-design-carousel .slick-track {
    right: 0;
    left: auto
}

.b-design-carousel-rtl .b-design-carousel .slick-prev {
    right: -25px;
    left: auto
}

.b-design-carousel-rtl .b-design-carousel .slick-prev:before {
    content: "→"
}

.b-design-carousel-rtl .b-design-carousel .slick-next {
    right: auto;
    left: -25px
}

.b-design-carousel-rtl .b-design-carousel .slick-next:before {
    content: "←"
}

.b-design-carousel-rtl.b-design-carousel .slick-dots {
    flex-direction: row-reverse
}

.b-design-carousel-rtl.b-design-carousel-vertical .slick-dots {
    flex-direction: column
}

.b-design-carousel .slick-arrow {
    z-index: 1;
    color: #fff;
    border-radius: 50%;
    transition: background-color .3s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1)
}

.b-design-carousel .slick-arrow,
.b-design-carousel .slick-arrow:focus,
.b-design-carousel .slick-arrow:hover {
    color: #fff;
    font-size: 32px
}

.b-design-carousel .slick-arrow:hover {
    background-color: hsla(0, 0%, 100%, .4)
}

.b-design-carousel .slick-arrow.slick-disabled {
    cursor: not-allowed;
    opacity: .3
}

.b-design-carousel .slick-arrow.slick-disabled:hover {
    background: initial
}

.b-design-carousel .slick-dots li {
    margin-right: 4px;
    margin-left: 4px
}

.b-design-carousel .slick-dots li button {
    width: 100% !important;
    background-color: #000;
    border-radius: 0
}

.b-design-carousel .slick-dots li button:hover {
    background-color: #fff;
    opacity: .8
}

.b-design-carousel .slick-next,
.b-design-carousel .slick-prev {
    width: 32px;
    height: 32px
}

.b-design-carousel .slick-next svg,
.b-design-carousel .slick-prev svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    transform: translate(-50%, -50%)
}

.b-design-carousel .slick-prev {
    left: 16px
}

.b-design-carousel .slick-next {
    right: 16px
}

.b-design-cascader-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.b-design-cascader-checkbox-input:focus+.b-design-cascader-checkbox-inner,
.b-design-cascader-checkbox-wrapper:hover .b-design-cascader-checkbox-inner,
.b-design-cascader-checkbox:hover .b-design-cascader-checkbox-inner {
    border-color: var(--b-design-primary-color)
}

.b-design-cascader-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--b-design-primary-color);
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect .36s ease-in-out;
    animation: antCheckboxEffect .36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: ""
}

.b-design-cascader-checkbox-wrapper:hover .b-design-cascader-checkbox:after,
.b-design-cascader-checkbox:hover:after {
    visibility: visible
}

.b-design-cascader-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.b-design-cascader-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.b-design-cascader-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.b-design-cascader-checkbox-checked .b-design-cascader-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.b-design-cascader-checkbox-checked .b-design-cascader-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-cascader-checkbox-disabled {
    cursor: not-allowed
}

.b-design-cascader-checkbox-disabled.b-design-cascader-checkbox-checked .b-design-cascader-checkbox-inner:after {
    border-color: #b8bbc2;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-inner {
    background-color: #f1f2f3;
    border-color: #d7d8db !important
}

.b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-inner:after {
    border-color: #f1f2f3;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-cascader-checkbox-disabled+span {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-cascader-checkbox-disabled:hover:after,
.b-design-cascader-checkbox-wrapper:hover .b-design-cascader-checkbox-disabled:after {
    visibility: hidden
}

.b-design-cascader-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.b-design-cascader-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.b-design-cascader-checkbox-wrapper.b-design-cascader-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.b-design-cascader-checkbox-wrapper+.b-design-cascader-checkbox-wrapper {
    margin-left: 8px
}

.b-design-cascader-checkbox-wrapper.b-design-cascader-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.b-design-cascader-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.b-design-cascader-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.b-design-cascader-checkbox-group-item {
    margin-right: 8px
}

.b-design-cascader-checkbox-group-item:last-child {
    margin-right: 0
}

.b-design-cascader-checkbox-group-item+.b-design-cascader-checkbox-group-item {
    margin-left: 0
}

.b-design-cascader-checkbox-indeterminate .b-design-cascader-checkbox-inner {
    background-color: #fff;
    border-color: #d7d8db
}

.b-design-cascader-checkbox-indeterminate .b-design-cascader-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background-color: var(--b-design-primary-color);
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.b-design-cascader-checkbox-indeterminate.b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-inner:after {
    background-color: #b8bbc2;
    border-color: #b8bbc2
}

.b-design-cascader {
    width: 184px
}

.b-design-cascader-checkbox {
    top: 0;
    margin-right: 8px
}

.b-design-cascader-menus {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

.b-design-cascader-menus.b-design-cascader-menu-empty .b-design-cascader-menu {
    width: 100%;
    height: auto
}

.b-design-cascader-menu {
    flex-grow: 1;
    min-width: 111px;
    height: 180px;
    margin: -10px 0;
    padding: 10px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #e6e8eb;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.b-design-cascader-menu-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 6px 16px;
    overflow: hidden;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.b-design-cascader-menu-item:hover {
    background: #f5f5f5
}

.b-design-cascader-menu-item-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-cascader-menu-item-disabled:hover {
    background: transparent
}

.b-design-cascader-menu-empty .b-design-cascader-menu-item {
    color: #b8bbc2;
    cursor: default;
    pointer-events: none
}

.b-design-cascader-menu-item-active:not(.b-design-cascader-menu-item-disabled),
.b-design-cascader-menu-item-active:not(.b-design-cascader-menu-item-disabled):hover {
    font-weight: 400;
    background-color: #edeef0
}

.b-design-cascader-menu-item-content {
    flex: auto
}

.b-design-cascader-menu-item-expand .b-design-cascader-menu-item-expand-icon,
.b-design-cascader-menu-item-loading-icon {
    margin-left: 4px;
    color: #474a52;
    font-size: 10px
}

.b-design-cascader-menu-item-disabled.b-design-cascader-menu-item-expand .b-design-cascader-menu-item-expand-icon,
.b-design-cascader-menu-item-disabled.b-design-cascader-menu-item-loading-icon {
    color: #b8bbc2
}

.b-design-cascader-menu-item-keyword {
    color: #ec4344
}

.b-design-cascader-rtl .b-design-cascader-menu-item-expand-icon,
.b-design-cascader-rtl .b-design-cascader-menu-item-loading-icon {
    margin-right: 4px;
    margin-left: 0
}

.b-design-cascader-rtl .b-design-cascader-checkbox {
    top: 0;
    margin-right: 0;
    margin-left: 8px
}

.b-design-cascader-checkbox-wrapper:hover .b-design-cascader-dropdown .b-design-cascader-checkbox:not(.b-design-cascader-dropdown .b-design-cascader-checkbox-checked):not(.b-design-cascader-dropdown .b-design-cascader-checkbox-disabled):not(.b-design-cascader-dropdown .b-design-cascader-checkbox-indeterminate) .b-design-cascader-dropdown .b-design-cascader-checkbox-inner,
.b-design-cascader-dropdown .b-design-cascader-checkbox:hover .b-design-cascader-dropdown .b-design-cascader-checkbox:not(.b-design-cascader-dropdown .b-design-cascader-checkbox-checked):not(.b-design-cascader-dropdown .b-design-cascader-checkbox-disabled):not(.b-design-cascader-dropdown .b-design-cascader-checkbox-indeterminate) .b-design-cascader-dropdown .b-design-cascader-checkbox-inner {
    border-color: #81848f;
    box-shadow: 0 0 0 4px #edeef0
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-checked:after {
    content: unset
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: .75em;
    font-family: iconfont;
    line-height: 1
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-checked .b-design-cascader-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    color: #fff;
    font-size: .75em;
    font-family: iconfont !important;
    line-height: 1;
    border: 0;
    border-top: 0;
    border-left: 0;
    transform: unset;
    opacity: 1;
    transition: unset;
    content: "\e83d"
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-disabled {
    cursor: not-allowed
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-disabled.b-design-cascader-checkbox-checked:after {
    color: var(--b-design-primary-10)
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-disabled.b-design-cascader-checkbox-checked .b-design-cascader-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-inner {
    background-color: #f1f2f3;
    border-color: #d7d8db !important
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-inner:after {
    border-color: #f1f2f3;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    line-height: 24px
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-wrapper.b-design-cascader-dropdown .b-design-cascader-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 16px;
    height: 16px
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-indeterminate .b-design-cascader-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-indeterminate .b-design-cascader-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 1px;
    background-color: #fff;
    border: 0;
    border-radius: 1px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-indeterminate.b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-cascader-dropdown .b-design-cascader-checkbox-indeterminate.b-design-cascader-checkbox-disabled .b-design-cascader-checkbox-inner:after {
    background-color: var(--b-design-primary-10);
    border-color: var(--b-design-primary-10)
}

.b-design-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.b-design-checkbox-input:focus+.b-design-checkbox-inner,
.b-design-checkbox-wrapper:hover .b-design-checkbox-inner,
.b-design-checkbox:hover .b-design-checkbox-inner {
    border-color: var(--b-design-primary-color)
}

.b-design-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--b-design-primary-color);
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect .36s ease-in-out;
    animation: antCheckboxEffect .36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: ""
}

.b-design-checkbox-wrapper:hover .b-design-checkbox:after,
.b-design-checkbox:hover:after {
    visibility: visible
}

.b-design-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.b-design-checkbox-inner:after {
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.b-design-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.b-design-checkbox-checked .b-design-checkbox-inner:after {
    border: 2px solid #fff;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.b-design-checkbox-checked .b-design-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-checkbox-disabled.b-design-checkbox-checked .b-design-checkbox-inner:after {
    border-color: #b8bbc2;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-checkbox-disabled .b-design-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.b-design-checkbox-disabled+span {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-checkbox-disabled:hover:after,
.b-design-checkbox-wrapper:hover .b-design-checkbox-disabled:after {
    visibility: hidden
}

.b-design-checkbox-wrapper {
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.b-design-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.b-design-checkbox-wrapper.b-design-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.b-design-checkbox-wrapper+.b-design-checkbox-wrapper {
    margin-left: 8px
}

.b-design-checkbox-wrapper.b-design-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.b-design-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.b-design-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.b-design-checkbox-group-item {
    margin-right: 8px
}

.b-design-checkbox-group-item:last-child {
    margin-right: 0
}

.b-design-checkbox-group-item+.b-design-checkbox-group-item {
    margin-left: 0
}

.b-design-checkbox-indeterminate .b-design-checkbox-inner {
    background-color: #fff;
    border-color: #d7d8db
}

.b-design-checkbox-indeterminate .b-design-checkbox-inner:after {
    height: 6px;
    background-color: var(--b-design-primary-color)
}

.b-design-checkbox-indeterminate.b-design-checkbox-disabled .b-design-checkbox-inner:after {
    background-color: #b8bbc2;
    border-color: #b8bbc2
}

.b-design-checkbox-rtl {
    direction: rtl
}

.b-design-checkbox-group-rtl .b-design-checkbox-group-item {
    margin-right: 0;
    margin-left: 8px
}

.b-design-checkbox-group-rtl .b-design-checkbox-group-item:last-child {
    margin-left: 0 !important
}

.b-design-checkbox-group-rtl .b-design-checkbox-group-item+.b-design-checkbox-group-item {
    margin-left: 8px
}

.b-design-collapse {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background-color: #fafafa;
    border: 1px solid #d7d8db;
    border-bottom: 0;
    border-radius: 2px
}

.b-design-collapse>.b-design-collapse-item {
    border-bottom: 1px solid #d7d8db
}

.b-design-collapse>.b-design-collapse-item:last-child,
.b-design-collapse>.b-design-collapse-item:last-child>.b-design-collapse-header {
    border-radius: 0 0 2px 2px
}

.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 12px 16px;
    color: #1f2024;
    line-height: 1.5715;
    cursor: pointer;
    transition: all .3s, visibility 0s
}

.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-arrow {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    vertical-align: -1px
}

.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-arrow svg {
    transition: transform .24s
}

.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-header-text {
    flex: auto
}

.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-extra {
    margin-left: auto
}

.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header:focus {
    outline: none
}

.b-design-collapse>.b-design-collapse-item .b-design-collapse-header-collapsible-only {
    cursor: default
}

.b-design-collapse>.b-design-collapse-item .b-design-collapse-header-collapsible-only .b-design-collapse-header-text {
    flex: none;
    cursor: pointer
}

.b-design-collapse>.b-design-collapse-item.b-design-collapse-no-arrow>.b-design-collapse-header {
    padding-left: 12px
}

.b-design-collapse-icon-position-end>.b-design-collapse-item>.b-design-collapse-header {
    position: relative;
    padding: 12px 40px 12px 16px
}

.b-design-collapse-icon-position-end>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    left: auto;
    margin: 0;
    transform: translateY(-50%)
}

.b-design-collapse-content {
    color: #474a52;
    background-color: #fff;
    border-top: 1px solid #d7d8db
}

.b-design-collapse-content>.b-design-collapse-content-box {
    padding: 16px
}

.b-design-collapse-content-hidden {
    display: none
}

.b-design-collapse-item:last-child>.b-design-collapse-content {
    border-radius: 0 0 2px 2px
}

.b-design-collapse-borderless {
    background-color: #fafafa;
    border: 0
}

.b-design-collapse-borderless>.b-design-collapse-item {
    border-bottom: 1px solid #d7d8db
}

.b-design-collapse-borderless>.b-design-collapse-item:last-child,
.b-design-collapse-borderless>.b-design-collapse-item:last-child .b-design-collapse-header {
    border-radius: 0
}

.b-design-collapse-borderless>.b-design-collapse-item:last-child {
    border-bottom: 0
}

.b-design-collapse-borderless>.b-design-collapse-item>.b-design-collapse-content {
    background-color: transparent;
    border-top: 0
}

.b-design-collapse-borderless>.b-design-collapse-item>.b-design-collapse-content>.b-design-collapse-content-box {
    padding-top: 4px
}

.b-design-collapse-ghost {
    background-color: transparent;
    border: 0
}

.b-design-collapse-ghost>.b-design-collapse-item {
    border-bottom: 0
}

.b-design-collapse-ghost>.b-design-collapse-item>.b-design-collapse-content {
    background-color: transparent;
    border-top: 0
}

.b-design-collapse-ghost>.b-design-collapse-item>.b-design-collapse-content>.b-design-collapse-content-box {
    padding-top: 12px;
    padding-bottom: 12px
}

.b-design-collapse .b-design-collapse-item-disabled>.b-design-collapse-header,
.b-design-collapse .b-design-collapse-item-disabled>.b-design-collapse-header>.arrow {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-collapse-rtl {
    direction: rtl
}

.b-design-collapse-rtl.b-design-collapse.b-design-collapse-icon-position-end>.b-design-collapse-item>.b-design-collapse-header {
    position: relative;
    padding: 12px 16px 12px 40px
}

.b-design-collapse-rtl.b-design-collapse.b-design-collapse-icon-position-end>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-arrow {
    position: absolute;
    top: 50%;
    right: auto;
    left: 16px;
    margin: 0;
    transform: translateY(-50%)
}

.b-design-collapse-rtl .b-design-collapse>.b-design-collapse-item>.b-design-collapse-header {
    padding: 12px 40px 12px 16px
}

.b-design-collapse-rtl.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-arrow {
    margin-right: 0;
    margin-left: 12px
}

.b-design-collapse-rtl.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-arrow svg {
    transform: rotate(180deg)
}

.b-design-collapse-rtl.b-design-collapse>.b-design-collapse-item>.b-design-collapse-header .b-design-collapse-extra {
    margin-right: auto;
    margin-left: 0
}

.b-design-collapse-rtl.b-design-collapse>.b-design-collapse-item.b-design-collapse-no-arrow>.b-design-collapse-header {
    padding-right: 12px;
    padding-left: 0
}

.b-design-comment {
    position: relative;
    background-color: inherit
}

.b-design-comment-inner {
    display: flex;
    padding: 16px 0
}

.b-design-comment-avatar {
    position: relative;
    flex-shrink: 0;
    margin-right: 12px;
    cursor: pointer
}

.b-design-comment-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.b-design-comment-content {
    position: relative;
    flex: 1 1 auto;
    min-width: 1px;
    font-size: 14px;
    word-wrap: break-word
}

.b-design-comment-content-author {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 4px;
    font-size: 14px
}

.b-design-comment-content-author>a,
.b-design-comment-content-author>span {
    padding-right: 8px;
    font-size: 12px;
    line-height: 18px
}

.b-design-comment-content-author-name {
    color: #474a52;
    font-size: 14px;
    transition: color .3s
}

.b-design-comment-content-author-name>*,
.b-design-comment-content-author-name>:hover {
    color: #474a52
}

.b-design-comment-content-author-time {
    color: #ccc;
    white-space: nowrap;
    cursor: auto
}

.b-design-comment-content-detail p {
    margin-bottom: inherit;
    white-space: pre-wrap
}

.b-design-comment-actions {
    margin-top: 12px;
    margin-bottom: inherit;
    padding-left: 0
}

.b-design-comment-actions>li {
    display: inline-block;
    color: #474a52
}

.b-design-comment-actions>li>span {
    margin-right: 10px;
    color: #474a52;
    font-size: 12px;
    cursor: pointer;
    transition: color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-comment-actions>li>span:hover {
    color: #595959
}

.b-design-comment-nested {
    margin-left: 44px
}

.b-design-comment-rtl {
    direction: rtl
}

.b-design-comment-rtl .b-design-comment-avatar {
    margin-right: 0;
    margin-left: 12px
}

.b-design-comment-rtl .b-design-comment-content-author>a,
.b-design-comment-rtl .b-design-comment-content-author>span {
    padding-right: 0;
    padding-left: 8px
}

.b-design-comment-rtl .b-design-comment-actions {
    padding-right: 0
}

.b-design-comment-rtl .b-design-comment-actions>li>span {
    margin-right: 0;
    margin-left: 10px
}

.b-design-comment-rtl .b-design-comment-nested {
    margin-right: 44px;
    margin-left: 0
}

.b-design-picker-status-error.b-design-picker,
.b-design-picker-status-error.b-design-picker:not([disabled]):hover {
    background-color: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-picker-status-error.b-design-picker-focused,
.b-design-picker-status-error.b-design-picker:focus {
    border-color: var(--b-design-error-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-error-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-picker-status-error.b-design-picker .b-design-picker-active-bar {
    background: var(--b-design-error-color-hover)
}

.b-design-picker-status-warning.b-design-picker,
.b-design-picker-status-warning.b-design-picker:not([disabled]):hover {
    background-color: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-picker-status-warning.b-design-picker-focused,
.b-design-picker-status-warning.b-design-picker:focus {
    border-color: var(--b-design-warning-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-warning-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-picker-status-warning.b-design-picker .b-design-picker-active-bar {
    background: var(--b-design-warning-color-hover)
}

.b-design-picker {
    box-sizing: border-box;
    margin: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    padding: 4px 11px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    transition: border .3s, box-shadow .3s
}

.b-design-picker-focused,
.b-design-picker:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-picker-focused {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-picker.b-design-picker-disabled {
    background: #f1f2f3;
    border-color: #d7d8db;
    cursor: not-allowed
}

.b-design-picker.b-design-picker-disabled .b-design-picker-suffix {
    color: #b8bbc2
}

.b-design-picker.b-design-picker-borderless {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.b-design-picker-input {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.b-design-picker-input>input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    transition: all .3s;
    flex: auto;
    min-width: 1px;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0
}

.b-design-picker-input>input::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-picker-input>input:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-picker-input>input::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-picker-input>input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-picker-input>input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-picker-input>input:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-picker-input>input:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-picker-input>input-focused,
.b-design-picker-input>input:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-picker-input>input-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-picker-input>input-disabled:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-picker-input>input[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-picker-input>input[disabled]:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-picker-input>input-borderless,
.b-design-picker-input>input-borderless-disabled,
.b-design-picker-input>input-borderless-focused,
.b-design-picker-input>input-borderless:focus,
.b-design-picker-input>input-borderless:hover,
.b-design-picker-input>input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.b-design-picker-input>input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.b-design-picker-input>input-lg {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-picker-input>input-sm {
    padding: 4px 11px
}

.b-design-picker-input>input:focus {
    box-shadow: none
}

.b-design-picker-input>input[disabled] {
    background: transparent
}

.b-design-picker-input:hover .b-design-picker-clear {
    opacity: 1
}

.b-design-picker-input-placeholder>input {
    color: #81848f
}

.b-design-picker-large {
    padding: 6.5px 15px
}

.b-design-picker-large .b-design-picker-input>input {
    font-size: 16px
}

.b-design-picker-small {
    padding: 2px 11px
}

.b-design-picker-suffix {
    display: flex;
    flex: none;
    align-self: center;
    margin-left: 4px;
    color: #b8bbc2;
    line-height: 1;
    pointer-events: none
}

.b-design-picker-suffix>* {
    vertical-align: top
}

.b-design-picker-suffix>:not(:last-child) {
    margin-right: 8px
}

.b-design-picker-clear {
    position: absolute;
    top: 50%;
    color: #b8bbc2;
    line-height: 1;
    background: #fff;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s, color .3s
}

.b-design-picker-clear>* {
    vertical-align: top
}

.b-design-picker-clear:hover {
    color: #474a52
}

.b-design-picker-separator {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 16px;
    color: #b8bbc2;
    font-size: 16px;
    vertical-align: top;
    cursor: default
}

.b-design-picker-focused .b-design-picker-separator {
    color: #474a52
}

.b-design-picker-disabled .b-design-picker-range-separator .b-design-picker-separator {
    cursor: not-allowed
}

.b-design-picker-range {
    position: relative;
    display: inline-flex
}

.b-design-picker-range .b-design-picker-clear {
    right: 11px
}

.b-design-picker-range:hover .b-design-picker-clear {
    opacity: 1
}

.b-design-picker-range .b-design-picker-active-bar {
    bottom: -1px;
    height: 2px;
    margin-left: 11px;
    background: var(--b-design-primary-color);
    opacity: 0;
    transition: all .3s ease-out;
    pointer-events: none
}

.b-design-picker-range.b-design-picker-focused .b-design-picker-active-bar {
    opacity: 1
}

.b-design-picker-range-separator {
    align-items: center;
    padding: 0 8px;
    line-height: 1
}

.b-design-picker-range.b-design-picker-small .b-design-picker-clear {
    right: 11px
}

.b-design-picker-range.b-design-picker-small .b-design-picker-active-bar {
    margin-left: 11px
}

.b-design-picker-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050
}

.b-design-picker-dropdown-hidden {
    display: none
}

.b-design-picker-dropdown-placement-bottomLeft .b-design-picker-range-arrow {
    top: 2.03333333px;
    display: block;
    transform: rotate(-135deg) translateY(1px)
}

.b-design-picker-dropdown-placement-topLeft .b-design-picker-range-arrow {
    bottom: 2.03333333px;
    display: block;
    transform: rotate(45deg)
}

.b-design-picker-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-picker-dropdown-placement-topLeft,
.b-design-picker-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-picker-dropdown-placement-topRight,
.b-design-picker-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-picker-dropdown-placement-topLeft,
.b-design-picker-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-picker-dropdown-placement-topRight {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.b-design-picker-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-picker-dropdown-placement-bottomLeft,
.b-design-picker-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-picker-dropdown-placement-bottomRight,
.b-design-picker-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-picker-dropdown-placement-bottomLeft,
.b-design-picker-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-picker-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.b-design-picker-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-picker-dropdown-placement-topLeft,
.b-design-picker-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-picker-dropdown-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.b-design-picker-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-picker-dropdown-placement-bottomLeft,
.b-design-picker-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-picker-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.b-design-picker-dropdown-range {
    padding: 5.33333333px 0
}

.b-design-picker-dropdown-range-hidden {
    display: none
}

.b-design-picker-dropdown .b-design-picker-panel>.b-design-picker-time-panel {
    padding-top: 4px
}

.b-design-picker-ranges {
    margin-bottom: 0;
    padding: 4px 12px;
    overflow: hidden;
    line-height: 34px;
    text-align: left;
    list-style: none
}

.b-design-picker-ranges>li {
    display: inline-block
}

.b-design-picker-ranges .b-design-picker-preset>.b-design-tag-blue {
    color: var(--b-design-primary-color);
    background: var(--b-design-primary-10);
    border-color: var(--b-design-primary-30);
    cursor: pointer
}

.b-design-picker-ranges .b-design-picker-ok {
    float: right;
    margin-left: 8px
}

.b-design-picker-range-wrapper {
    display: flex
}

.b-design-picker-range-arrow {
    position: absolute;
    z-index: 1;
    display: none;
    width: 8px;
    height: 8px;
    margin-left: 16.5px;
    box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .1);
    transition: left .3s ease-out;
    border-radius: 0 0 2px;
    pointer-events: none
}

.b-design-picker-range-arrow:before {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 24px;
    height: 24px;
    background: #fff;
    background-repeat: no-repeat;
    background-position: -7px -7px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z");
    clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z")
}

.b-design-picker-panel-container {
    overflow: hidden;
    vertical-align: top;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    transition: margin .3s
}

.b-design-picker-panel-container .b-design-picker-panels {
    display: inline-flex;
    flex-wrap: nowrap;
    direction: ltr
}

.b-design-picker-panel-container .b-design-picker-panel {
    vertical-align: top;
    background: transparent;
    border-width: 0 0 1px;
    border-radius: 0
}

.b-design-picker-panel-container .b-design-picker-panel .b-design-picker-content,
.b-design-picker-panel-container .b-design-picker-panel table {
    text-align: center
}

.b-design-picker-panel-container .b-design-picker-panel-focused {
    border-color: #e6e8eb
}

.b-design-picker-panel {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    background: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    outline: none
}

.b-design-picker-panel-focused {
    border-color: var(--b-design-primary-color)
}

.b-design-picker-date-panel,
.b-design-picker-decade-panel,
.b-design-picker-month-panel,
.b-design-picker-quarter-panel,
.b-design-picker-time-panel,
.b-design-picker-week-panel,
.b-design-picker-year-panel {
    display: flex;
    flex-direction: column;
    width: 280px
}

.b-design-picker-header {
    display: flex;
    padding: 0 8px;
    color: #1f2024;
    border-bottom: 1px solid #e6e8eb
}

.b-design-picker-header>* {
    flex: none
}

.b-design-picker-header button {
    padding: 0;
    color: #b8bbc2;
    line-height: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color .3s
}

.b-design-picker-header>button {
    min-width: 1.6em;
    font-size: 14px
}

.b-design-picker-header>button:hover {
    color: #474a52
}

.b-design-picker-header-view {
    flex: auto;
    font-weight: 500;
    line-height: 40px
}

.b-design-picker-header-view button {
    color: inherit;
    font-weight: inherit
}

.b-design-picker-header-view button:not(:first-child) {
    margin-left: 8px
}

.b-design-picker-header-view button:hover {
    color: var(--b-design-primary-color)
}

.b-design-picker-next-icon,
.b-design-picker-prev-icon,
.b-design-picker-super-next-icon,
.b-design-picker-super-prev-icon {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px
}

.b-design-picker-next-icon:before,
.b-design-picker-prev-icon:before,
.b-design-picker-super-next-icon:before,
.b-design-picker-super-prev-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.b-design-picker-super-next-icon:after,
.b-design-picker-super-prev-icon:after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.b-design-picker-prev-icon,
.b-design-picker-super-prev-icon {
    transform: rotate(-45deg)
}

.b-design-picker-next-icon,
.b-design-picker-super-next-icon {
    transform: rotate(135deg)
}

.b-design-picker-content {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.b-design-picker-content td,
.b-design-picker-content th {
    position: relative;
    min-width: 24px;
    font-weight: 400
}

.b-design-picker-content th {
    height: 30px;
    color: #474a52;
    line-height: 30px
}

.b-design-picker-cell {
    padding: 3px 0;
    color: #b8bbc2;
    cursor: pointer
}

.b-design-picker-cell-in-view {
    color: #474a52
}

.b-design-picker-cell:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 24px;
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.b-design-picker-cell:hover:not(.b-design-picker-cell-in-view) .b-design-picker-cell-inner,
.b-design-picker-cell:hover:not(.b-design-picker-cell-selected):not(.b-design-picker-cell-range-start):not(.b-design-picker-cell-range-end):not(.b-design-picker-cell-range-hover-start):not(.b-design-picker-cell-range-hover-end) .b-design-picker-cell-inner {
    background: #f1f2f3
}

.b-design-picker-cell-in-view.b-design-picker-cell-today .b-design-picker-cell-inner:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid var(--b-design-primary-color);
    border-radius: 2px;
    content: ""
}

.b-design-picker-cell-in-view.b-design-picker-cell-in-range {
    position: relative
}

.b-design-picker-cell-in-view.b-design-picker-cell-in-range:before {
    background: var(--b-design-primary-10)
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-end .b-design-picker-cell-inner,
.b-design-picker-cell-in-view.b-design-picker-cell-range-start .b-design-picker-cell-inner,
.b-design-picker-cell-in-view.b-design-picker-cell-selected .b-design-picker-cell-inner {
    color: #fff;
    background: var(--b-design-primary-color)
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-end:not(.b-design-picker-cell-range-end-single):before,
.b-design-picker-cell-in-view.b-design-picker-cell-range-start:not(.b-design-picker-cell-range-start-single):before {
    background: var(--b-design-primary-10)
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-start:before {
    left: 50%
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-end:before {
    right: 50%
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end.b-design-picker-cell-range-end-single:after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end.b-design-picker-cell-range-start.b-design-picker-cell-range-end.b-design-picker-cell-range-start-near-hover:after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:not(.b-design-picker-cell-in-range):not(.b-design-picker-cell-range-start):not(.b-design-picker-cell-range-end):after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start.b-design-picker-cell-range-start-single:after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start.b-design-picker-cell-range-start.b-design-picker-cell-range-end.b-design-picker-cell-range-end-near-hover:after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:not(.b-design-picker-cell-in-range):not(.b-design-picker-cell-range-start):not(.b-design-picker-cell-range-end):after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:not(.b-design-picker-cell-in-range):after {
    position: absolute;
    top: 50%;
    z-index: 0;
    height: 24px;
    border-top: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-bottom: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.b-design-picker-cell-range-hover-end:after,
.b-design-picker-cell-range-hover-start:after,
.b-design-picker-cell-range-hover:after {
    right: 0;
    left: 2px
}

.b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover:before,
.b-design-picker-cell-in-view.b-design-picker-cell-range-end.b-design-picker-cell-range-hover:before,
.b-design-picker-cell-in-view.b-design-picker-cell-range-end:not(.b-design-picker-cell-range-end-single).b-design-picker-cell-range-hover-end:before,
.b-design-picker-cell-in-view.b-design-picker-cell-range-start.b-design-picker-cell-range-hover:before,
.b-design-picker-cell-in-view.b-design-picker-cell-range-start:not(.b-design-picker-cell-range-start-single).b-design-picker-cell-range-hover-start:before,
.b-design-picker-panel>:not(.b-design-picker-date-panel) .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end:before,
.b-design-picker-panel>:not(.b-design-picker-date-panel) .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start:before {
    background: var(--b-design-primary-color-deprecated-l-35)
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-start:not(.b-design-picker-cell-range-start-single):not(.b-design-picker-cell-range-end) .b-design-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-end:not(.b-design-picker-cell-range-end-single):not(.b-design-picker-cell-range-start) .b-design-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

.b-design-picker-date-panel .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end .b-design-picker-cell-inner:after,
.b-design-picker-date-panel .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start .b-design-picker-cell-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: var(--b-design-primary-color-deprecated-l-35);
    transition: all .3s;
    content: ""
}

.b-design-picker-date-panel .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start .b-design-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.b-design-picker-date-panel .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end .b-design-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.b-design-picker-cell-range-hover.b-design-picker-cell-range-start:after {
    right: 50%
}

.b-design-picker-cell-range-hover.b-design-picker-cell-range-end:after {
    left: 50%
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover-edge-start-near-range):after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:after,
.b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-edge-start.b-design-picker-cell-range-hover-edge-start-near-range:after,
tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:first-child:after,
tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:first-child:after {
    left: 6px;
    border-left: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-cell-range-hover-edge-end.b-design-picker-cell-range-hover-edge-end-near-range:after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover-edge-end-near-range):after,
.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:after,
tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:last-child:after,
tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:last-child:after {
    right: 6px;
    border-right: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.b-design-picker-cell-disabled {
    color: #b8bbc2;
    pointer-events: none
}

.b-design-picker-cell-disabled .b-design-picker-cell-inner {
    background: transparent
}

.b-design-picker-cell-disabled:before {
    background: rgba(0, 0, 0, .04)
}

.b-design-picker-cell-disabled.b-design-picker-cell-today .b-design-picker-cell-inner:before {
    border-color: #b8bbc2
}

.b-design-picker-decade-panel .b-design-picker-content,
.b-design-picker-month-panel .b-design-picker-content,
.b-design-picker-quarter-panel .b-design-picker-content,
.b-design-picker-year-panel .b-design-picker-content {
    height: 264px
}

.b-design-picker-decade-panel .b-design-picker-cell-inner,
.b-design-picker-month-panel .b-design-picker-cell-inner,
.b-design-picker-quarter-panel .b-design-picker-cell-inner,
.b-design-picker-year-panel .b-design-picker-cell-inner {
    padding: 0 8px
}

.b-design-picker-quarter-panel .b-design-picker-content {
    height: 56px
}

.b-design-picker-footer {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 100%;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid transparent
}

.b-design-picker-panel .b-design-picker-footer {
    border-top: 1px solid #e6e8eb
}

.b-design-picker-footer-extra {
    padding: 0 12px;
    line-height: 38px;
    text-align: left
}

.b-design-picker-footer-extra:not(:last-child) {
    border-bottom: 1px solid #e6e8eb
}

.b-design-picker-now {
    text-align: left
}

.b-design-picker-today-btn {
    color: var(--b-design-primary-color)
}

.b-design-picker-today-btn:hover {
    color: #0d0d0d
}

.b-design-picker-today-btn:active {
    color: #000
}

.b-design-picker-today-btn.b-design-picker-today-btn-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-picker-decade-panel .b-design-picker-cell-inner {
    padding: 0 4px
}

.b-design-picker-decade-panel .b-design-picker-cell:before {
    display: none
}

.b-design-picker-month-panel .b-design-picker-body,
.b-design-picker-quarter-panel .b-design-picker-body,
.b-design-picker-year-panel .b-design-picker-body {
    padding: 0 8px
}

.b-design-picker-month-panel .b-design-picker-cell-inner,
.b-design-picker-quarter-panel .b-design-picker-cell-inner,
.b-design-picker-year-panel .b-design-picker-cell-inner {
    width: 60px
}

.b-design-picker-month-panel .b-design-picker-cell-range-hover-start:after,
.b-design-picker-quarter-panel .b-design-picker-cell-range-hover-start:after,
.b-design-picker-year-panel .b-design-picker-cell-range-hover-start:after {
    left: 14px;
    border-left: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-radius: 2px 0 0 2px
}

.b-design-picker-month-panel .b-design-picker-cell-range-hover-end:after,
.b-design-picker-panel-rtl .b-design-picker-month-panel .b-design-picker-cell-range-hover-start:after,
.b-design-picker-panel-rtl .b-design-picker-quarter-panel .b-design-picker-cell-range-hover-start:after,
.b-design-picker-panel-rtl .b-design-picker-year-panel .b-design-picker-cell-range-hover-start:after,
.b-design-picker-quarter-panel .b-design-picker-cell-range-hover-end:after,
.b-design-picker-year-panel .b-design-picker-cell-range-hover-end:after {
    right: 14px;
    border-right: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-radius: 0 2px 2px 0
}

.b-design-picker-panel-rtl .b-design-picker-month-panel .b-design-picker-cell-range-hover-end:after,
.b-design-picker-panel-rtl .b-design-picker-quarter-panel .b-design-picker-cell-range-hover-end:after,
.b-design-picker-panel-rtl .b-design-picker-year-panel .b-design-picker-cell-range-hover-end:after {
    left: 14px;
    border-left: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-radius: 2px 0 0 2px
}

.b-design-picker-week-panel .b-design-picker-body {
    padding: 8px 12px
}

.b-design-picker-week-panel .b-design-picker-cell-selected .b-design-picker-cell-inner,
.b-design-picker-week-panel .b-design-picker-cell .b-design-picker-cell-inner,
.b-design-picker-week-panel .b-design-picker-cell:hover .b-design-picker-cell-inner {
    background: transparent !important
}

.b-design-picker-week-panel-row td {
    transition: background .3s
}

.b-design-picker-week-panel-row:hover td {
    background: #f1f2f3
}

.b-design-picker-week-panel-row-selected:hover td,
.b-design-picker-week-panel-row-selected td {
    background: var(--b-design-primary-color)
}

.b-design-picker-week-panel-row-selected:hover td.b-design-picker-cell-week,
.b-design-picker-week-panel-row-selected td.b-design-picker-cell-week {
    color: hsla(0, 0%, 100%, .5)
}

.b-design-picker-week-panel-row-selected:hover td.b-design-picker-cell-today .b-design-picker-cell-inner:before,
.b-design-picker-week-panel-row-selected td.b-design-picker-cell-today .b-design-picker-cell-inner:before {
    border-color: #fff
}

.b-design-picker-week-panel-row-selected:hover td .b-design-picker-cell-inner,
.b-design-picker-week-panel-row-selected td .b-design-picker-cell-inner {
    color: #fff
}

.b-design-picker-date-panel .b-design-picker-body {
    padding: 8px 12px
}

.b-design-picker-date-panel .b-design-picker-content {
    width: 252px
}

.b-design-picker-date-panel .b-design-picker-content th {
    width: 36px
}

.b-design-picker-datetime-panel {
    display: flex
}

.b-design-picker-datetime-panel .b-design-picker-time-panel {
    border-left: 1px solid #e6e8eb
}

.b-design-picker-datetime-panel .b-design-picker-date-panel,
.b-design-picker-datetime-panel .b-design-picker-time-panel {
    transition: opacity .3s
}

.b-design-picker-datetime-panel-active .b-design-picker-date-panel,
.b-design-picker-datetime-panel-active .b-design-picker-time-panel {
    opacity: .3
}

.b-design-picker-datetime-panel-active .b-design-picker-date-panel-active,
.b-design-picker-datetime-panel-active .b-design-picker-time-panel-active {
    opacity: 1
}

.b-design-picker-time-panel {
    width: auto;
    min-width: auto
}

.b-design-picker-time-panel .b-design-picker-content {
    display: flex;
    flex: auto;
    height: 224px
}

.b-design-picker-time-panel-column {
    flex: 1 0 auto;
    width: 56px;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    text-align: left;
    list-style: none;
    transition: background .3s
}

.b-design-picker-time-panel-column:after {
    display: block;
    height: 196px;
    content: ""
}

.b-design-picker-datetime-panel .b-design-picker-time-panel-column:after {
    height: 198px
}

.b-design-picker-time-panel-column:not(:first-child) {
    border-left: 1px solid #e6e8eb
}

.b-design-picker-time-panel-column-active {
    background: var(--b-design-primary-color-active-deprecated-f-20)
}

.b-design-picker-time-panel-column:hover {
    overflow-y: auto
}

.b-design-picker-time-panel-column>li {
    margin: 0;
    padding: 0
}

.b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell .b-design-picker-time-panel-cell-inner {
    display: block;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 0 0 14px;
    color: #474a52;
    line-height: 28px;
    border-radius: 0;
    cursor: pointer;
    transition: background .3s
}

.b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell .b-design-picker-time-panel-cell-inner:hover {
    background: #f5f5f5
}

.b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell-selected .b-design-picker-time-panel-cell-inner {
    background: var(--b-design-primary-10)
}

.b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell-disabled .b-design-picker-time-panel-cell-inner {
    color: #b8bbc2;
    background: transparent;
    cursor: not-allowed
}

:root .b-design-picker-range-wrapper .b-design-picker-month-panel .b-design-picker-cell,
:root .b-design-picker-range-wrapper .b-design-picker-year-panel .b-design-picker-cell,
_:-ms-fullscreen .b-design-picker-range-wrapper .b-design-picker-month-panel .b-design-picker-cell,
_:-ms-fullscreen .b-design-picker-range-wrapper .b-design-picker-year-panel .b-design-picker-cell {
    padding: 21px 0
}

.b-design-picker-rtl {
    direction: rtl
}

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

.b-design-picker-rtl .b-design-picker-clear {
    right: auto;
    left: 0
}

.b-design-picker-rtl .b-design-picker-separator {
    transform: rotate(180deg)
}

.b-design-picker-panel-rtl .b-design-picker-header-view button:not(:first-child) {
    margin-right: 8px;
    margin-left: 0
}

.b-design-picker-rtl.b-design-picker-range .b-design-picker-clear {
    right: auto;
    left: 11px
}

.b-design-picker-rtl.b-design-picker-range .b-design-picker-active-bar {
    margin-right: 11px;
    margin-left: 0
}

.b-design-picker-rtl.b-design-picker-range.b-design-picker-small .b-design-picker-active-bar {
    margin-right: 11px
}

.b-design-picker-dropdown-rtl .b-design-picker-ranges {
    text-align: right
}

.b-design-picker-dropdown-rtl .b-design-picker-ranges .b-design-picker-ok {
    float: left;
    margin-right: 8px;
    margin-left: 0
}

.b-design-picker-panel-rtl {
    direction: rtl
}

.b-design-picker-panel-rtl .b-design-picker-prev-icon,
.b-design-picker-panel-rtl .b-design-picker-super-prev-icon {
    transform: rotate(135deg)
}

.b-design-picker-panel-rtl .b-design-picker-next-icon,
.b-design-picker-panel-rtl .b-design-picker-super-next-icon {
    transform: rotate(-45deg)
}

.b-design-picker-cell .b-design-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    transition: background .3s, border .3s
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-start:before {
    right: 50%;
    left: 0
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-end:before {
    right: 0;
    left: 50%
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-start.b-design-picker-cell-range-end:before {
    right: 50%;
    left: 50%
}

.b-design-picker-panel-rtl .b-design-picker-date-panel .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start .b-design-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.b-design-picker-panel-rtl .b-design-picker-date-panel .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end .b-design-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.b-design-picker-panel-rtl .b-design-picker-cell-range-hover.b-design-picker-cell-range-start:after {
    right: 0;
    left: 50%
}

.b-design-picker-panel-rtl .b-design-picker-cell-range-hover.b-design-picker-cell-range-end:after {
    right: 50%;
    left: 0
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-start:not(.b-design-picker-cell-range-start-single):not(.b-design-picker-cell-range-end) .b-design-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-end:not(.b-design-picker-cell-range-end-single):not(.b-design-picker-cell-range-start) .b-design-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover-edge-start-near-range):after,
.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:after,
.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-edge-start.b-design-picker-cell-range-hover-edge-start-near-range:after,
.b-design-picker-panel-rtl tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:not(.b-design-picker-cell-selected):first-child:after {
    right: 6px;
    left: 0;
    border-right: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-left: none;
    border-radius: 0 2px 2px 0
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-cell-range-hover-edge-end.b-design-picker-cell-range-hover-edge-end-near-range:after,
.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover-edge-end-near-range):after,
.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:after,
.b-design-picker-panel-rtl tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:not(.b-design-picker-cell-selected):last-child:after {
    right: 0;
    left: 6px;
    border-right: none;
    border-left: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-radius: 2px 0 0 2px
}

.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-cell-range-hover-start.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover):after,
.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover):after,
.b-design-picker-panel-rtl .b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-end.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover):after,
.b-design-picker-panel-rtl tr>.b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-cell-range-hover.b-design-picker-cell-range-hover-edge-end:first-child:after,
.b-design-picker-panel-rtl tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:first-child:after,
.b-design-picker-panel-rtl tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:last-child:after,
.b-design-picker-panel-rtl tr>.b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover.b-design-picker-cell-range-hover-edge-start:last-child:after {
    right: 6px;
    left: 6px;
    border-right: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-left: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-radius: 2px
}

.b-design-picker-dropdown-rtl .b-design-picker-footer-extra {
    direction: rtl;
    text-align: right
}

.b-design-picker-panel-rtl .b-design-picker-time-panel {
    direction: ltr
}

.b-design-picker {
    padding-right: 8px !important
}

.b-design-picker-clear,
.b-design-picker-suffix {
    color: #81848f
}

.b-design-picker-range .b-design-picker-clear {
    right: 8px
}

.b-design-picker-separator {
    display: inline-flex
}

.b-design-picker-range-separator .anticon-swap-right svg {
    display: none !important
}

.b-design-picker-range-separator .anticon-swap-right:after {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e7b1"
}

.b-design-picker-input>input::-moz-placeholder {
    font-size: 13px
}

.b-design-picker-input>input:-ms-input-placeholder {
    font-size: 13px
}

.b-design-picker-input>input::placeholder {
    font-size: 13px
}

.b-design-picker-focused,
.b-design-picker-focused:hover {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-picker-clear {
    right: 0;
    background-color: transparent
}

.b-design-picker-clear:after {
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: -1;
    width: 20px;
    height: 20px;
    background: #f1f2f3;
    border-radius: 100%;
    opacity: 0;
    transition: all .3s ease-out;
    content: ""
}

.b-design-picker-clear:hover:after {
    opacity: 1
}

.b-design-picker-clear>.anticon svg {
    display: none !important
}

.b-design-picker-clear>.anticon:after {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e7b2"
}

.b-design-picker-focused:hover .b-design-picker-clear,
.b-design-picker:hover .b-design-picker-clear {
    background-color: #fff
}

.b-design-picker-disabled input::-moz-placeholder {
    color: #b8bbc2
}

.b-design-picker-disabled input:-ms-input-placeholder {
    color: #b8bbc2
}

.b-design-picker-disabled input::placeholder {
    color: #b8bbc2
}

.b-design-picker-dropdown {
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1)
}

.b-design-picker-dropdown .b-design-picker-panel-container {
    background-color: transparent;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .05)
}

.b-design-picker-dropdown-range {
    padding: 0
}

.b-design-picker-date-panel,
.b-design-picker-month-panel,
.b-design-picker-year-panel {
    width: 308px
}

.b-design-picker-week-panel {
    width: 344px
}

.b-design-picker-quarter-panel {
    width: 402px
}

.b-design-picker-date-panel .b-design-picker-content {
    width: 276px
}

.b-design-picker-month-panel .b-design-picker-content,
.b-design-picker-year-panel .b-design-picker-content {
    width: 282px;
    height: 224px
}

.b-design-picker-quarter-panel .b-design-picker-content {
    width: 376px
}

.b-design-picker-week-panel .b-design-picker-content {
    width: 312px
}

.b-design-picker-date-panel .b-design-picker-body,
.b-design-picker-week-panel .b-design-picker-body {
    padding: 4px 16px 16px
}

.b-design-picker-month-panel .b-design-picker-body,
.b-design-picker-quarter-panel .b-design-picker-body,
.b-design-picker-year-panel .b-design-picker-body {
    padding: 14px 13px 22px
}

.b-design-picker-header {
    height: 48px;
    padding: 0 16px;
    border-bottom-color: #e5e5e5
}

.b-design-picker-header>button {
    position: relative;
    width: 16px;
    min-width: 16px;
    color: #81848f;
    font-size: 16px
}

.b-design-picker-header>button:before {
    position: absolute;
    top: 50%;
    left: -4px;
    z-index: -1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-color: #f1f2f3;
    border-radius: 2px;
    opacity: 0;
    transition: all .3s;
    content: ""
}

.b-design-picker-header>button:hover:before {
    opacity: 1
}

.b-design-picker-header>button .b-design-picker-next-icon,
.b-design-picker-header>button .b-design-picker-prev-icon,
.b-design-picker-header>button .b-design-picker-super-next-icon,
.b-design-picker-header>button .b-design-picker-super-prev-icon {
    width: 16px;
    height: 16px;
    transform: none
}

.b-design-picker-header>button .b-design-picker-next-icon:before,
.b-design-picker-header>button .b-design-picker-prev-icon:before,
.b-design-picker-header>button .b-design-picker-super-next-icon:before,
.b-design-picker-header>button .b-design-picker-super-prev-icon:before {
    content: unset
}

.b-design-picker-header>button .b-design-picker-next-icon:after,
.b-design-picker-header>button .b-design-picker-prev-icon:after,
.b-design-picker-header>button .b-design-picker-super-next-icon:after,
.b-design-picker-header>button .b-design-picker-super-prev-icon:after {
    position: relative;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    border: none;
    content: "\e8fd"
}

.b-design-picker-header>button .b-design-picker-prev-icon:after {
    content: "\e7ac"
}

.b-design-picker-header>button .b-design-picker-next-icon:after {
    content: "\e7ae"
}

.b-design-picker-header>button .b-design-picker-super-next-icon:after {
    content: "\e8fc"
}

.b-design-picker-header button {
    line-height: 48px
}

.b-design-picker-header-prev-btn {
    margin-left: 8px
}

.b-design-picker-header-next-btn {
    margin-right: 8px
}

.b-design-picker-header-view {
    font-weight: 600;
    font-family: Helvetica-Bold;
    line-height: 48px;
    letter-spacing: .4px
}

.b-design-picker-body thead th {
    color: #81848f;
    line-height: 36px
}

.b-design-picker-panel .b-design-picker-footer {
    border-top-color: #e5e5e5;
    border-bottom: none
}

.b-design-picker-footer .b-design-picker-ranges {
    box-sizing: content-box;
    height: 24px;
    padding: 8px 16px;
    line-height: 24px
}

.b-design-picker-footer .b-design-picker-ranges .b-design-picker-now-btn {
    margin-bottom: .4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    color: #474a52
}

.b-design-picker-cell .b-design-picker-cell-inner {
    width: 36px;
    min-width: 36px;
    height: 36px;
    line-height: 36px
}

.b-design-picker-dropdown .b-design-picker-cell:before {
    height: 36px
}

.b-design-picker-month-panel .b-design-picker-cell,
.b-design-picker-quarter-panel .b-design-picker-cell,
.b-design-picker-year-panel .b-design-picker-cell {
    height: 56px;
    padding: 10px 0
}

.b-design-picker-month-panel .b-design-picker-cell .b-design-picker-cell-inner,
.b-design-picker-quarter-panel .b-design-picker-cell .b-design-picker-cell-inner,
.b-design-picker-year-panel .b-design-picker-cell .b-design-picker-cell-inner {
    width: 84px
}

.b-design-picker-range.b-design-picker-focused .b-design-picker-active-bar {
    opacity: 0
}

.b-design-picker-cell-in-view.b-design-picker-cell-today .b-design-picker-cell-inner:before {
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    margin-top: 8px;
    background: var(--b-design-primary-color);
    border: 0;
    border-radius: 100%;
    transform: translateX(-50%)
}

.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-end:first-child:before {
    left: 5px
}

.b-design-picker-dropdown .b-design-picker-cell:not(.b-design-picker-cell-in-view) {
    color: #b8bbc2
}

.b-design-picker-dropdown .b-design-picker-cell.b-design-picker-cell-in-view {
    color: #222224
}

.b-design-picker-dropdown .b-design-picker-week-panel-row-selected .b-design-picker-cell-week,
.b-design-picker-dropdown .b-design-picker-week-panel-row-selected:hover .b-design-picker-cell-week {
    color: hsla(0, 0%, 100%, .5)
}

.b-design-picker-dropdown .b-design-picker-cell-disabled {
    color: #b8bbc2 !important
}

.b-design-picker-dropdown .b-design-picker-cell-disabled:before {
    background: transparent
}

.b-design-picker-dropdown .b-design-picker-week-panel-row .b-design-picker-cell:first-child {
    z-index: 3
}

.b-design-picker-dropdown .b-design-picker-week-panel-row .b-design-picker-cell:first-child:before {
    z-index: -1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.b-design-picker-dropdown .b-design-picker-week-panel-row .b-design-picker-cell:last-child:before {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.b-design-picker-dropdown .b-design-picker-week-panel-row-selected:hover td,
.b-design-picker-dropdown .b-design-picker-week-panel-row-selected td,
.b-design-picker-dropdown .b-design-picker-week-panel-row:hover td {
    background: transparent
}

.b-design-picker-dropdown .b-design-picker-week-panel-row:hover:not(.b-design-picker-week-panel-row-selected) td:before {
    background: #f1f2f3
}

.b-design-picker-dropdown .b-design-picker-week-panel-row-selected:hover td:before,
.b-design-picker-dropdown .b-design-picker-week-panel-row-selected td:before {
    background: var(--b-design-primary-color)
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end.b-design-picker-cell-range-end-single:after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end.b-design-picker-cell-range-start.b-design-picker-cell-range-end.b-design-picker-cell-range-start-near-hover:after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:not(.b-design-picker-cell-in-range):not(.b-design-picker-cell-range-start):not(.b-design-picker-cell-range-end):after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start.b-design-picker-cell-range-start-single:after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start.b-design-picker-cell-range-start.b-design-picker-cell-range-end.b-design-picker-cell-range-end-near-hover:after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:not(.b-design-picker-cell-in-range):not(.b-design-picker-cell-range-start):not(.b-design-picker-cell-range-end):after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover:not(.b-design-picker-cell-in-range):after {
    position: absolute;
    top: 50%;
    z-index: 0;
    width: calc(100% + 4px);
    height: 36px;
    border-top: 1px solid var(--b-design-primary-color);
    border-bottom: 1px solid var(--b-design-primary-color);
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range:before {
    background: var(--b-design-primary-10)
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range .b-design-picker-cell-inner:after {
    display: none
}

.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-end:before,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:last-child:before {
    right: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-start:before,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:first-child:before {
    left: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover-edge-end-near-range):before,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start:before {
    border-left: 1px solid var(--b-design-primary-color);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end:before,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start:before {
    border-top: 1px solid var(--b-design-primary-color);
    border-bottom: 1px solid var(--b-design-primary-color)
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover-edge-end-near-range):before,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end:before,
.b-design-picker-dropdown .b-design-picker-cell-in-view:last-child.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start:not(.b-design-picker-cell-range-hover-edge-end-near-range):before {
    border-right: 1px solid var(--b-design-primary-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover:before,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-end.b-design-picker-cell-range-hover:before,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-end:not(.b-design-picker-cell-range-end-single).b-design-picker-cell-range-hover-end:before,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-start.b-design-picker-cell-range-hover:before,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-start:not(.b-design-picker-cell-range-start-single).b-design-picker-cell-range-hover-start:before,
.b-design-picker-dropdown .b-design-picker-panel>:not(.b-design-picker-date-panel) .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end:before,
.b-design-picker-dropdown .b-design-picker-panel>:not(.b-design-picker-date-panel) .b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-start:before {
    background: var(--b-design-primary-10);
    border-top: 1px solid var(--b-design-primary-color);
    border-bottom: 1px solid var(--b-design-primary-color)
}

.b-design-picker-dropdown tr>.b-design-picker-cell-in-view:first-child.b-design-picker-cell-in-range.b-design-picker-cell-range-hover:before {
    border-top: 1px solid var(--b-design-primary-color);
    border-bottom: 1px solid var(--b-design-primary-color);
    border-left: 1px solid var(--b-design-primary-color);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-picker-dropdown tr>.b-design-picker-cell-in-view:last-child.b-design-picker-cell-in-range.b-design-picker-cell-range-hover:before {
    border-top: 1px solid var(--b-design-primary-color);
    border-right: 1px solid var(--b-design-primary-color);
    border-bottom: 1px solid var(--b-design-primary-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover-edge-start-near-range):after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-edge-start.b-design-picker-cell-range-hover-edge-start-near-range:after,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:first-child:after,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:first-child:after {
    left: 2px;
    border-left: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-cell-range-hover-edge-end.b-design-picker-cell-range-hover-edge-end-near-range:after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover-edge-end-near-range):after,
.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:after,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:last-child:after,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:last-child:after {
    right: 2px;
    left: unset;
    width: 36px !important;
    border-right: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-cell-in-view.b-design-picker-cell-range-end.b-design-picker-cell-range-hover-end.b-design-picker-cell-range-hover-edge-start:after,
tr>.b-design-picker-cell-in-view:last-child.b-design-picker-cell-range-hover-start:after {
    width: 36px !important
}

.b-design-picker-dropdown .b-design-picker-month-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:first-child:before {
    left: 5px
}

.b-design-picker-dropdown .b-design-picker-month-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:last-child:before {
    right: 5px
}

.b-design-picker-dropdown .b-design-picker-month-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover-edge-start-near-range):after,
.b-design-picker-dropdown .b-design-picker-month-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:after,
.b-design-picker-dropdown .b-design-picker-month-panel .b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-edge-start.b-design-picker-cell-range-hover-edge-start-near-range:after,
.b-design-picker-dropdown .b-design-picker-month-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:first-child:after,
.b-design-picker-dropdown .b-design-picker-month-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:first-child:after {
    left: 5px !important;
    border-left: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-month-panel .b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-range-hover-edge-end.b-design-picker-cell-range-hover-edge-end-near-range:after,
.b-design-picker-dropdown .b-design-picker-month-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover-edge-end-near-range):after,
.b-design-picker-dropdown .b-design-picker-month-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:after,
.b-design-picker-dropdown .b-design-picker-month-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:last-child:after,
.b-design-picker-dropdown .b-design-picker-month-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:last-child:after {
    right: 5px !important;
    left: unset;
    width: 84px !important;
    border-right: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-month-panel tr>.b-design-picker-cell-in-view:first-child.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end:before {
    border-left: 1px solid #1b58f4
}

.b-design-picker-month-panel tr>.b-design-picker-in-view:last-child.b-design-picker-range-hover-start:after {
    width: 84px !important
}

.b-design-picker-dropdown .b-design-picker-year-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:first-child:before {
    left: 5px
}

.b-design-picker-dropdown .b-design-picker-year-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:last-child:before {
    right: 5px
}

.b-design-picker-dropdown .b-design-picker-year-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover-edge-start-near-range):after,
.b-design-picker-dropdown .b-design-picker-year-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:after,
.b-design-picker-dropdown .b-design-picker-year-panel .b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-edge-start.b-design-picker-cell-range-hover-edge-start-near-range:after,
.b-design-picker-dropdown .b-design-picker-year-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:first-child:after,
.b-design-picker-dropdown .b-design-picker-year-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:first-child:after {
    left: 5px !important;
    border-left: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-year-panel .b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-range-hover-edge-end.b-design-picker-cell-range-hover-edge-end-near-range:after,
.b-design-picker-dropdown .b-design-picker-year-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover-edge-end-near-range):after,
.b-design-picker-dropdown .b-design-picker-year-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:after,
.b-design-picker-dropdown .b-design-picker-year-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:last-child:after,
.b-design-picker-dropdown .b-design-picker-year-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:last-child:after {
    right: 5px !important;
    left: unset;
    width: 84px !important;
    border-right: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-year-panel tr>.b-design-picker-cell-in-view:first-child.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end:before {
    border-left: 1px solid #1b58f4
}

.b-design-picker-year-panel tr>.b-design-picker-in-view:last-child.b-design-picker-range-hover-start:after {
    width: 84px !important
}

.b-design-picker-dropdown .b-design-picker-quarter-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:first-child:before {
    left: 6px
}

.b-design-picker-dropdown .b-design-picker-quarter-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range:last-child:before {
    right: 6px
}

.b-design-picker-dropdown .b-design-picker-quarter-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-start:not(.b-design-picker-cell-range-hover-edge-start-near-range):after,
.b-design-picker-dropdown .b-design-picker-quarter-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:after,
.b-design-picker-dropdown .b-design-picker-quarter-panel .b-design-picker-cell-in-view.b-design-picker-cell-start.b-design-picker-cell-range-hover-edge-start.b-design-picker-cell-range-hover-edge-start-near-range:after,
.b-design-picker-dropdown .b-design-picker-quarter-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:first-child:after,
.b-design-picker-dropdown .b-design-picker-quarter-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:first-child:after {
    left: 6px !important;
    border-left: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-quarter-panel .b-design-picker-cell-in-view.b-design-picker-cell-end.b-design-picker-range-hover-edge-end.b-design-picker-cell-range-hover-edge-end-near-range:after,
.b-design-picker-dropdown .b-design-picker-quarter-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-edge-end:not(.b-design-picker-cell-range-hover-edge-end-near-range):after,
.b-design-picker-dropdown .b-design-picker-quarter-panel .b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:after,
.b-design-picker-dropdown .b-design-picker-quarter-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:last-child:after,
.b-design-picker-dropdown .b-design-picker-quarter-panel tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:last-child:after {
    right: 6px !important;
    left: unset;
    width: 84px !important;
    border-right: 1px solid #1b58f4 !important
}

.b-design-picker-dropdown .b-design-picker-quarter-panel tr>.b-design-picker-cell-in-view:first-child.b-design-picker-cell-in-range.b-design-picker-cell-range-hover-end:before {
    border-left: 1px solid #1b58f4
}

.b-design-picker-quarter-panel tr>.b-design-picker-in-view:last-child.b-design-picker-range-hover-start:after {
    width: 84px !important
}

.b-design-picker-dropdown.b-design-picker-dropdown .b-design-picker-panel>.b-design-picker-time-panel {
    width: 180px;
    padding-top: 0
}

.b-design-picker-dropdown .b-design-picker-time-panel-column {
    width: 56px
}

.b-design-picker-dropdown .b-design-picker-time-panel-column::-webkit-scrollbar {
    width: 0
}

.b-design-picker-dropdown .b-design-picker-time-panel-column:not(:first-child) {
    border-color: #e5e5e5
}

.b-design-picker-dropdown .b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell .b-design-picker-time-panel-cell-inner {
    height: 36px;
    padding: 0;
    color: #222224;
    line-height: 36px;
    text-align: center
}

.b-design-picker-dropdown .b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell .b-design-picker-time-panel-cell-inner:hover {
    background: #f1f2f3
}

.b-design-picker-dropdown .b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell-selected .b-design-picker-time-panel-cell-inner,
.b-design-picker-dropdown .b-design-picker-time-panel-column>li.b-design-picker-time-panel-cell-selected .b-design-picker-time-panel-cell-inner:hover {
    background: var(--b-design-primary-10)
}

.b-design-picker-time-range-wrapper {
    min-width: 0 !important
}

.b-design-picker-range-arrow,
.b-design-picker-range-arrow:after {
    display: none !important
}

.b-design-picker .anticon {
    font-size: 16px
}

.b-design-picker-small .anticon {
    font-size: 14px
}

.b-design-picker-small .b-design-picker-clear:after {
    width: 18px;
    height: 18px
}

.b-design-picker-small .b-design-picker-clear>.anticon:after {
    width: 14px;
    height: 14px;
    line-height: 14px
}

.b-design-picker-range.b-design-picker-small .b-design-picker-clear {
    right: 8px
}

.b-design-picker-large {
    padding: 8px 15px;
    padding-right: 12px !important
}

.b-design-picker-large .b-design-picker-input>input {
    font-size: 14px
}

.b-design-picker-range.b-design-picker-large .b-design-picker-clear {
    right: 12px
}

.b-design-picker-status-error {
    box-shadow: none !important
}

.b-design-picker-status-error,
.b-design-picker-status-error:focus:not(.b-design-picker-status-error-disabled),
.b-design-picker-status-error:hover:not(.b-design-picker-status-error-disabled) {
    background-color: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-picker-status-error.b-design-picker-focused,
.b-design-picker-status-error.b-design-picker:focus {
    box-shadow: none !important
}

.b-design-picker-status-warning {
    box-shadow: none !important
}

.b-design-picker-status-warning,
.b-design-picker-status-warning:focus:not(.b-design-picker-status-warning-disabled),
.b-design-picker-status-warning:hover:not(.b-design-picker-status-warning-disabled) {
    background-color: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-picker-status-warning.b-design-picker-focused,
.b-design-picker-status-warning.b-design-picker:focus {
    box-shadow: none !important
}

.b-design-descriptions-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.b-design-descriptions-title {
    flex: auto;
    overflow: hidden;
    color: #1f2024;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-descriptions-extra {
    margin-left: auto;
    color: #474a52;
    font-size: 14px
}

.b-design-descriptions-view {
    width: 100%;
    border-radius: 2px
}

.b-design-descriptions-view table {
    width: 100%;
    table-layout: fixed
}

.b-design-descriptions-row>td,
.b-design-descriptions-row>th {
    padding-bottom: 16px
}

.b-design-descriptions-row:last-child {
    border-bottom: none
}

.b-design-descriptions-item-label {
    color: #1f2024;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5715;
    text-align: start
}

.b-design-descriptions-item-label:after {
    content: ":";
    position: relative;
    top: -.5px;
    margin: 0 8px 0 2px
}

.b-design-descriptions-item-label.b-design-descriptions-item-no-colon:after {
    content: " "
}

.b-design-descriptions-item-no-label:after {
    margin: 0;
    content: ""
}

.b-design-descriptions-item-content {
    display: table-cell;
    flex: 1;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    word-break: break-word;
    overflow-wrap: break-word
}

.b-design-descriptions-item {
    padding-bottom: 0;
    vertical-align: top
}

.b-design-descriptions-item-container {
    display: flex
}

.b-design-descriptions-item-container .b-design-descriptions-item-content,
.b-design-descriptions-item-container .b-design-descriptions-item-label {
    display: inline-flex;
    align-items: baseline
}

.b-design-descriptions-middle .b-design-descriptions-row>td,
.b-design-descriptions-middle .b-design-descriptions-row>th {
    padding-bottom: 12px
}

.b-design-descriptions-small .b-design-descriptions-row>td,
.b-design-descriptions-small .b-design-descriptions-row>th {
    padding-bottom: 8px
}

.b-design-descriptions-bordered .b-design-descriptions-view {
    border: 1px solid #e6e8eb
}

.b-design-descriptions-bordered .b-design-descriptions-view>table {
    table-layout: auto;
    border-collapse: collapse
}

.b-design-descriptions-bordered .b-design-descriptions-item-content,
.b-design-descriptions-bordered .b-design-descriptions-item-label {
    padding: 16px 24px;
    border-right: 1px solid #e6e8eb
}

.b-design-descriptions-bordered .b-design-descriptions-item-content:last-child,
.b-design-descriptions-bordered .b-design-descriptions-item-label:last-child {
    border-right: none
}

.b-design-descriptions-bordered .b-design-descriptions-item-label {
    background-color: #fafafa
}

.b-design-descriptions-bordered .b-design-descriptions-item-label:after {
    display: none
}

.b-design-descriptions-bordered .b-design-descriptions-row {
    border-bottom: 1px solid #e6e8eb
}

.b-design-descriptions-bordered .b-design-descriptions-row:last-child {
    border-bottom: none
}

.b-design-descriptions-bordered.b-design-descriptions-middle .b-design-descriptions-item-content,
.b-design-descriptions-bordered.b-design-descriptions-middle .b-design-descriptions-item-label {
    padding: 12px 24px
}

.b-design-descriptions-bordered.b-design-descriptions-small .b-design-descriptions-item-content,
.b-design-descriptions-bordered.b-design-descriptions-small .b-design-descriptions-item-label {
    padding: 8px 16px
}

.b-design-descriptions-rtl {
    direction: rtl
}

.b-design-descriptions-rtl .b-design-descriptions-item-label:after {
    margin: 0 2px 0 8px
}

.b-design-descriptions-rtl.b-design-descriptions-bordered .b-design-descriptions-item-content,
.b-design-descriptions-rtl.b-design-descriptions-bordered .b-design-descriptions-item-label {
    border-right: none;
    border-left: 1px solid #e6e8eb
}

.b-design-descriptions-rtl.b-design-descriptions-bordered .b-design-descriptions-item-content:last-child,
.b-design-descriptions-rtl.b-design-descriptions-bordered .b-design-descriptions-item-label:last-child {
    border-left: none
}

.b-design-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    border-top: 1px solid #e6e8eb
}

.b-design-divider-vertical {
    position: relative;
    top: -.06em;
    display: inline-block;
    height: .9em;
    margin: 0 8px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid #e6e8eb
}

.b-design-divider-horizontal {
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 24px 0
}

.b-design-divider-horizontal.b-design-divider-with-text {
    display: flex;
    margin: 16px 0;
    color: #1f2024;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    border-top: 0;
    border-top-color: #e6e8eb
}

.b-design-divider-horizontal.b-design-divider-with-text:after,
.b-design-divider-horizontal.b-design-divider-with-text:before {
    position: relative;
    top: 50%;
    width: 50%;
    border-top: 1px solid transparent;
    border-top-color: inherit;
    border-bottom: 0;
    transform: translateY(50%);
    content: ""
}

.b-design-divider-horizontal.b-design-divider-with-text-left:before {
    top: 50%;
    width: 5%
}

.b-design-divider-horizontal.b-design-divider-with-text-left:after,
.b-design-divider-horizontal.b-design-divider-with-text-right:before {
    top: 50%;
    width: 95%
}

.b-design-divider-horizontal.b-design-divider-with-text-right:after {
    top: 50%;
    width: 5%
}

.b-design-divider-inner-text {
    display: inline-block;
    padding: 0 1em
}

.b-design-divider-dashed {
    background: none;
    border: dashed #e6e8eb;
    border-width: 1px 0 0
}

.b-design-divider-horizontal.b-design-divider-with-text.b-design-divider-dashed:after,
.b-design-divider-horizontal.b-design-divider-with-text.b-design-divider-dashed:before {
    border-style: dashed none none
}

.b-design-divider-vertical.b-design-divider-dashed {
    border-width: 0 0 0 1px
}

.b-design-divider-plain.b-design-divider-with-text {
    color: #474a52;
    font-weight: 400;
    font-size: 14px
}

.b-design-divider-horizontal.b-design-divider-with-text-left.b-design-divider-no-default-orientation-margin-left:before {
    width: 0
}

.b-design-divider-horizontal.b-design-divider-with-text-left.b-design-divider-no-default-orientation-margin-left:after {
    width: 100%
}

.b-design-divider-horizontal.b-design-divider-with-text-left.b-design-divider-no-default-orientation-margin-left .b-design-divider-inner-text {
    padding-left: 0
}

.b-design-divider-horizontal.b-design-divider-with-text-right.b-design-divider-no-default-orientation-margin-right:before {
    width: 100%
}

.b-design-divider-horizontal.b-design-divider-with-text-right.b-design-divider-no-default-orientation-margin-right:after {
    width: 0
}

.b-design-divider-horizontal.b-design-divider-with-text-right.b-design-divider-no-default-orientation-margin-right .b-design-divider-inner-text {
    padding-right: 0
}

.b-design-divider-rtl {
    direction: rtl
}

.b-design-divider-rtl.b-design-divider-horizontal.b-design-divider-with-text-left:before {
    width: 95%
}

.b-design-divider-rtl.b-design-divider-horizontal.b-design-divider-with-text-left:after,
.b-design-divider-rtl.b-design-divider-horizontal.b-design-divider-with-text-right:before {
    width: 5%
}

.b-design-divider-rtl.b-design-divider-horizontal.b-design-divider-with-text-right:after {
    width: 95%
}

.b-design-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    pointer-events: none
}

.b-design-drawer-inline {
    position: absolute
}

.b-design-drawer-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .45);
    pointer-events: auto
}

.b-design-drawer-content-wrapper {
    position: absolute;
    z-index: 1000;
    transition: all .3s
}

.b-design-drawer-content-wrapper-hidden {
    display: none
}

.b-design-drawer-left>.b-design-drawer-content-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    box-shadow: 16px 0 32px 0 rgba(0, 0, 0, .08), 9px 0 28px 0 rgba(0, 0, 0, .05), 12px 0 48px 16px rgba(0, 0, 0, .03)
}

.b-design-drawer-right>.b-design-drawer-content-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: -16px 0 32px 0 rgba(0, 0, 0, .08), -9px 0 28px 0 rgba(0, 0, 0, .05), -12px 0 48px 16px rgba(0, 0, 0, .03)
}

.b-design-drawer-top>.b-design-drawer-content-wrapper {
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03)
}

.b-design-drawer-bottom>.b-design-drawer-content-wrapper {
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, .08), 0 -9px 28px 0 rgba(0, 0, 0, .05), 0 -12px 48px 16px rgba(0, 0, 0, .03)
}

.b-design-drawer-content {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #fff;
    pointer-events: auto
}

.b-design-drawer-wrapper-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.b-design-drawer-header {
    display: flex;
    flex: 0;
    align-items: center;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #e6e8eb
}

.b-design-drawer-header-title {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    min-height: 0
}

.b-design-drawer-extra {
    flex: 0
}

.b-design-drawer-close {
    display: inline-block;
    margin-right: 12px;
    color: #474a52;
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    text-rendering: auto
}

.b-design-drawer-close:focus,
.b-design-drawer-close:hover {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.b-design-drawer-title {
    flex: 1;
    margin: 0;
    color: #1f2024;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.b-design-drawer-body {
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding: 24px;
    overflow: auto
}

.b-design-drawer-footer {
    flex-shrink: 0;
    padding: 32px;
    border-top: 1px solid #e6e8eb
}

.panel-motion-appear-start,
.panel-motion-enter-start,
.panel-motion-leave-start {
    transition: none
}

.b-design-drawer-mask-motion-appear-active,
.b-design-drawer-mask-motion-enter-active,
.b-design-drawer-mask-motion-leave-active,
.panel-motion-appear-active,
.panel-motion-enter-active,
.panel-motion-leave-active {
    transition: all .3s
}

.b-design-drawer-mask-motion-appear,
.b-design-drawer-mask-motion-enter {
    opacity: 0
}

.b-design-drawer-mask-motion-appear-active,
.b-design-drawer-mask-motion-enter-active,
.b-design-drawer-mask-motion-leave {
    opacity: 1
}

.b-design-drawer-mask-motion-leave-active {
    opacity: 0
}

.b-design-drawer-panel-motion-left-appear-start,
.b-design-drawer-panel-motion-left-enter-start,
.b-design-drawer-panel-motion-left-leave-start {
    transition: none
}

.b-design-drawer-panel-motion-left-appear-active,
.b-design-drawer-panel-motion-left-enter-active,
.b-design-drawer-panel-motion-left-leave-active {
    transition: all .3s
}

.b-design-drawer-panel-motion-left-appear,
.b-design-drawer-panel-motion-left-enter {
    transform: translateX(-100%)
}

.b-design-drawer-panel-motion-left-appear-active,
.b-design-drawer-panel-motion-left-enter-active,
.b-design-drawer-panel-motion-left-leave {
    transform: translateX(0)
}

.b-design-drawer-panel-motion-left-leave-active {
    transform: translateX(-100%)
}

.b-design-drawer-panel-motion-right-appear-start,
.b-design-drawer-panel-motion-right-enter-start,
.b-design-drawer-panel-motion-right-leave-start {
    transition: none
}

.b-design-drawer-panel-motion-right-appear-active,
.b-design-drawer-panel-motion-right-enter-active,
.b-design-drawer-panel-motion-right-leave-active {
    transition: all .3s
}

.b-design-drawer-panel-motion-right-appear,
.b-design-drawer-panel-motion-right-enter {
    transform: translateX(100%)
}

.b-design-drawer-panel-motion-right-appear-active,
.b-design-drawer-panel-motion-right-enter-active,
.b-design-drawer-panel-motion-right-leave {
    transform: translateX(0)
}

.b-design-drawer-panel-motion-right-leave-active {
    transform: translateX(100%)
}

.b-design-drawer-panel-motion-top-appear-start,
.b-design-drawer-panel-motion-top-enter-start,
.b-design-drawer-panel-motion-top-leave-start {
    transition: none
}

.b-design-drawer-panel-motion-top-appear-active,
.b-design-drawer-panel-motion-top-enter-active,
.b-design-drawer-panel-motion-top-leave-active {
    transition: all .3s
}

.b-design-drawer-panel-motion-top-appear,
.b-design-drawer-panel-motion-top-enter {
    transform: translateY(-100%)
}

.b-design-drawer-panel-motion-top-appear-active,
.b-design-drawer-panel-motion-top-enter-active,
.b-design-drawer-panel-motion-top-leave {
    transform: translateY(0)
}

.b-design-drawer-panel-motion-top-leave-active {
    transform: translateY(-100%)
}

.b-design-drawer-panel-motion-bottom-appear-start,
.b-design-drawer-panel-motion-bottom-enter-start,
.b-design-drawer-panel-motion-bottom-leave-start {
    transition: none
}

.b-design-drawer-panel-motion-bottom-appear-active,
.b-design-drawer-panel-motion-bottom-enter-active,
.b-design-drawer-panel-motion-bottom-leave-active {
    transition: all .3s
}

.b-design-drawer-panel-motion-bottom-appear,
.b-design-drawer-panel-motion-bottom-enter {
    transform: translateY(100%)
}

.b-design-drawer-panel-motion-bottom-appear-active,
.b-design-drawer-panel-motion-bottom-enter-active,
.b-design-drawer-panel-motion-bottom-leave {
    transform: translateY(0)
}

.b-design-drawer-panel-motion-bottom-leave-active {
    transform: translateY(100%)
}

.b-design-drawer-rtl {
    direction: rtl
}

.b-design-drawer-rtl .b-design-drawer-close {
    margin-right: 0;
    margin-left: 12px
}

.b-design-drawer-header {
    padding: 24px 32px;
    border-bottom: 0
}

.b-design-drawer-body {
    padding: 16px 32px 80px;
    color: #474a52
}

.b-design-drawer-close {
    position: absolute;
    right: 24px;
    height: 24px;
    margin-right: 0;
    padding: 0
}

.b-design-drawer-close .anticon-close {
    font-size: 24px
}

.b-design-drawer-close .anticon-close svg {
    display: none !important
}

.b-design-drawer-close .anticon-close:after {
    width: 24px;
    height: 24px;
    font-family: iconfont !important;
    line-height: 24px;
    content: "\e7b2"
}

.b-design-drawer-extra {
    position: absolute;
    bottom: 24px
}

.b-design-drawer-bottom .b-design-drawer-extra,
.b-design-drawer-top .b-design-drawer-extra {
    right: 32px
}

.b-design-drawer-bottom .b-design-drawer-content,
.b-design-drawer-top .b-design-drawer-content {
    min-height: 260px
}

.b-design-drawer-mask {
    background-color: rgba(71, 74, 82, .6);
    -webkit-backdrop-filter: blur(4px) saturate(2.1);
    backdrop-filter: blur(4px) saturate(2.1)
}

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

.b-design-dropdown-menu-item.b-design-dropdown-menu-item-danger:hover {
    color: #fff;
    background-color: var(--b-design-error-color)
}

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

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

.b-design-dropdown-wrap {
    position: relative
}

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

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

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

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

.b-design-dropdown-show-arrow.b-design-dropdown-placement-top,
.b-design-dropdown-show-arrow.b-design-dropdown-placement-topLeft,
.b-design-dropdown-show-arrow.b-design-dropdown-placement-topRight {
    padding-bottom: 12px
}

.b-design-dropdown-show-arrow.b-design-dropdown-placement-bottom,
.b-design-dropdown-show-arrow.b-design-dropdown-placement-bottomLeft,
.b-design-dropdown-show-arrow.b-design-dropdown-placement-bottomRight {
    padding-top: 12px
}

.b-design-dropdown-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 0 0 2px;
    pointer-events: none
}

.b-design-dropdown-arrow:before {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 24px;
    height: 24px;
    background: #fff;
    background-repeat: no-repeat;
    background-position: -7px -7px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z");
    clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z")
}

.b-design-dropdown-placement-top>.b-design-dropdown-arrow,
.b-design-dropdown-placement-topLeft>.b-design-dropdown-arrow,
.b-design-dropdown-placement-topRight>.b-design-dropdown-arrow {
    bottom: 7.65685425px;
    box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, .1);
    transform: rotate(45deg)
}

.b-design-dropdown-placement-top>.b-design-dropdown-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

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

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

.b-design-dropdown-placement-bottom>.b-design-dropdown-arrow,
.b-design-dropdown-placement-bottomLeft>.b-design-dropdown-arrow,
.b-design-dropdown-placement-bottomRight>.b-design-dropdown-arrow {
    top: 7.07106781px;
    box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, .1);
    transform: rotate(-135deg) translateY(-.5px)
}

.b-design-dropdown-placement-bottom>.b-design-dropdown-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(-135deg) translateY(-.5px)
}

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

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

.b-design-dropdown-menu {
    position: relative;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-dropdown-menu-item-group-title {
    padding: 5px 16px
}

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

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

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

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

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

.b-design-dropdown-menu-title-content {
    flex: auto
}

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

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

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

.b-design-dropdown-menu-item,
.b-design-dropdown-menu-submenu-title {
    clear: both;
    margin: 0;
    padding: 6px 16px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
    transition: all .3s
}

.b-design-dropdown-menu-item-selected,
.b-design-dropdown-menu-submenu-title-selected {
    color: var(--b-design-primary-color);
    background-color: #edeef0
}

.b-design-dropdown-menu-item.b-design-dropdown-menu-item-active,
.b-design-dropdown-menu-item.b-design-dropdown-menu-submenu-title-active,
.b-design-dropdown-menu-item:hover,
.b-design-dropdown-menu-submenu-title.b-design-dropdown-menu-item-active,
.b-design-dropdown-menu-submenu-title.b-design-dropdown-menu-submenu-title-active,
.b-design-dropdown-menu-submenu-title:hover {
    background-color: #f5f5f5
}

.b-design-dropdown-menu-item-divider,
.b-design-dropdown-menu-submenu-title-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    line-height: 0;
    background-color: #e6e8eb
}

.b-design-dropdown-menu-item .b-design-dropdown-menu-submenu-expand-icon .b-design-dropdown-menu-submenu-arrow-icon,
.b-design-dropdown-menu-submenu-title .b-design-dropdown-menu-submenu-expand-icon .b-design-dropdown-menu-submenu-arrow-icon {
    color: #474a52;
    font-size: 10px
}

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

.b-design-dropdown-menu-submenu-title {
    padding-right: 28px
}

.b-design-dropdown-menu-submenu-vertical {
    position: relative
}

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

.b-design-dropdown-menu-submenu.b-design-dropdown-menu-submenu-disabled .b-design-dropdown-menu-submenu-title,
.b-design-dropdown-menu-submenu.b-design-dropdown-menu-submenu-disabled .b-design-dropdown-menu-submenu-title .b-design-dropdown-menu-submenu-arrow-icon {
    color: #b8bbc2;
    background-color: #fff;
    cursor: not-allowed
}

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

.b-design-dropdown.b-design-slide-down-appear.b-design-slide-down-appear-active.b-design-dropdown-placement-bottom,
.b-design-dropdown.b-design-slide-down-appear.b-design-slide-down-appear-active.b-design-dropdown-placement-bottomLeft,
.b-design-dropdown.b-design-slide-down-appear.b-design-slide-down-appear-active.b-design-dropdown-placement-bottomRight,
.b-design-dropdown.b-design-slide-down-enter.b-design-slide-down-enter-active.b-design-dropdown-placement-bottom,
.b-design-dropdown.b-design-slide-down-enter.b-design-slide-down-enter-active.b-design-dropdown-placement-bottomLeft,
.b-design-dropdown.b-design-slide-down-enter.b-design-slide-down-enter-active.b-design-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.b-design-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-dropdown-placement-top,
.b-design-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-dropdown-placement-topLeft,
.b-design-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-dropdown-placement-topRight,
.b-design-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-dropdown-placement-top,
.b-design-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-dropdown-placement-topLeft,
.b-design-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-dropdown-placement-topRight {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.b-design-dropdown.b-design-slide-down-leave.b-design-slide-down-leave-active.b-design-dropdown-placement-bottom,
.b-design-dropdown.b-design-slide-down-leave.b-design-slide-down-leave-active.b-design-dropdown-placement-bottomLeft,
.b-design-dropdown.b-design-slide-down-leave.b-design-slide-down-leave-active.b-design-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.b-design-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-dropdown-placement-top,
.b-design-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-dropdown-placement-topLeft,
.b-design-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-dropdown-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

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

.b-design-dropdown-button {
    white-space: nowrap
}

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

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

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

.b-design-dropdown-menu-dark,
.b-design-dropdown-menu-dark .b-design-dropdown-menu {
    background: #1f2024
}

.b-design-dropdown-menu-dark .b-design-dropdown-menu-item,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item .b-design-dropdown-menu-submenu-arrow:after,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>.anticon+span>a,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>.anticon+span>a .b-design-dropdown-menu-submenu-arrow:after,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>a,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>a .b-design-dropdown-menu-submenu-arrow:after,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-submenu-title,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-submenu-title .b-design-dropdown-menu-submenu-arrow:after {
    color: hsla(0, 0%, 100%, .65)
}

.b-design-dropdown-menu-dark .b-design-dropdown-menu-item:hover,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>.anticon+span>a:hover,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>a:hover,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-submenu-title:hover {
    color: #fff;
    background: transparent
}

.b-design-dropdown-menu-dark .b-design-dropdown-menu-item-selected,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item-selected:hover,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item-selected>a {
    color: #fff;
    background: var(--b-design-primary-color)
}

.b-design-dropdown-rtl {
    direction: rtl
}

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

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

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

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

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

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

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

.b-design-dropdown-rtl .b-design-dropdown-menu-submenu-title {
    padding-right: 16px;
    padding-left: 28px
}

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

.b-design-dropdown {
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1);
    border-radius: 4px
}

.b-design-dropdown-menu {
    background: transparent;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .15)
}

.b-design-dropdown-menu-item-group-title {
    color: #81848f !important;
    transition: all .3s;
    margin-bottom: .4px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px
}

.b-design-dropdown-menu-submenu-popup {
    box-shadow: none !important
}

.b-design-dropdown-menu-submenu-popup .b-design-dropdown-menu {
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1)
}

.b-design-dropdown-menu-item:hover,
.b-design-dropdown-menu-submenu-title:hover {
    background-color: #f1f2f3
}

.b-design-dropdown-menu-item:hover .b-design-dropdown-menu-submenu-arrow-icon,
.b-design-dropdown-menu-submenu-title:hover .b-design-dropdown-menu-submenu-arrow-icon {
    color: #474a52 !important
}

.b-design-dropdown-menu-item-disabled,
.b-design-dropdown-menu-submenu-title-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-dropdown-menu-item-disabled:hover,
.b-design-dropdown-menu-submenu-title-disabled:hover {
    color: #b8bbc2;
    background-color: #fff;
    cursor: not-allowed
}

.b-design-dropdown-menu-item-disabled:hover .b-design-dropdown-menu-submenu-arrow-icon,
.b-design-dropdown-menu-submenu-title-disabled:hover .b-design-dropdown-menu-submenu-arrow-icon {
    color: #b8bbc2 !important
}

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

.b-design-dropdown-menu-item .b-design-dropdown-menu-submenu-expand-icon,
.b-design-dropdown-menu-submenu-title .b-design-dropdown-menu-submenu-expand-icon {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

.b-design-dropdown-menu-item .b-design-dropdown-menu-submenu-expand-icon .b-design-dropdown-menu-submenu-arrow-icon,
.b-design-dropdown-menu-submenu-title .b-design-dropdown-menu-submenu-expand-icon .b-design-dropdown-menu-submenu-arrow-icon {
    margin-right: 0 !important;
    color: #81848f;
    font-size: 14px;
    font-style: normal
}

.b-design-dropdown-menu-submenu-disabled .b-design-dropdown-menu-item .b-design-dropdown-menu-submenu-arrow-icon,
.b-design-dropdown-menu-submenu-disabled .b-design-dropdown-menu-submenu-title .b-design-dropdown-menu-submenu-arrow-icon {
    color: #b8bbc2 !important
}

.b-design-dropdown-menu-item-group-list {
    margin: 0 !important
}

.b-design-dropdown-menu-submenu-expand-icon .anticon-right svg {
    display: none !important
}

.b-design-dropdown-menu-submenu-expand-icon .anticon-right:after {
    width: 12px;
    height: 12px;
    font-family: iconfont !important;
    line-height: 12px;
    content: "\e7ae"
}

.b-design-empty {
    margin: 0 8px;
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.b-design-empty-image {
    height: 100px;
    margin-bottom: 8px
}

.b-design-empty-image img {
    height: 100%
}

.b-design-empty-image svg {
    height: 100%;
    margin: auto
}

.b-design-empty-footer {
    margin-top: 16px
}

.b-design-empty-normal {
    margin: 32px 0;
    color: #b8bbc2
}

.b-design-empty-normal .b-design-empty-image {
    height: 40px
}

.b-design-empty-small {
    margin: 8px 0;
    color: #b8bbc2
}

.b-design-empty-small .b-design-empty-image {
    height: 35px
}

.b-design-empty-img-default-ellipse {
    fill: #f5f5f5;
    fill-opacity: .8
}

.b-design-empty-img-default-path-1 {
    fill: #aeb8c2
}

.b-design-empty-img-default-path-2 {
    fill: url(#linearGradient-1)
}

.b-design-empty-img-default-path-3 {
    fill: #f5f5f7
}

.b-design-empty-img-default-path-4,
.b-design-empty-img-default-path-5 {
    fill: #dce0e6
}

.b-design-empty-img-default-g {
    fill: #fff
}

.b-design-empty-img-simple-ellipse {
    fill: #f5f5f5
}

.b-design-empty-img-simple-g {
    stroke: #d9d9d9
}

.b-design-empty-img-simple-path {
    fill: #fafafa
}

.b-design-empty-rtl {
    direction: rtl
}

.b-design-form-item .b-design-input-number+.b-design-form-text {
    margin-left: 8px
}

.b-design-form-inline {
    display: flex;
    flex-wrap: wrap
}

.b-design-form-inline .b-design-form-item {
    flex: none;
    flex-wrap: nowrap;
    margin-right: 16px;
    margin-bottom: 0
}

.b-design-form-inline .b-design-form-item-with-help {
    margin-bottom: 24px
}

.b-design-form-inline .b-design-form-item>.b-design-form-item-control,
.b-design-form-inline .b-design-form-item>.b-design-form-item-label {
    display: inline-block;
    vertical-align: top
}

.b-design-form-inline .b-design-form-item>.b-design-form-item-label {
    flex: none
}

.b-design-form-inline .b-design-form-item .b-design-form-item-has-feedback,
.b-design-form-inline .b-design-form-item .b-design-form-text {
    display: inline-block
}

.b-design-form-horizontal .b-design-form-item-label {
    flex-grow: 0
}

.b-design-form-horizontal .b-design-form-item-control {
    flex: 1 1 0;
    min-width: 0
}

.b-design-form-horizontal .b-design-form-item-label[class$="-24"]+.b-design-form-item-control,
.b-design-form-horizontal .b-design-form-item-label[class*="-24 "]+.b-design-form-item-control {
    min-width: unset
}

.b-design-form-vertical .b-design-form-item-row {
    flex-direction: column
}

.b-design-form-vertical .b-design-form-item-label>label {
    height: auto
}

.b-design-form-vertical .b-design-form-item .b-design-form-item-control {
    width: 100%
}

.b-design-col-24.b-design-form-item-label,
.b-design-col-xl-24.b-design-form-item-label,
.b-design-form-vertical .b-design-form-item-label {
    padding: 0 0 6px;
    line-height: 1.5715;
    white-space: normal;
    text-align: left
}

.b-design-col-24.b-design-form-item-label>label,
.b-design-col-xl-24.b-design-form-item-label>label,
.b-design-form-vertical .b-design-form-item-label>label {
    margin: 0
}

.b-design-col-24.b-design-form-item-label>label:after,
.b-design-col-xl-24.b-design-form-item-label>label:after,
.b-design-form-vertical .b-design-form-item-label>label:after {
    display: none
}

.b-design-form-rtl.b-design-col-24.b-design-form-item-label,
.b-design-form-rtl.b-design-col-xl-24.b-design-form-item-label,
.b-design-form-rtl.b-design-form-vertical .b-design-form-item-label {
    text-align: right
}

@media (max-width:575px) {
    .b-design-form-item .b-design-form-item-label {
        padding: 0 0 6px;
        line-height: 1.5715;
        white-space: normal;
        text-align: left
    }

    .b-design-form-item .b-design-form-item-label>label {
        margin: 0
    }

    .b-design-form-item .b-design-form-item-label>label:after {
        display: none
    }

    .b-design-form-rtl.b-design-form-item .b-design-form-item-label {
        text-align: right
    }

    .b-design-form .b-design-form-item {
        flex-wrap: wrap
    }

    .b-design-form .b-design-form-item .b-design-form-item-control,
    .b-design-form .b-design-form-item .b-design-form-item-label {
        flex: 0 0 100%;
        max-width: 100%
    }

    .b-design-col-xs-24.b-design-form-item-label {
        padding: 0 0 6px;
        line-height: 1.5715;
        white-space: normal;
        text-align: left
    }

    .b-design-col-xs-24.b-design-form-item-label>label {
        margin: 0
    }

    .b-design-col-xs-24.b-design-form-item-label>label:after {
        display: none
    }

    .b-design-form-rtl.b-design-col-xs-24.b-design-form-item-label {
        text-align: right
    }
}

@media (max-width:767px) {
    .b-design-col-sm-24.b-design-form-item-label {
        padding: 0 0 6px;
        line-height: 1.5715;
        white-space: normal;
        text-align: left
    }

    .b-design-col-sm-24.b-design-form-item-label>label {
        margin: 0
    }

    .b-design-col-sm-24.b-design-form-item-label>label:after {
        display: none
    }

    .b-design-form-rtl.b-design-col-sm-24.b-design-form-item-label {
        text-align: right
    }
}

@media (max-width:991px) {
    .b-design-col-md-24.b-design-form-item-label {
        padding: 0 0 6px;
        line-height: 1.5715;
        white-space: normal;
        text-align: left
    }

    .b-design-col-md-24.b-design-form-item-label>label {
        margin: 0
    }

    .b-design-col-md-24.b-design-form-item-label>label:after {
        display: none
    }

    .b-design-form-rtl.b-design-col-md-24.b-design-form-item-label {
        text-align: right
    }
}

@media (max-width:1199px) {
    .b-design-col-lg-24.b-design-form-item-label {
        padding: 0 0 6px;
        line-height: 1.5715;
        white-space: normal;
        text-align: left
    }

    .b-design-col-lg-24.b-design-form-item-label>label {
        margin: 0
    }

    .b-design-col-lg-24.b-design-form-item-label>label:after {
        display: none
    }

    .b-design-form-rtl.b-design-col-lg-24.b-design-form-item-label {
        text-align: right
    }
}

@media (max-width:1599px) {
    .b-design-col-xl-24.b-design-form-item-label {
        padding: 0 0 6px;
        line-height: 1.5715;
        white-space: normal;
        text-align: left
    }

    .b-design-col-xl-24.b-design-form-item-label>label {
        margin: 0
    }

    .b-design-col-xl-24.b-design-form-item-label>label:after {
        display: none
    }

    .b-design-form-rtl.b-design-col-xl-24.b-design-form-item-label {
        text-align: right
    }
}

.b-design-form-item-explain-error {
    color: var(--b-design-error-color)
}

.b-design-form-item-explain-warning {
    color: var(--b-design-warning-color)
}

.b-design-form-item-has-feedback .b-design-switch {
    margin: 2px 0 4px
}

.b-design-form-item-has-warning .b-design-form-item-split {
    color: var(--b-design-warning-color)
}

.b-design-form-item-has-error .b-design-form-item-split {
    color: var(--b-design-error-color)
}

.b-design-form {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.b-design-form legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: #474a52;
    font-size: 16px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #d7d8db
}

.b-design-form label {
    font-size: 14px
}

.b-design-form input[type=search] {
    box-sizing: border-box
}

.b-design-form input[type=checkbox],
.b-design-form input[type=radio] {
    line-height: normal
}

.b-design-form input[type=file] {
    display: block
}

.b-design-form input[type=range] {
    display: block;
    width: 100%
}

.b-design-form select[multiple],
.b-design-form select[size] {
    height: auto
}

.b-design-form input[type=checkbox]:focus,
.b-design-form input[type=file]:focus,
.b-design-form input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.b-design-form output {
    display: block;
    padding-top: 15px;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715
}

.b-design-form .b-design-form-text {
    display: inline-block;
    padding-right: 8px
}

.b-design-form-small .b-design-form-item-label>label {
    height: 28px
}

.b-design-form-small .b-design-form-item-control-input {
    min-height: 28px
}

.b-design-form-large .b-design-form-item-label>label {
    height: 40px
}

.b-design-form-large .b-design-form-item-control-input {
    min-height: 40px
}

.b-design-form-item {
    box-sizing: border-box;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    margin: 0 0 24px;
    vertical-align: top
}

.b-design-form-item-with-help {
    transition: none
}

.b-design-form-item-hidden,
.b-design-form-item-hidden.b-design-row {
    display: none
}

.b-design-form-item-label {
    display: inline-block;
    flex-grow: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle
}

.b-design-form-item-label-left {
    text-align: left
}

.b-design-form-item-label-wrap {
    overflow: unset;
    line-height: 1.3215em;
    white-space: unset
}

.b-design-form-item-label>label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 32px;
    color: #474a52;
    font-size: 12px
}

.b-design-form-item-label>label>.anticon {
    font-size: 12px;
    vertical-align: top
}

.b-design-form-item-label>label.b-design-form-item-required:not(.b-design-form-item-required-mark-optional):before {
    display: inline-block;
    margin-right: 4px;
    color: #ec4344;
    font-size: 12px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*"
}

.b-design-form-hide-required-mark .b-design-form-item-label>label.b-design-form-item-required:not(.b-design-form-item-required-mark-optional):before {
    display: none
}

.b-design-form-item-label>label .b-design-form-item-optional {
    display: inline-block;
    margin-left: 4px;
    color: #474a52
}

.b-design-form-hide-required-mark .b-design-form-item-label>label .b-design-form-item-optional {
    display: none
}

.b-design-form-item-label>label .b-design-form-item-tooltip {
    color: #474a52;
    cursor: help;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.b-design-form-item-label>label:after {
    content: ":";
    position: relative;
    top: -.5px
}

.b-design-form-item-label>label.b-design-form-item-no-colon:after {
    content: " "
}

.b-design-form-item-control {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.b-design-form-item-control:first-child:not([class^=b-design-col-]):not([class*=" b-design-col-"]) {
    width: 100%
}

.b-design-form-item-control-input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px
}

.b-design-form-item-control-input-content {
    flex: auto;
    max-width: 100%
}

.b-design-form-item-explain,
.b-design-form-item-extra {
    clear: both;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    transition: color .3s cubic-bezier(.215, .61, .355, 1)
}

.b-design-form-item-explain-connected {
    width: 100%
}

.b-design-form-item-extra {
    min-height: 24px
}

.b-design-form-item-with-help .b-design-form-item-explain {
    height: auto;
    opacity: 1
}

.b-design-form-item-feedback-icon {
    font-size: 14px;
    text-align: center;
    visibility: visible;
    -webkit-animation: zoomIn .3s cubic-bezier(.12, .4, .29, 1.46);
    animation: zoomIn .3s cubic-bezier(.12, .4, .29, 1.46);
    pointer-events: none
}

.b-design-form-item-feedback-icon-success {
    color: var(--b-design-success-color)
}

.b-design-form-item-feedback-icon-error {
    color: var(--b-design-error-color)
}

.b-design-form-item-feedback-icon-warning {
    color: var(--b-design-warning-color)
}

.b-design-form-item-feedback-icon-validating {
    color: var(--b-design-primary-color)
}

.b-design-show-help {
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.b-design-show-help-appear,
.b-design-show-help-enter {
    opacity: 0
}

.b-design-show-help-appear-active,
.b-design-show-help-enter-active,
.b-design-show-help-leave {
    opacity: 1
}

.b-design-show-help-leave-active {
    opacity: 0
}

.b-design-show-help-item {
    overflow: hidden;
    transition: height .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1) !important
}

.b-design-show-help-item-appear,
.b-design-show-help-item-enter {
    transform: translateY(-5px);
    opacity: 0
}

.b-design-show-help-item-appear-active,
.b-design-show-help-item-enter-active {
    transform: translateY(0);
    opacity: 1
}

.b-design-show-help-item-leave {
    transition: height .2s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1), transform .2s cubic-bezier(.645, .045, .355, 1) !important
}

.b-design-show-help-item-leave-active {
    transform: translateY(-5px)
}

@-webkit-keyframes diffZoomIn1 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn1 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes diffZoomIn2 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn2 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes diffZoomIn3 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn3 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.b-design-form-rtl {
    direction: rtl
}

.b-design-form-rtl .b-design-form-item-label {
    text-align: left
}

.b-design-form-rtl .b-design-form-item-label>label.b-design-form-item-required:before {
    margin-right: 0;
    margin-left: 4px
}

.b-design-form-rtl .b-design-form-item-label>label:after {
    margin: 0 2px 0 8px
}

.b-design-form-rtl .b-design-form-item-label>label .b-design-form-item-optional {
    margin-right: 4px;
    margin-left: 0
}

.b-design-col-rtl .b-design-form-item-control:first-child {
    width: 100%
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-input {
    padding-right: 11px;
    padding-left: 24px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-input-affix-wrapper .b-design-input-suffix {
    padding-right: 11px;
    padding-left: 18px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-input-affix-wrapper .b-design-input,
.b-design-form-rtl .b-design-form-item-has-feedback .b-design-input-number-affix-wrapper .b-design-input-number {
    padding: 0
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-input-search:not(.b-design-input-search-enter-button) .b-design-input-suffix {
    right: auto;
    left: 28px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-input-number {
    padding-left: 18px
}

.b-design-form-rtl .b-design-form-item-has-feedback :not(.b-design-input-group-addon)>.b-design-select .b-design-select-arrow,
.b-design-form-rtl .b-design-form-item-has-feedback :not(.b-design-input-group-addon)>.b-design-select .b-design-select-clear,
.b-design-form-rtl .b-design-form-item-has-feedback :not(.b-design-input-number-group-addon)>.b-design-select .b-design-select-arrow,
.b-design-form-rtl .b-design-form-item-has-feedback :not(.b-design-input-number-group-addon)>.b-design-select .b-design-select-clear,
.b-design-form-rtl .b-design-form-item-has-feedback>.b-design-select .b-design-select-arrow,
.b-design-form-rtl .b-design-form-item-has-feedback>.b-design-select .b-design-select-clear {
    right: auto;
    left: 32px
}

.b-design-form-rtl .b-design-form-item-has-feedback :not(.b-design-input-group-addon)>.b-design-select .b-design-select-selection-selected-value,
.b-design-form-rtl .b-design-form-item-has-feedback :not(.b-design-input-number-group-addon)>.b-design-select .b-design-select-selection-selected-value,
.b-design-form-rtl .b-design-form-item-has-feedback>.b-design-select .b-design-select-selection-selected-value {
    padding-right: 0;
    padding-left: 42px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-cascader-picker-arrow {
    margin-right: 0;
    margin-left: 19px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-cascader-picker-clear {
    right: auto;
    left: 32px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-picker {
    padding-right: 11px;
    padding-left: 29.2px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-picker-large {
    padding-right: 15px;
    padding-left: 33.2px
}

.b-design-form-rtl .b-design-form-item-has-feedback .b-design-picker-small {
    padding-right: 11px;
    padding-left: 29.2px
}

.b-design-form-rtl .b-design-form-item-has-feedback.b-design-form-item-has-error .b-design-form-item-children-icon,
.b-design-form-rtl .b-design-form-item-has-feedback.b-design-form-item-has-success .b-design-form-item-children-icon,
.b-design-form-rtl .b-design-form-item-has-feedback.b-design-form-item-has-warning .b-design-form-item-children-icon,
.b-design-form-rtl .b-design-form-item-has-feedback.b-design-form-item-is-validating .b-design-form-item-children-icon {
    right: auto;
    left: 0
}

.b-design-form-rtl.b-design-form-inline .b-design-form-item {
    margin-right: 0;
    margin-left: 16px
}

.b-design-form-item-label>label {
    margin-right: 12px;
    line-height: 20px
}

.b-design-form-item-label>label:after {
    margin: 0 8px 0 2px;
    content: ""
}

.b-design-form-item-label>label.b-design-form-item-required:not(.b-design-form-item-required-mark-optional):after {
    display: inline-block;
    display: none;
    margin-left: 4px;
    color: #ec4344;
    font-size: 12px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*"
}

.b-design-form-item-label-left>label.b-design-form-item-required:not(.b-design-form-item-required-mark-optional):before {
    display: none
}

.b-design-form-item-label-left>label.b-design-form-item-required:not(.b-design-form-item-required-mark-optional):after {
    display: inline-block
}

.b-design-form-item-explain,
.b-design-form-item-extra {
    min-height: 0;
    margin-top: 4px;
    font-size: 12px
}

.b-design-form-vertical .b-design-form-item-label>label.b-design-form-item-required:not(.b-design-form-item-required-mark-optional):before {
    display: none
}

.b-design-form-vertical .b-design-form-item-label>label.b-design-form-item-required:not(.b-design-form-item-required-mark-optional):after {
    display: inline-block
}

.b-design-form-inline {
    align-items: flex-end
}

.b-design-form-inline .b-design-form-item-row {
    flex-direction: column
}

.b-design-form-inline .b-design-form-item-label {
    text-align: left
}

.b-design-row {
    display: flex;
    flex-flow: row wrap;
    min-width: 0
}

.b-design-row:after,
.b-design-row:before {
    display: flex
}

.b-design-row-no-wrap {
    flex-wrap: nowrap
}

.b-design-row-start {
    justify-content: flex-start
}

.b-design-row-center {
    justify-content: center
}

.b-design-row-end {
    justify-content: flex-end
}

.b-design-row-space-between {
    justify-content: space-between
}

.b-design-row-space-around {
    justify-content: space-around
}

.b-design-row-space-evenly {
    justify-content: space-evenly
}

.b-design-row-top {
    align-items: flex-start
}

.b-design-row-middle {
    align-items: center
}

.b-design-row-bottom {
    align-items: flex-end
}

.b-design-col {
    position: relative;
    max-width: 100%;
    min-height: 1px
}

.b-design-col-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.b-design-col-push-24 {
    left: 100%
}

.b-design-col-pull-24 {
    right: 100%
}

.b-design-col-offset-24 {
    margin-left: 100%
}

.b-design-col-order-24 {
    order: 24
}

.b-design-col-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.b-design-col-push-23 {
    left: 95.83333333%
}

.b-design-col-pull-23 {
    right: 95.83333333%
}

.b-design-col-offset-23 {
    margin-left: 95.83333333%
}

.b-design-col-order-23 {
    order: 23
}

.b-design-col-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.b-design-col-push-22 {
    left: 91.66666667%
}

.b-design-col-pull-22 {
    right: 91.66666667%
}

.b-design-col-offset-22 {
    margin-left: 91.66666667%
}

.b-design-col-order-22 {
    order: 22
}

.b-design-col-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.b-design-col-push-21 {
    left: 87.5%
}

.b-design-col-pull-21 {
    right: 87.5%
}

.b-design-col-offset-21 {
    margin-left: 87.5%
}

.b-design-col-order-21 {
    order: 21
}

.b-design-col-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.b-design-col-push-20 {
    left: 83.33333333%
}

.b-design-col-pull-20 {
    right: 83.33333333%
}

.b-design-col-offset-20 {
    margin-left: 83.33333333%
}

.b-design-col-order-20 {
    order: 20
}

.b-design-col-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.b-design-col-push-19 {
    left: 79.16666667%
}

.b-design-col-pull-19 {
    right: 79.16666667%
}

.b-design-col-offset-19 {
    margin-left: 79.16666667%
}

.b-design-col-order-19 {
    order: 19
}

.b-design-col-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.b-design-col-push-18 {
    left: 75%
}

.b-design-col-pull-18 {
    right: 75%
}

.b-design-col-offset-18 {
    margin-left: 75%
}

.b-design-col-order-18 {
    order: 18
}

.b-design-col-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.b-design-col-push-17 {
    left: 70.83333333%
}

.b-design-col-pull-17 {
    right: 70.83333333%
}

.b-design-col-offset-17 {
    margin-left: 70.83333333%
}

.b-design-col-order-17 {
    order: 17
}

.b-design-col-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.b-design-col-push-16 {
    left: 66.66666667%
}

.b-design-col-pull-16 {
    right: 66.66666667%
}

.b-design-col-offset-16 {
    margin-left: 66.66666667%
}

.b-design-col-order-16 {
    order: 16
}

.b-design-col-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.b-design-col-push-15 {
    left: 62.5%
}

.b-design-col-pull-15 {
    right: 62.5%
}

.b-design-col-offset-15 {
    margin-left: 62.5%
}

.b-design-col-order-15 {
    order: 15
}

.b-design-col-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.b-design-col-push-14 {
    left: 58.33333333%
}

.b-design-col-pull-14 {
    right: 58.33333333%
}

.b-design-col-offset-14 {
    margin-left: 58.33333333%
}

.b-design-col-order-14 {
    order: 14
}

.b-design-col-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.b-design-col-push-13 {
    left: 54.16666667%
}

.b-design-col-pull-13 {
    right: 54.16666667%
}

.b-design-col-offset-13 {
    margin-left: 54.16666667%
}

.b-design-col-order-13 {
    order: 13
}

.b-design-col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.b-design-col-push-12 {
    left: 50%
}

.b-design-col-pull-12 {
    right: 50%
}

.b-design-col-offset-12 {
    margin-left: 50%
}

.b-design-col-order-12 {
    order: 12
}

.b-design-col-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.b-design-col-push-11 {
    left: 45.83333333%
}

.b-design-col-pull-11 {
    right: 45.83333333%
}

.b-design-col-offset-11 {
    margin-left: 45.83333333%
}

.b-design-col-order-11 {
    order: 11
}

.b-design-col-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.b-design-col-push-10 {
    left: 41.66666667%
}

.b-design-col-pull-10 {
    right: 41.66666667%
}

.b-design-col-offset-10 {
    margin-left: 41.66666667%
}

.b-design-col-order-10 {
    order: 10
}

.b-design-col-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.b-design-col-push-9 {
    left: 37.5%
}

.b-design-col-pull-9 {
    right: 37.5%
}

.b-design-col-offset-9 {
    margin-left: 37.5%
}

.b-design-col-order-9 {
    order: 9
}

.b-design-col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.b-design-col-push-8 {
    left: 33.33333333%
}

.b-design-col-pull-8 {
    right: 33.33333333%
}

.b-design-col-offset-8 {
    margin-left: 33.33333333%
}

.b-design-col-order-8 {
    order: 8
}

.b-design-col-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.b-design-col-push-7 {
    left: 29.16666667%
}

.b-design-col-pull-7 {
    right: 29.16666667%
}

.b-design-col-offset-7 {
    margin-left: 29.16666667%
}

.b-design-col-order-7 {
    order: 7
}

.b-design-col-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.b-design-col-push-6 {
    left: 25%
}

.b-design-col-pull-6 {
    right: 25%
}

.b-design-col-offset-6 {
    margin-left: 25%
}

.b-design-col-order-6 {
    order: 6
}

.b-design-col-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.b-design-col-push-5 {
    left: 20.83333333%
}

.b-design-col-pull-5 {
    right: 20.83333333%
}

.b-design-col-offset-5 {
    margin-left: 20.83333333%
}

.b-design-col-order-5 {
    order: 5
}

.b-design-col-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.b-design-col-push-4 {
    left: 16.66666667%
}

.b-design-col-pull-4 {
    right: 16.66666667%
}

.b-design-col-offset-4 {
    margin-left: 16.66666667%
}

.b-design-col-order-4 {
    order: 4
}

.b-design-col-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.b-design-col-push-3 {
    left: 12.5%
}

.b-design-col-pull-3 {
    right: 12.5%
}

.b-design-col-offset-3 {
    margin-left: 12.5%
}

.b-design-col-order-3 {
    order: 3
}

.b-design-col-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.b-design-col-push-2 {
    left: 8.33333333%
}

.b-design-col-pull-2 {
    right: 8.33333333%
}

.b-design-col-offset-2 {
    margin-left: 8.33333333%
}

.b-design-col-order-2 {
    order: 2
}

.b-design-col-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.b-design-col-push-1 {
    left: 4.16666667%
}

.b-design-col-pull-1 {
    right: 4.16666667%
}

.b-design-col-offset-1 {
    margin-left: 4.16666667%
}

.b-design-col-order-1 {
    order: 1
}

.b-design-col-0 {
    display: none
}

.b-design-col-offset-0 {
    margin-left: 0
}

.b-design-col-order-0 {
    order: 0
}

.b-design-col-offset-0.b-design-col-rtl {
    margin-right: 0
}

.b-design-col-push-1.b-design-col-rtl {
    right: 4.16666667%;
    left: auto
}

.b-design-col-pull-1.b-design-col-rtl {
    right: auto;
    left: 4.16666667%
}

.b-design-col-offset-1.b-design-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.b-design-col-push-2.b-design-col-rtl {
    right: 8.33333333%;
    left: auto
}

.b-design-col-pull-2.b-design-col-rtl {
    right: auto;
    left: 8.33333333%
}

.b-design-col-offset-2.b-design-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.b-design-col-push-3.b-design-col-rtl {
    right: 12.5%;
    left: auto
}

.b-design-col-pull-3.b-design-col-rtl {
    right: auto;
    left: 12.5%
}

.b-design-col-offset-3.b-design-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.b-design-col-push-4.b-design-col-rtl {
    right: 16.66666667%;
    left: auto
}

.b-design-col-pull-4.b-design-col-rtl {
    right: auto;
    left: 16.66666667%
}

.b-design-col-offset-4.b-design-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.b-design-col-push-5.b-design-col-rtl {
    right: 20.83333333%;
    left: auto
}

.b-design-col-pull-5.b-design-col-rtl {
    right: auto;
    left: 20.83333333%
}

.b-design-col-offset-5.b-design-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.b-design-col-push-6.b-design-col-rtl {
    right: 25%;
    left: auto
}

.b-design-col-pull-6.b-design-col-rtl {
    right: auto;
    left: 25%
}

.b-design-col-offset-6.b-design-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.b-design-col-push-7.b-design-col-rtl {
    right: 29.16666667%;
    left: auto
}

.b-design-col-pull-7.b-design-col-rtl {
    right: auto;
    left: 29.16666667%
}

.b-design-col-offset-7.b-design-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.b-design-col-push-8.b-design-col-rtl {
    right: 33.33333333%;
    left: auto
}

.b-design-col-pull-8.b-design-col-rtl {
    right: auto;
    left: 33.33333333%
}

.b-design-col-offset-8.b-design-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.b-design-col-push-9.b-design-col-rtl {
    right: 37.5%;
    left: auto
}

.b-design-col-pull-9.b-design-col-rtl {
    right: auto;
    left: 37.5%
}

.b-design-col-offset-9.b-design-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.b-design-col-push-10.b-design-col-rtl {
    right: 41.66666667%;
    left: auto
}

.b-design-col-pull-10.b-design-col-rtl {
    right: auto;
    left: 41.66666667%
}

.b-design-col-offset-10.b-design-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.b-design-col-push-11.b-design-col-rtl {
    right: 45.83333333%;
    left: auto
}

.b-design-col-pull-11.b-design-col-rtl {
    right: auto;
    left: 45.83333333%
}

.b-design-col-offset-11.b-design-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.b-design-col-push-12.b-design-col-rtl {
    right: 50%;
    left: auto
}

.b-design-col-pull-12.b-design-col-rtl {
    right: auto;
    left: 50%
}

.b-design-col-offset-12.b-design-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.b-design-col-push-13.b-design-col-rtl {
    right: 54.16666667%;
    left: auto
}

.b-design-col-pull-13.b-design-col-rtl {
    right: auto;
    left: 54.16666667%
}

.b-design-col-offset-13.b-design-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.b-design-col-push-14.b-design-col-rtl {
    right: 58.33333333%;
    left: auto
}

.b-design-col-pull-14.b-design-col-rtl {
    right: auto;
    left: 58.33333333%
}

.b-design-col-offset-14.b-design-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.b-design-col-push-15.b-design-col-rtl {
    right: 62.5%;
    left: auto
}

.b-design-col-pull-15.b-design-col-rtl {
    right: auto;
    left: 62.5%
}

.b-design-col-offset-15.b-design-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.b-design-col-push-16.b-design-col-rtl {
    right: 66.66666667%;
    left: auto
}

.b-design-col-pull-16.b-design-col-rtl {
    right: auto;
    left: 66.66666667%
}

.b-design-col-offset-16.b-design-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.b-design-col-push-17.b-design-col-rtl {
    right: 70.83333333%;
    left: auto
}

.b-design-col-pull-17.b-design-col-rtl {
    right: auto;
    left: 70.83333333%
}

.b-design-col-offset-17.b-design-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.b-design-col-push-18.b-design-col-rtl {
    right: 75%;
    left: auto
}

.b-design-col-pull-18.b-design-col-rtl {
    right: auto;
    left: 75%
}

.b-design-col-offset-18.b-design-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.b-design-col-push-19.b-design-col-rtl {
    right: 79.16666667%;
    left: auto
}

.b-design-col-pull-19.b-design-col-rtl {
    right: auto;
    left: 79.16666667%
}

.b-design-col-offset-19.b-design-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.b-design-col-push-20.b-design-col-rtl {
    right: 83.33333333%;
    left: auto
}

.b-design-col-pull-20.b-design-col-rtl {
    right: auto;
    left: 83.33333333%
}

.b-design-col-offset-20.b-design-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.b-design-col-push-21.b-design-col-rtl {
    right: 87.5%;
    left: auto
}

.b-design-col-pull-21.b-design-col-rtl {
    right: auto;
    left: 87.5%
}

.b-design-col-offset-21.b-design-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.b-design-col-push-22.b-design-col-rtl {
    right: 91.66666667%;
    left: auto
}

.b-design-col-pull-22.b-design-col-rtl {
    right: auto;
    left: 91.66666667%
}

.b-design-col-offset-22.b-design-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.b-design-col-push-23.b-design-col-rtl {
    right: 95.83333333%;
    left: auto
}

.b-design-col-pull-23.b-design-col-rtl {
    right: auto;
    left: 95.83333333%
}

.b-design-col-offset-23.b-design-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.b-design-col-push-24.b-design-col-rtl {
    right: 100%;
    left: auto
}

.b-design-col-pull-24.b-design-col-rtl {
    right: auto;
    left: 100%
}

.b-design-col-offset-24.b-design-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

.b-design-col-xs-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.b-design-col-xs-push-24 {
    left: 100%
}

.b-design-col-xs-pull-24 {
    right: 100%
}

.b-design-col-xs-offset-24 {
    margin-left: 100%
}

.b-design-col-xs-order-24 {
    order: 24
}

.b-design-col-xs-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.b-design-col-xs-push-23 {
    left: 95.83333333%
}

.b-design-col-xs-pull-23 {
    right: 95.83333333%
}

.b-design-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.b-design-col-xs-order-23 {
    order: 23
}

.b-design-col-xs-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.b-design-col-xs-push-22 {
    left: 91.66666667%
}

.b-design-col-xs-pull-22 {
    right: 91.66666667%
}

.b-design-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.b-design-col-xs-order-22 {
    order: 22
}

.b-design-col-xs-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.b-design-col-xs-push-21 {
    left: 87.5%
}

.b-design-col-xs-pull-21 {
    right: 87.5%
}

.b-design-col-xs-offset-21 {
    margin-left: 87.5%
}

.b-design-col-xs-order-21 {
    order: 21
}

.b-design-col-xs-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.b-design-col-xs-push-20 {
    left: 83.33333333%
}

.b-design-col-xs-pull-20 {
    right: 83.33333333%
}

.b-design-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.b-design-col-xs-order-20 {
    order: 20
}

.b-design-col-xs-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.b-design-col-xs-push-19 {
    left: 79.16666667%
}

.b-design-col-xs-pull-19 {
    right: 79.16666667%
}

.b-design-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.b-design-col-xs-order-19 {
    order: 19
}

.b-design-col-xs-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.b-design-col-xs-push-18 {
    left: 75%
}

.b-design-col-xs-pull-18 {
    right: 75%
}

.b-design-col-xs-offset-18 {
    margin-left: 75%
}

.b-design-col-xs-order-18 {
    order: 18
}

.b-design-col-xs-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.b-design-col-xs-push-17 {
    left: 70.83333333%
}

.b-design-col-xs-pull-17 {
    right: 70.83333333%
}

.b-design-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.b-design-col-xs-order-17 {
    order: 17
}

.b-design-col-xs-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.b-design-col-xs-push-16 {
    left: 66.66666667%
}

.b-design-col-xs-pull-16 {
    right: 66.66666667%
}

.b-design-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.b-design-col-xs-order-16 {
    order: 16
}

.b-design-col-xs-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.b-design-col-xs-push-15 {
    left: 62.5%
}

.b-design-col-xs-pull-15 {
    right: 62.5%
}

.b-design-col-xs-offset-15 {
    margin-left: 62.5%
}

.b-design-col-xs-order-15 {
    order: 15
}

.b-design-col-xs-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.b-design-col-xs-push-14 {
    left: 58.33333333%
}

.b-design-col-xs-pull-14 {
    right: 58.33333333%
}

.b-design-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.b-design-col-xs-order-14 {
    order: 14
}

.b-design-col-xs-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.b-design-col-xs-push-13 {
    left: 54.16666667%
}

.b-design-col-xs-pull-13 {
    right: 54.16666667%
}

.b-design-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.b-design-col-xs-order-13 {
    order: 13
}

.b-design-col-xs-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.b-design-col-xs-push-12 {
    left: 50%
}

.b-design-col-xs-pull-12 {
    right: 50%
}

.b-design-col-xs-offset-12 {
    margin-left: 50%
}

.b-design-col-xs-order-12 {
    order: 12
}

.b-design-col-xs-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.b-design-col-xs-push-11 {
    left: 45.83333333%
}

.b-design-col-xs-pull-11 {
    right: 45.83333333%
}

.b-design-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.b-design-col-xs-order-11 {
    order: 11
}

.b-design-col-xs-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.b-design-col-xs-push-10 {
    left: 41.66666667%
}

.b-design-col-xs-pull-10 {
    right: 41.66666667%
}

.b-design-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.b-design-col-xs-order-10 {
    order: 10
}

.b-design-col-xs-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.b-design-col-xs-push-9 {
    left: 37.5%
}

.b-design-col-xs-pull-9 {
    right: 37.5%
}

.b-design-col-xs-offset-9 {
    margin-left: 37.5%
}

.b-design-col-xs-order-9 {
    order: 9
}

.b-design-col-xs-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.b-design-col-xs-push-8 {
    left: 33.33333333%
}

.b-design-col-xs-pull-8 {
    right: 33.33333333%
}

.b-design-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.b-design-col-xs-order-8 {
    order: 8
}

.b-design-col-xs-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.b-design-col-xs-push-7 {
    left: 29.16666667%
}

.b-design-col-xs-pull-7 {
    right: 29.16666667%
}

.b-design-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.b-design-col-xs-order-7 {
    order: 7
}

.b-design-col-xs-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.b-design-col-xs-push-6 {
    left: 25%
}

.b-design-col-xs-pull-6 {
    right: 25%
}

.b-design-col-xs-offset-6 {
    margin-left: 25%
}

.b-design-col-xs-order-6 {
    order: 6
}

.b-design-col-xs-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.b-design-col-xs-push-5 {
    left: 20.83333333%
}

.b-design-col-xs-pull-5 {
    right: 20.83333333%
}

.b-design-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.b-design-col-xs-order-5 {
    order: 5
}

.b-design-col-xs-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.b-design-col-xs-push-4 {
    left: 16.66666667%
}

.b-design-col-xs-pull-4 {
    right: 16.66666667%
}

.b-design-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.b-design-col-xs-order-4 {
    order: 4
}

.b-design-col-xs-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.b-design-col-xs-push-3 {
    left: 12.5%
}

.b-design-col-xs-pull-3 {
    right: 12.5%
}

.b-design-col-xs-offset-3 {
    margin-left: 12.5%
}

.b-design-col-xs-order-3 {
    order: 3
}

.b-design-col-xs-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.b-design-col-xs-push-2 {
    left: 8.33333333%
}

.b-design-col-xs-pull-2 {
    right: 8.33333333%
}

.b-design-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.b-design-col-xs-order-2 {
    order: 2
}

.b-design-col-xs-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.b-design-col-xs-push-1 {
    left: 4.16666667%
}

.b-design-col-xs-pull-1 {
    right: 4.16666667%
}

.b-design-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.b-design-col-xs-order-1 {
    order: 1
}

.b-design-col-xs-0 {
    display: none
}

.b-design-col-push-0 {
    left: auto
}

.b-design-col-pull-0 {
    right: auto
}

.b-design-col-xs-push-0 {
    left: auto
}

.b-design-col-xs-pull-0 {
    right: auto
}

.b-design-col-xs-offset-0 {
    margin-left: 0
}

.b-design-col-xs-order-0 {
    order: 0
}

.b-design-col-push-0.b-design-col-rtl {
    right: auto
}

.b-design-col-pull-0.b-design-col-rtl {
    left: auto
}

.b-design-col-xs-push-0.b-design-col-rtl {
    right: auto
}

.b-design-col-xs-pull-0.b-design-col-rtl {
    left: auto
}

.b-design-col-xs-offset-0.b-design-col-rtl {
    margin-right: 0
}

.b-design-col-xs-push-1.b-design-col-rtl {
    right: 4.16666667%;
    left: auto
}

.b-design-col-xs-pull-1.b-design-col-rtl {
    right: auto;
    left: 4.16666667%
}

.b-design-col-xs-offset-1.b-design-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.b-design-col-xs-push-2.b-design-col-rtl {
    right: 8.33333333%;
    left: auto
}

.b-design-col-xs-pull-2.b-design-col-rtl {
    right: auto;
    left: 8.33333333%
}

.b-design-col-xs-offset-2.b-design-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.b-design-col-xs-push-3.b-design-col-rtl {
    right: 12.5%;
    left: auto
}

.b-design-col-xs-pull-3.b-design-col-rtl {
    right: auto;
    left: 12.5%
}

.b-design-col-xs-offset-3.b-design-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.b-design-col-xs-push-4.b-design-col-rtl {
    right: 16.66666667%;
    left: auto
}

.b-design-col-xs-pull-4.b-design-col-rtl {
    right: auto;
    left: 16.66666667%
}

.b-design-col-xs-offset-4.b-design-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.b-design-col-xs-push-5.b-design-col-rtl {
    right: 20.83333333%;
    left: auto
}

.b-design-col-xs-pull-5.b-design-col-rtl {
    right: auto;
    left: 20.83333333%
}

.b-design-col-xs-offset-5.b-design-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.b-design-col-xs-push-6.b-design-col-rtl {
    right: 25%;
    left: auto
}

.b-design-col-xs-pull-6.b-design-col-rtl {
    right: auto;
    left: 25%
}

.b-design-col-xs-offset-6.b-design-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.b-design-col-xs-push-7.b-design-col-rtl {
    right: 29.16666667%;
    left: auto
}

.b-design-col-xs-pull-7.b-design-col-rtl {
    right: auto;
    left: 29.16666667%
}

.b-design-col-xs-offset-7.b-design-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.b-design-col-xs-push-8.b-design-col-rtl {
    right: 33.33333333%;
    left: auto
}

.b-design-col-xs-pull-8.b-design-col-rtl {
    right: auto;
    left: 33.33333333%
}

.b-design-col-xs-offset-8.b-design-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.b-design-col-xs-push-9.b-design-col-rtl {
    right: 37.5%;
    left: auto
}

.b-design-col-xs-pull-9.b-design-col-rtl {
    right: auto;
    left: 37.5%
}

.b-design-col-xs-offset-9.b-design-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.b-design-col-xs-push-10.b-design-col-rtl {
    right: 41.66666667%;
    left: auto
}

.b-design-col-xs-pull-10.b-design-col-rtl {
    right: auto;
    left: 41.66666667%
}

.b-design-col-xs-offset-10.b-design-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.b-design-col-xs-push-11.b-design-col-rtl {
    right: 45.83333333%;
    left: auto
}

.b-design-col-xs-pull-11.b-design-col-rtl {
    right: auto;
    left: 45.83333333%
}

.b-design-col-xs-offset-11.b-design-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.b-design-col-xs-push-12.b-design-col-rtl {
    right: 50%;
    left: auto
}

.b-design-col-xs-pull-12.b-design-col-rtl {
    right: auto;
    left: 50%
}

.b-design-col-xs-offset-12.b-design-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.b-design-col-xs-push-13.b-design-col-rtl {
    right: 54.16666667%;
    left: auto
}

.b-design-col-xs-pull-13.b-design-col-rtl {
    right: auto;
    left: 54.16666667%
}

.b-design-col-xs-offset-13.b-design-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.b-design-col-xs-push-14.b-design-col-rtl {
    right: 58.33333333%;
    left: auto
}

.b-design-col-xs-pull-14.b-design-col-rtl {
    right: auto;
    left: 58.33333333%
}

.b-design-col-xs-offset-14.b-design-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.b-design-col-xs-push-15.b-design-col-rtl {
    right: 62.5%;
    left: auto
}

.b-design-col-xs-pull-15.b-design-col-rtl {
    right: auto;
    left: 62.5%
}

.b-design-col-xs-offset-15.b-design-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.b-design-col-xs-push-16.b-design-col-rtl {
    right: 66.66666667%;
    left: auto
}

.b-design-col-xs-pull-16.b-design-col-rtl {
    right: auto;
    left: 66.66666667%
}

.b-design-col-xs-offset-16.b-design-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.b-design-col-xs-push-17.b-design-col-rtl {
    right: 70.83333333%;
    left: auto
}

.b-design-col-xs-pull-17.b-design-col-rtl {
    right: auto;
    left: 70.83333333%
}

.b-design-col-xs-offset-17.b-design-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.b-design-col-xs-push-18.b-design-col-rtl {
    right: 75%;
    left: auto
}

.b-design-col-xs-pull-18.b-design-col-rtl {
    right: auto;
    left: 75%
}

.b-design-col-xs-offset-18.b-design-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.b-design-col-xs-push-19.b-design-col-rtl {
    right: 79.16666667%;
    left: auto
}

.b-design-col-xs-pull-19.b-design-col-rtl {
    right: auto;
    left: 79.16666667%
}

.b-design-col-xs-offset-19.b-design-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.b-design-col-xs-push-20.b-design-col-rtl {
    right: 83.33333333%;
    left: auto
}

.b-design-col-xs-pull-20.b-design-col-rtl {
    right: auto;
    left: 83.33333333%
}

.b-design-col-xs-offset-20.b-design-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.b-design-col-xs-push-21.b-design-col-rtl {
    right: 87.5%;
    left: auto
}

.b-design-col-xs-pull-21.b-design-col-rtl {
    right: auto;
    left: 87.5%
}

.b-design-col-xs-offset-21.b-design-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.b-design-col-xs-push-22.b-design-col-rtl {
    right: 91.66666667%;
    left: auto
}

.b-design-col-xs-pull-22.b-design-col-rtl {
    right: auto;
    left: 91.66666667%
}

.b-design-col-xs-offset-22.b-design-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.b-design-col-xs-push-23.b-design-col-rtl {
    right: 95.83333333%;
    left: auto
}

.b-design-col-xs-pull-23.b-design-col-rtl {
    right: auto;
    left: 95.83333333%
}

.b-design-col-xs-offset-23.b-design-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.b-design-col-xs-push-24.b-design-col-rtl {
    right: 100%;
    left: auto
}

.b-design-col-xs-pull-24.b-design-col-rtl {
    right: auto;
    left: 100%
}

.b-design-col-xs-offset-24.b-design-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

@media (min-width:576px) {
    .b-design-col-sm-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .b-design-col-sm-push-24 {
        left: 100%
    }

    .b-design-col-sm-pull-24 {
        right: 100%
    }

    .b-design-col-sm-offset-24 {
        margin-left: 100%
    }

    .b-design-col-sm-order-24 {
        order: 24
    }

    .b-design-col-sm-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .b-design-col-sm-push-23 {
        left: 95.83333333%
    }

    .b-design-col-sm-pull-23 {
        right: 95.83333333%
    }

    .b-design-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .b-design-col-sm-order-23 {
        order: 23
    }

    .b-design-col-sm-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .b-design-col-sm-push-22 {
        left: 91.66666667%
    }

    .b-design-col-sm-pull-22 {
        right: 91.66666667%
    }

    .b-design-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .b-design-col-sm-order-22 {
        order: 22
    }

    .b-design-col-sm-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .b-design-col-sm-push-21 {
        left: 87.5%
    }

    .b-design-col-sm-pull-21 {
        right: 87.5%
    }

    .b-design-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .b-design-col-sm-order-21 {
        order: 21
    }

    .b-design-col-sm-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .b-design-col-sm-push-20 {
        left: 83.33333333%
    }

    .b-design-col-sm-pull-20 {
        right: 83.33333333%
    }

    .b-design-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .b-design-col-sm-order-20 {
        order: 20
    }

    .b-design-col-sm-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .b-design-col-sm-push-19 {
        left: 79.16666667%
    }

    .b-design-col-sm-pull-19 {
        right: 79.16666667%
    }

    .b-design-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .b-design-col-sm-order-19 {
        order: 19
    }

    .b-design-col-sm-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .b-design-col-sm-push-18 {
        left: 75%
    }

    .b-design-col-sm-pull-18 {
        right: 75%
    }

    .b-design-col-sm-offset-18 {
        margin-left: 75%
    }

    .b-design-col-sm-order-18 {
        order: 18
    }

    .b-design-col-sm-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .b-design-col-sm-push-17 {
        left: 70.83333333%
    }

    .b-design-col-sm-pull-17 {
        right: 70.83333333%
    }

    .b-design-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .b-design-col-sm-order-17 {
        order: 17
    }

    .b-design-col-sm-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .b-design-col-sm-push-16 {
        left: 66.66666667%
    }

    .b-design-col-sm-pull-16 {
        right: 66.66666667%
    }

    .b-design-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .b-design-col-sm-order-16 {
        order: 16
    }

    .b-design-col-sm-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .b-design-col-sm-push-15 {
        left: 62.5%
    }

    .b-design-col-sm-pull-15 {
        right: 62.5%
    }

    .b-design-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .b-design-col-sm-order-15 {
        order: 15
    }

    .b-design-col-sm-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .b-design-col-sm-push-14 {
        left: 58.33333333%
    }

    .b-design-col-sm-pull-14 {
        right: 58.33333333%
    }

    .b-design-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .b-design-col-sm-order-14 {
        order: 14
    }

    .b-design-col-sm-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .b-design-col-sm-push-13 {
        left: 54.16666667%
    }

    .b-design-col-sm-pull-13 {
        right: 54.16666667%
    }

    .b-design-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .b-design-col-sm-order-13 {
        order: 13
    }

    .b-design-col-sm-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .b-design-col-sm-push-12 {
        left: 50%
    }

    .b-design-col-sm-pull-12 {
        right: 50%
    }

    .b-design-col-sm-offset-12 {
        margin-left: 50%
    }

    .b-design-col-sm-order-12 {
        order: 12
    }

    .b-design-col-sm-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .b-design-col-sm-push-11 {
        left: 45.83333333%
    }

    .b-design-col-sm-pull-11 {
        right: 45.83333333%
    }

    .b-design-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .b-design-col-sm-order-11 {
        order: 11
    }

    .b-design-col-sm-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .b-design-col-sm-push-10 {
        left: 41.66666667%
    }

    .b-design-col-sm-pull-10 {
        right: 41.66666667%
    }

    .b-design-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .b-design-col-sm-order-10 {
        order: 10
    }

    .b-design-col-sm-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .b-design-col-sm-push-9 {
        left: 37.5%
    }

    .b-design-col-sm-pull-9 {
        right: 37.5%
    }

    .b-design-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .b-design-col-sm-order-9 {
        order: 9
    }

    .b-design-col-sm-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .b-design-col-sm-push-8 {
        left: 33.33333333%
    }

    .b-design-col-sm-pull-8 {
        right: 33.33333333%
    }

    .b-design-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .b-design-col-sm-order-8 {
        order: 8
    }

    .b-design-col-sm-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .b-design-col-sm-push-7 {
        left: 29.16666667%
    }

    .b-design-col-sm-pull-7 {
        right: 29.16666667%
    }

    .b-design-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .b-design-col-sm-order-7 {
        order: 7
    }

    .b-design-col-sm-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .b-design-col-sm-push-6 {
        left: 25%
    }

    .b-design-col-sm-pull-6 {
        right: 25%
    }

    .b-design-col-sm-offset-6 {
        margin-left: 25%
    }

    .b-design-col-sm-order-6 {
        order: 6
    }

    .b-design-col-sm-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .b-design-col-sm-push-5 {
        left: 20.83333333%
    }

    .b-design-col-sm-pull-5 {
        right: 20.83333333%
    }

    .b-design-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .b-design-col-sm-order-5 {
        order: 5
    }

    .b-design-col-sm-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .b-design-col-sm-push-4 {
        left: 16.66666667%
    }

    .b-design-col-sm-pull-4 {
        right: 16.66666667%
    }

    .b-design-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .b-design-col-sm-order-4 {
        order: 4
    }

    .b-design-col-sm-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .b-design-col-sm-push-3 {
        left: 12.5%
    }

    .b-design-col-sm-pull-3 {
        right: 12.5%
    }

    .b-design-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .b-design-col-sm-order-3 {
        order: 3
    }

    .b-design-col-sm-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .b-design-col-sm-push-2 {
        left: 8.33333333%
    }

    .b-design-col-sm-pull-2 {
        right: 8.33333333%
    }

    .b-design-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .b-design-col-sm-order-2 {
        order: 2
    }

    .b-design-col-sm-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .b-design-col-sm-push-1 {
        left: 4.16666667%
    }

    .b-design-col-sm-pull-1 {
        right: 4.16666667%
    }

    .b-design-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .b-design-col-sm-order-1 {
        order: 1
    }

    .b-design-col-sm-0 {
        display: none
    }

    .b-design-col-push-0 {
        left: auto
    }

    .b-design-col-pull-0 {
        right: auto
    }

    .b-design-col-sm-push-0 {
        left: auto
    }

    .b-design-col-sm-pull-0 {
        right: auto
    }

    .b-design-col-sm-offset-0 {
        margin-left: 0
    }

    .b-design-col-sm-order-0 {
        order: 0
    }

    .b-design-col-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-sm-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-sm-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-sm-offset-0.b-design-col-rtl {
        margin-right: 0
    }

    .b-design-col-sm-push-1.b-design-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .b-design-col-sm-pull-1.b-design-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .b-design-col-sm-offset-1.b-design-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-2.b-design-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .b-design-col-sm-pull-2.b-design-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .b-design-col-sm-offset-2.b-design-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-3.b-design-col-rtl {
        right: 12.5%;
        left: auto
    }

    .b-design-col-sm-pull-3.b-design-col-rtl {
        right: auto;
        left: 12.5%
    }

    .b-design-col-sm-offset-3.b-design-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .b-design-col-sm-push-4.b-design-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .b-design-col-sm-pull-4.b-design-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .b-design-col-sm-offset-4.b-design-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-5.b-design-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .b-design-col-sm-pull-5.b-design-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .b-design-col-sm-offset-5.b-design-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-6.b-design-col-rtl {
        right: 25%;
        left: auto
    }

    .b-design-col-sm-pull-6.b-design-col-rtl {
        right: auto;
        left: 25%
    }

    .b-design-col-sm-offset-6.b-design-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .b-design-col-sm-push-7.b-design-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .b-design-col-sm-pull-7.b-design-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .b-design-col-sm-offset-7.b-design-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-8.b-design-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .b-design-col-sm-pull-8.b-design-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .b-design-col-sm-offset-8.b-design-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-9.b-design-col-rtl {
        right: 37.5%;
        left: auto
    }

    .b-design-col-sm-pull-9.b-design-col-rtl {
        right: auto;
        left: 37.5%
    }

    .b-design-col-sm-offset-9.b-design-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .b-design-col-sm-push-10.b-design-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .b-design-col-sm-pull-10.b-design-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .b-design-col-sm-offset-10.b-design-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-11.b-design-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .b-design-col-sm-pull-11.b-design-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .b-design-col-sm-offset-11.b-design-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-12.b-design-col-rtl {
        right: 50%;
        left: auto
    }

    .b-design-col-sm-pull-12.b-design-col-rtl {
        right: auto;
        left: 50%
    }

    .b-design-col-sm-offset-12.b-design-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .b-design-col-sm-push-13.b-design-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .b-design-col-sm-pull-13.b-design-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .b-design-col-sm-offset-13.b-design-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-14.b-design-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .b-design-col-sm-pull-14.b-design-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .b-design-col-sm-offset-14.b-design-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-15.b-design-col-rtl {
        right: 62.5%;
        left: auto
    }

    .b-design-col-sm-pull-15.b-design-col-rtl {
        right: auto;
        left: 62.5%
    }

    .b-design-col-sm-offset-15.b-design-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .b-design-col-sm-push-16.b-design-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .b-design-col-sm-pull-16.b-design-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .b-design-col-sm-offset-16.b-design-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-17.b-design-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .b-design-col-sm-pull-17.b-design-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .b-design-col-sm-offset-17.b-design-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-18.b-design-col-rtl {
        right: 75%;
        left: auto
    }

    .b-design-col-sm-pull-18.b-design-col-rtl {
        right: auto;
        left: 75%
    }

    .b-design-col-sm-offset-18.b-design-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .b-design-col-sm-push-19.b-design-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .b-design-col-sm-pull-19.b-design-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .b-design-col-sm-offset-19.b-design-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-20.b-design-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .b-design-col-sm-pull-20.b-design-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .b-design-col-sm-offset-20.b-design-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-21.b-design-col-rtl {
        right: 87.5%;
        left: auto
    }

    .b-design-col-sm-pull-21.b-design-col-rtl {
        right: auto;
        left: 87.5%
    }

    .b-design-col-sm-offset-21.b-design-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .b-design-col-sm-push-22.b-design-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .b-design-col-sm-pull-22.b-design-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .b-design-col-sm-offset-22.b-design-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .b-design-col-sm-push-23.b-design-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .b-design-col-sm-pull-23.b-design-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .b-design-col-sm-offset-23.b-design-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .b-design-col-sm-push-24.b-design-col-rtl {
        right: 100%;
        left: auto
    }

    .b-design-col-sm-pull-24.b-design-col-rtl {
        right: auto;
        left: 100%
    }

    .b-design-col-sm-offset-24.b-design-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width:768px) {
    .b-design-col-md-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .b-design-col-md-push-24 {
        left: 100%
    }

    .b-design-col-md-pull-24 {
        right: 100%
    }

    .b-design-col-md-offset-24 {
        margin-left: 100%
    }

    .b-design-col-md-order-24 {
        order: 24
    }

    .b-design-col-md-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .b-design-col-md-push-23 {
        left: 95.83333333%
    }

    .b-design-col-md-pull-23 {
        right: 95.83333333%
    }

    .b-design-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .b-design-col-md-order-23 {
        order: 23
    }

    .b-design-col-md-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .b-design-col-md-push-22 {
        left: 91.66666667%
    }

    .b-design-col-md-pull-22 {
        right: 91.66666667%
    }

    .b-design-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .b-design-col-md-order-22 {
        order: 22
    }

    .b-design-col-md-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .b-design-col-md-push-21 {
        left: 87.5%
    }

    .b-design-col-md-pull-21 {
        right: 87.5%
    }

    .b-design-col-md-offset-21 {
        margin-left: 87.5%
    }

    .b-design-col-md-order-21 {
        order: 21
    }

    .b-design-col-md-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .b-design-col-md-push-20 {
        left: 83.33333333%
    }

    .b-design-col-md-pull-20 {
        right: 83.33333333%
    }

    .b-design-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .b-design-col-md-order-20 {
        order: 20
    }

    .b-design-col-md-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .b-design-col-md-push-19 {
        left: 79.16666667%
    }

    .b-design-col-md-pull-19 {
        right: 79.16666667%
    }

    .b-design-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .b-design-col-md-order-19 {
        order: 19
    }

    .b-design-col-md-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .b-design-col-md-push-18 {
        left: 75%
    }

    .b-design-col-md-pull-18 {
        right: 75%
    }

    .b-design-col-md-offset-18 {
        margin-left: 75%
    }

    .b-design-col-md-order-18 {
        order: 18
    }

    .b-design-col-md-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .b-design-col-md-push-17 {
        left: 70.83333333%
    }

    .b-design-col-md-pull-17 {
        right: 70.83333333%
    }

    .b-design-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .b-design-col-md-order-17 {
        order: 17
    }

    .b-design-col-md-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .b-design-col-md-push-16 {
        left: 66.66666667%
    }

    .b-design-col-md-pull-16 {
        right: 66.66666667%
    }

    .b-design-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .b-design-col-md-order-16 {
        order: 16
    }

    .b-design-col-md-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .b-design-col-md-push-15 {
        left: 62.5%
    }

    .b-design-col-md-pull-15 {
        right: 62.5%
    }

    .b-design-col-md-offset-15 {
        margin-left: 62.5%
    }

    .b-design-col-md-order-15 {
        order: 15
    }

    .b-design-col-md-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .b-design-col-md-push-14 {
        left: 58.33333333%
    }

    .b-design-col-md-pull-14 {
        right: 58.33333333%
    }

    .b-design-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .b-design-col-md-order-14 {
        order: 14
    }

    .b-design-col-md-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .b-design-col-md-push-13 {
        left: 54.16666667%
    }

    .b-design-col-md-pull-13 {
        right: 54.16666667%
    }

    .b-design-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .b-design-col-md-order-13 {
        order: 13
    }

    .b-design-col-md-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .b-design-col-md-push-12 {
        left: 50%
    }

    .b-design-col-md-pull-12 {
        right: 50%
    }

    .b-design-col-md-offset-12 {
        margin-left: 50%
    }

    .b-design-col-md-order-12 {
        order: 12
    }

    .b-design-col-md-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .b-design-col-md-push-11 {
        left: 45.83333333%
    }

    .b-design-col-md-pull-11 {
        right: 45.83333333%
    }

    .b-design-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .b-design-col-md-order-11 {
        order: 11
    }

    .b-design-col-md-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .b-design-col-md-push-10 {
        left: 41.66666667%
    }

    .b-design-col-md-pull-10 {
        right: 41.66666667%
    }

    .b-design-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .b-design-col-md-order-10 {
        order: 10
    }

    .b-design-col-md-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .b-design-col-md-push-9 {
        left: 37.5%
    }

    .b-design-col-md-pull-9 {
        right: 37.5%
    }

    .b-design-col-md-offset-9 {
        margin-left: 37.5%
    }

    .b-design-col-md-order-9 {
        order: 9
    }

    .b-design-col-md-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .b-design-col-md-push-8 {
        left: 33.33333333%
    }

    .b-design-col-md-pull-8 {
        right: 33.33333333%
    }

    .b-design-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .b-design-col-md-order-8 {
        order: 8
    }

    .b-design-col-md-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .b-design-col-md-push-7 {
        left: 29.16666667%
    }

    .b-design-col-md-pull-7 {
        right: 29.16666667%
    }

    .b-design-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .b-design-col-md-order-7 {
        order: 7
    }

    .b-design-col-md-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .b-design-col-md-push-6 {
        left: 25%
    }

    .b-design-col-md-pull-6 {
        right: 25%
    }

    .b-design-col-md-offset-6 {
        margin-left: 25%
    }

    .b-design-col-md-order-6 {
        order: 6
    }

    .b-design-col-md-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .b-design-col-md-push-5 {
        left: 20.83333333%
    }

    .b-design-col-md-pull-5 {
        right: 20.83333333%
    }

    .b-design-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .b-design-col-md-order-5 {
        order: 5
    }

    .b-design-col-md-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .b-design-col-md-push-4 {
        left: 16.66666667%
    }

    .b-design-col-md-pull-4 {
        right: 16.66666667%
    }

    .b-design-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .b-design-col-md-order-4 {
        order: 4
    }

    .b-design-col-md-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .b-design-col-md-push-3 {
        left: 12.5%
    }

    .b-design-col-md-pull-3 {
        right: 12.5%
    }

    .b-design-col-md-offset-3 {
        margin-left: 12.5%
    }

    .b-design-col-md-order-3 {
        order: 3
    }

    .b-design-col-md-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .b-design-col-md-push-2 {
        left: 8.33333333%
    }

    .b-design-col-md-pull-2 {
        right: 8.33333333%
    }

    .b-design-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .b-design-col-md-order-2 {
        order: 2
    }

    .b-design-col-md-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .b-design-col-md-push-1 {
        left: 4.16666667%
    }

    .b-design-col-md-pull-1 {
        right: 4.16666667%
    }

    .b-design-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .b-design-col-md-order-1 {
        order: 1
    }

    .b-design-col-md-0 {
        display: none
    }

    .b-design-col-push-0 {
        left: auto
    }

    .b-design-col-pull-0 {
        right: auto
    }

    .b-design-col-md-push-0 {
        left: auto
    }

    .b-design-col-md-pull-0 {
        right: auto
    }

    .b-design-col-md-offset-0 {
        margin-left: 0
    }

    .b-design-col-md-order-0 {
        order: 0
    }

    .b-design-col-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-md-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-md-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-md-offset-0.b-design-col-rtl {
        margin-right: 0
    }

    .b-design-col-md-push-1.b-design-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .b-design-col-md-pull-1.b-design-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .b-design-col-md-offset-1.b-design-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .b-design-col-md-push-2.b-design-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .b-design-col-md-pull-2.b-design-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .b-design-col-md-offset-2.b-design-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .b-design-col-md-push-3.b-design-col-rtl {
        right: 12.5%;
        left: auto
    }

    .b-design-col-md-pull-3.b-design-col-rtl {
        right: auto;
        left: 12.5%
    }

    .b-design-col-md-offset-3.b-design-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .b-design-col-md-push-4.b-design-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .b-design-col-md-pull-4.b-design-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .b-design-col-md-offset-4.b-design-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .b-design-col-md-push-5.b-design-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .b-design-col-md-pull-5.b-design-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .b-design-col-md-offset-5.b-design-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .b-design-col-md-push-6.b-design-col-rtl {
        right: 25%;
        left: auto
    }

    .b-design-col-md-pull-6.b-design-col-rtl {
        right: auto;
        left: 25%
    }

    .b-design-col-md-offset-6.b-design-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .b-design-col-md-push-7.b-design-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .b-design-col-md-pull-7.b-design-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .b-design-col-md-offset-7.b-design-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .b-design-col-md-push-8.b-design-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .b-design-col-md-pull-8.b-design-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .b-design-col-md-offset-8.b-design-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .b-design-col-md-push-9.b-design-col-rtl {
        right: 37.5%;
        left: auto
    }

    .b-design-col-md-pull-9.b-design-col-rtl {
        right: auto;
        left: 37.5%
    }

    .b-design-col-md-offset-9.b-design-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .b-design-col-md-push-10.b-design-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .b-design-col-md-pull-10.b-design-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .b-design-col-md-offset-10.b-design-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .b-design-col-md-push-11.b-design-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .b-design-col-md-pull-11.b-design-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .b-design-col-md-offset-11.b-design-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .b-design-col-md-push-12.b-design-col-rtl {
        right: 50%;
        left: auto
    }

    .b-design-col-md-pull-12.b-design-col-rtl {
        right: auto;
        left: 50%
    }

    .b-design-col-md-offset-12.b-design-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .b-design-col-md-push-13.b-design-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .b-design-col-md-pull-13.b-design-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .b-design-col-md-offset-13.b-design-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .b-design-col-md-push-14.b-design-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .b-design-col-md-pull-14.b-design-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .b-design-col-md-offset-14.b-design-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .b-design-col-md-push-15.b-design-col-rtl {
        right: 62.5%;
        left: auto
    }

    .b-design-col-md-pull-15.b-design-col-rtl {
        right: auto;
        left: 62.5%
    }

    .b-design-col-md-offset-15.b-design-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .b-design-col-md-push-16.b-design-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .b-design-col-md-pull-16.b-design-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .b-design-col-md-offset-16.b-design-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .b-design-col-md-push-17.b-design-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .b-design-col-md-pull-17.b-design-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .b-design-col-md-offset-17.b-design-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .b-design-col-md-push-18.b-design-col-rtl {
        right: 75%;
        left: auto
    }

    .b-design-col-md-pull-18.b-design-col-rtl {
        right: auto;
        left: 75%
    }

    .b-design-col-md-offset-18.b-design-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .b-design-col-md-push-19.b-design-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .b-design-col-md-pull-19.b-design-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .b-design-col-md-offset-19.b-design-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .b-design-col-md-push-20.b-design-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .b-design-col-md-pull-20.b-design-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .b-design-col-md-offset-20.b-design-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .b-design-col-md-push-21.b-design-col-rtl {
        right: 87.5%;
        left: auto
    }

    .b-design-col-md-pull-21.b-design-col-rtl {
        right: auto;
        left: 87.5%
    }

    .b-design-col-md-offset-21.b-design-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .b-design-col-md-push-22.b-design-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .b-design-col-md-pull-22.b-design-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .b-design-col-md-offset-22.b-design-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .b-design-col-md-push-23.b-design-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .b-design-col-md-pull-23.b-design-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .b-design-col-md-offset-23.b-design-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .b-design-col-md-push-24.b-design-col-rtl {
        right: 100%;
        left: auto
    }

    .b-design-col-md-pull-24.b-design-col-rtl {
        right: auto;
        left: 100%
    }

    .b-design-col-md-offset-24.b-design-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width:992px) {
    .b-design-col-lg-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .b-design-col-lg-push-24 {
        left: 100%
    }

    .b-design-col-lg-pull-24 {
        right: 100%
    }

    .b-design-col-lg-offset-24 {
        margin-left: 100%
    }

    .b-design-col-lg-order-24 {
        order: 24
    }

    .b-design-col-lg-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .b-design-col-lg-push-23 {
        left: 95.83333333%
    }

    .b-design-col-lg-pull-23 {
        right: 95.83333333%
    }

    .b-design-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .b-design-col-lg-order-23 {
        order: 23
    }

    .b-design-col-lg-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .b-design-col-lg-push-22 {
        left: 91.66666667%
    }

    .b-design-col-lg-pull-22 {
        right: 91.66666667%
    }

    .b-design-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .b-design-col-lg-order-22 {
        order: 22
    }

    .b-design-col-lg-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .b-design-col-lg-push-21 {
        left: 87.5%
    }

    .b-design-col-lg-pull-21 {
        right: 87.5%
    }

    .b-design-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .b-design-col-lg-order-21 {
        order: 21
    }

    .b-design-col-lg-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .b-design-col-lg-push-20 {
        left: 83.33333333%
    }

    .b-design-col-lg-pull-20 {
        right: 83.33333333%
    }

    .b-design-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .b-design-col-lg-order-20 {
        order: 20
    }

    .b-design-col-lg-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .b-design-col-lg-push-19 {
        left: 79.16666667%
    }

    .b-design-col-lg-pull-19 {
        right: 79.16666667%
    }

    .b-design-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .b-design-col-lg-order-19 {
        order: 19
    }

    .b-design-col-lg-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .b-design-col-lg-push-18 {
        left: 75%
    }

    .b-design-col-lg-pull-18 {
        right: 75%
    }

    .b-design-col-lg-offset-18 {
        margin-left: 75%
    }

    .b-design-col-lg-order-18 {
        order: 18
    }

    .b-design-col-lg-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .b-design-col-lg-push-17 {
        left: 70.83333333%
    }

    .b-design-col-lg-pull-17 {
        right: 70.83333333%
    }

    .b-design-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .b-design-col-lg-order-17 {
        order: 17
    }

    .b-design-col-lg-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .b-design-col-lg-push-16 {
        left: 66.66666667%
    }

    .b-design-col-lg-pull-16 {
        right: 66.66666667%
    }

    .b-design-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .b-design-col-lg-order-16 {
        order: 16
    }

    .b-design-col-lg-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .b-design-col-lg-push-15 {
        left: 62.5%
    }

    .b-design-col-lg-pull-15 {
        right: 62.5%
    }

    .b-design-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .b-design-col-lg-order-15 {
        order: 15
    }

    .b-design-col-lg-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .b-design-col-lg-push-14 {
        left: 58.33333333%
    }

    .b-design-col-lg-pull-14 {
        right: 58.33333333%
    }

    .b-design-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .b-design-col-lg-order-14 {
        order: 14
    }

    .b-design-col-lg-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .b-design-col-lg-push-13 {
        left: 54.16666667%
    }

    .b-design-col-lg-pull-13 {
        right: 54.16666667%
    }

    .b-design-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .b-design-col-lg-order-13 {
        order: 13
    }

    .b-design-col-lg-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .b-design-col-lg-push-12 {
        left: 50%
    }

    .b-design-col-lg-pull-12 {
        right: 50%
    }

    .b-design-col-lg-offset-12 {
        margin-left: 50%
    }

    .b-design-col-lg-order-12 {
        order: 12
    }

    .b-design-col-lg-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .b-design-col-lg-push-11 {
        left: 45.83333333%
    }

    .b-design-col-lg-pull-11 {
        right: 45.83333333%
    }

    .b-design-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .b-design-col-lg-order-11 {
        order: 11
    }

    .b-design-col-lg-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .b-design-col-lg-push-10 {
        left: 41.66666667%
    }

    .b-design-col-lg-pull-10 {
        right: 41.66666667%
    }

    .b-design-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .b-design-col-lg-order-10 {
        order: 10
    }

    .b-design-col-lg-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .b-design-col-lg-push-9 {
        left: 37.5%
    }

    .b-design-col-lg-pull-9 {
        right: 37.5%
    }

    .b-design-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .b-design-col-lg-order-9 {
        order: 9
    }

    .b-design-col-lg-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .b-design-col-lg-push-8 {
        left: 33.33333333%
    }

    .b-design-col-lg-pull-8 {
        right: 33.33333333%
    }

    .b-design-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .b-design-col-lg-order-8 {
        order: 8
    }

    .b-design-col-lg-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .b-design-col-lg-push-7 {
        left: 29.16666667%
    }

    .b-design-col-lg-pull-7 {
        right: 29.16666667%
    }

    .b-design-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .b-design-col-lg-order-7 {
        order: 7
    }

    .b-design-col-lg-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .b-design-col-lg-push-6 {
        left: 25%
    }

    .b-design-col-lg-pull-6 {
        right: 25%
    }

    .b-design-col-lg-offset-6 {
        margin-left: 25%
    }

    .b-design-col-lg-order-6 {
        order: 6
    }

    .b-design-col-lg-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .b-design-col-lg-push-5 {
        left: 20.83333333%
    }

    .b-design-col-lg-pull-5 {
        right: 20.83333333%
    }

    .b-design-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .b-design-col-lg-order-5 {
        order: 5
    }

    .b-design-col-lg-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .b-design-col-lg-push-4 {
        left: 16.66666667%
    }

    .b-design-col-lg-pull-4 {
        right: 16.66666667%
    }

    .b-design-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .b-design-col-lg-order-4 {
        order: 4
    }

    .b-design-col-lg-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .b-design-col-lg-push-3 {
        left: 12.5%
    }

    .b-design-col-lg-pull-3 {
        right: 12.5%
    }

    .b-design-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .b-design-col-lg-order-3 {
        order: 3
    }

    .b-design-col-lg-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .b-design-col-lg-push-2 {
        left: 8.33333333%
    }

    .b-design-col-lg-pull-2 {
        right: 8.33333333%
    }

    .b-design-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .b-design-col-lg-order-2 {
        order: 2
    }

    .b-design-col-lg-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .b-design-col-lg-push-1 {
        left: 4.16666667%
    }

    .b-design-col-lg-pull-1 {
        right: 4.16666667%
    }

    .b-design-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .b-design-col-lg-order-1 {
        order: 1
    }

    .b-design-col-lg-0 {
        display: none
    }

    .b-design-col-push-0 {
        left: auto
    }

    .b-design-col-pull-0 {
        right: auto
    }

    .b-design-col-lg-push-0 {
        left: auto
    }

    .b-design-col-lg-pull-0 {
        right: auto
    }

    .b-design-col-lg-offset-0 {
        margin-left: 0
    }

    .b-design-col-lg-order-0 {
        order: 0
    }

    .b-design-col-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-lg-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-lg-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-lg-offset-0.b-design-col-rtl {
        margin-right: 0
    }

    .b-design-col-lg-push-1.b-design-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .b-design-col-lg-pull-1.b-design-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .b-design-col-lg-offset-1.b-design-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-2.b-design-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .b-design-col-lg-pull-2.b-design-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .b-design-col-lg-offset-2.b-design-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-3.b-design-col-rtl {
        right: 12.5%;
        left: auto
    }

    .b-design-col-lg-pull-3.b-design-col-rtl {
        right: auto;
        left: 12.5%
    }

    .b-design-col-lg-offset-3.b-design-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .b-design-col-lg-push-4.b-design-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .b-design-col-lg-pull-4.b-design-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .b-design-col-lg-offset-4.b-design-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-5.b-design-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .b-design-col-lg-pull-5.b-design-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .b-design-col-lg-offset-5.b-design-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-6.b-design-col-rtl {
        right: 25%;
        left: auto
    }

    .b-design-col-lg-pull-6.b-design-col-rtl {
        right: auto;
        left: 25%
    }

    .b-design-col-lg-offset-6.b-design-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .b-design-col-lg-push-7.b-design-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .b-design-col-lg-pull-7.b-design-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .b-design-col-lg-offset-7.b-design-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-8.b-design-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .b-design-col-lg-pull-8.b-design-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .b-design-col-lg-offset-8.b-design-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-9.b-design-col-rtl {
        right: 37.5%;
        left: auto
    }

    .b-design-col-lg-pull-9.b-design-col-rtl {
        right: auto;
        left: 37.5%
    }

    .b-design-col-lg-offset-9.b-design-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .b-design-col-lg-push-10.b-design-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .b-design-col-lg-pull-10.b-design-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .b-design-col-lg-offset-10.b-design-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-11.b-design-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .b-design-col-lg-pull-11.b-design-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .b-design-col-lg-offset-11.b-design-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-12.b-design-col-rtl {
        right: 50%;
        left: auto
    }

    .b-design-col-lg-pull-12.b-design-col-rtl {
        right: auto;
        left: 50%
    }

    .b-design-col-lg-offset-12.b-design-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .b-design-col-lg-push-13.b-design-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .b-design-col-lg-pull-13.b-design-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .b-design-col-lg-offset-13.b-design-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-14.b-design-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .b-design-col-lg-pull-14.b-design-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .b-design-col-lg-offset-14.b-design-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-15.b-design-col-rtl {
        right: 62.5%;
        left: auto
    }

    .b-design-col-lg-pull-15.b-design-col-rtl {
        right: auto;
        left: 62.5%
    }

    .b-design-col-lg-offset-15.b-design-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .b-design-col-lg-push-16.b-design-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .b-design-col-lg-pull-16.b-design-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .b-design-col-lg-offset-16.b-design-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-17.b-design-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .b-design-col-lg-pull-17.b-design-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .b-design-col-lg-offset-17.b-design-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-18.b-design-col-rtl {
        right: 75%;
        left: auto
    }

    .b-design-col-lg-pull-18.b-design-col-rtl {
        right: auto;
        left: 75%
    }

    .b-design-col-lg-offset-18.b-design-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .b-design-col-lg-push-19.b-design-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .b-design-col-lg-pull-19.b-design-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .b-design-col-lg-offset-19.b-design-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-20.b-design-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .b-design-col-lg-pull-20.b-design-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .b-design-col-lg-offset-20.b-design-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-21.b-design-col-rtl {
        right: 87.5%;
        left: auto
    }

    .b-design-col-lg-pull-21.b-design-col-rtl {
        right: auto;
        left: 87.5%
    }

    .b-design-col-lg-offset-21.b-design-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .b-design-col-lg-push-22.b-design-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .b-design-col-lg-pull-22.b-design-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .b-design-col-lg-offset-22.b-design-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .b-design-col-lg-push-23.b-design-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .b-design-col-lg-pull-23.b-design-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .b-design-col-lg-offset-23.b-design-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .b-design-col-lg-push-24.b-design-col-rtl {
        right: 100%;
        left: auto
    }

    .b-design-col-lg-pull-24.b-design-col-rtl {
        right: auto;
        left: 100%
    }

    .b-design-col-lg-offset-24.b-design-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .b-design-col-xl-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .b-design-col-xl-push-24 {
        left: 100%
    }

    .b-design-col-xl-pull-24 {
        right: 100%
    }

    .b-design-col-xl-offset-24 {
        margin-left: 100%
    }

    .b-design-col-xl-order-24 {
        order: 24
    }

    .b-design-col-xl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .b-design-col-xl-push-23 {
        left: 95.83333333%
    }

    .b-design-col-xl-pull-23 {
        right: 95.83333333%
    }

    .b-design-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .b-design-col-xl-order-23 {
        order: 23
    }

    .b-design-col-xl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .b-design-col-xl-push-22 {
        left: 91.66666667%
    }

    .b-design-col-xl-pull-22 {
        right: 91.66666667%
    }

    .b-design-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .b-design-col-xl-order-22 {
        order: 22
    }

    .b-design-col-xl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .b-design-col-xl-push-21 {
        left: 87.5%
    }

    .b-design-col-xl-pull-21 {
        right: 87.5%
    }

    .b-design-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .b-design-col-xl-order-21 {
        order: 21
    }

    .b-design-col-xl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .b-design-col-xl-push-20 {
        left: 83.33333333%
    }

    .b-design-col-xl-pull-20 {
        right: 83.33333333%
    }

    .b-design-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .b-design-col-xl-order-20 {
        order: 20
    }

    .b-design-col-xl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .b-design-col-xl-push-19 {
        left: 79.16666667%
    }

    .b-design-col-xl-pull-19 {
        right: 79.16666667%
    }

    .b-design-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .b-design-col-xl-order-19 {
        order: 19
    }

    .b-design-col-xl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .b-design-col-xl-push-18 {
        left: 75%
    }

    .b-design-col-xl-pull-18 {
        right: 75%
    }

    .b-design-col-xl-offset-18 {
        margin-left: 75%
    }

    .b-design-col-xl-order-18 {
        order: 18
    }

    .b-design-col-xl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .b-design-col-xl-push-17 {
        left: 70.83333333%
    }

    .b-design-col-xl-pull-17 {
        right: 70.83333333%
    }

    .b-design-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .b-design-col-xl-order-17 {
        order: 17
    }

    .b-design-col-xl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .b-design-col-xl-push-16 {
        left: 66.66666667%
    }

    .b-design-col-xl-pull-16 {
        right: 66.66666667%
    }

    .b-design-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .b-design-col-xl-order-16 {
        order: 16
    }

    .b-design-col-xl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .b-design-col-xl-push-15 {
        left: 62.5%
    }

    .b-design-col-xl-pull-15 {
        right: 62.5%
    }

    .b-design-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .b-design-col-xl-order-15 {
        order: 15
    }

    .b-design-col-xl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .b-design-col-xl-push-14 {
        left: 58.33333333%
    }

    .b-design-col-xl-pull-14 {
        right: 58.33333333%
    }

    .b-design-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .b-design-col-xl-order-14 {
        order: 14
    }

    .b-design-col-xl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .b-design-col-xl-push-13 {
        left: 54.16666667%
    }

    .b-design-col-xl-pull-13 {
        right: 54.16666667%
    }

    .b-design-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .b-design-col-xl-order-13 {
        order: 13
    }

    .b-design-col-xl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .b-design-col-xl-push-12 {
        left: 50%
    }

    .b-design-col-xl-pull-12 {
        right: 50%
    }

    .b-design-col-xl-offset-12 {
        margin-left: 50%
    }

    .b-design-col-xl-order-12 {
        order: 12
    }

    .b-design-col-xl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .b-design-col-xl-push-11 {
        left: 45.83333333%
    }

    .b-design-col-xl-pull-11 {
        right: 45.83333333%
    }

    .b-design-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .b-design-col-xl-order-11 {
        order: 11
    }

    .b-design-col-xl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .b-design-col-xl-push-10 {
        left: 41.66666667%
    }

    .b-design-col-xl-pull-10 {
        right: 41.66666667%
    }

    .b-design-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .b-design-col-xl-order-10 {
        order: 10
    }

    .b-design-col-xl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .b-design-col-xl-push-9 {
        left: 37.5%
    }

    .b-design-col-xl-pull-9 {
        right: 37.5%
    }

    .b-design-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .b-design-col-xl-order-9 {
        order: 9
    }

    .b-design-col-xl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .b-design-col-xl-push-8 {
        left: 33.33333333%
    }

    .b-design-col-xl-pull-8 {
        right: 33.33333333%
    }

    .b-design-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .b-design-col-xl-order-8 {
        order: 8
    }

    .b-design-col-xl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .b-design-col-xl-push-7 {
        left: 29.16666667%
    }

    .b-design-col-xl-pull-7 {
        right: 29.16666667%
    }

    .b-design-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .b-design-col-xl-order-7 {
        order: 7
    }

    .b-design-col-xl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .b-design-col-xl-push-6 {
        left: 25%
    }

    .b-design-col-xl-pull-6 {
        right: 25%
    }

    .b-design-col-xl-offset-6 {
        margin-left: 25%
    }

    .b-design-col-xl-order-6 {
        order: 6
    }

    .b-design-col-xl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .b-design-col-xl-push-5 {
        left: 20.83333333%
    }

    .b-design-col-xl-pull-5 {
        right: 20.83333333%
    }

    .b-design-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .b-design-col-xl-order-5 {
        order: 5
    }

    .b-design-col-xl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .b-design-col-xl-push-4 {
        left: 16.66666667%
    }

    .b-design-col-xl-pull-4 {
        right: 16.66666667%
    }

    .b-design-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .b-design-col-xl-order-4 {
        order: 4
    }

    .b-design-col-xl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .b-design-col-xl-push-3 {
        left: 12.5%
    }

    .b-design-col-xl-pull-3 {
        right: 12.5%
    }

    .b-design-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .b-design-col-xl-order-3 {
        order: 3
    }

    .b-design-col-xl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .b-design-col-xl-push-2 {
        left: 8.33333333%
    }

    .b-design-col-xl-pull-2 {
        right: 8.33333333%
    }

    .b-design-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .b-design-col-xl-order-2 {
        order: 2
    }

    .b-design-col-xl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .b-design-col-xl-push-1 {
        left: 4.16666667%
    }

    .b-design-col-xl-pull-1 {
        right: 4.16666667%
    }

    .b-design-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .b-design-col-xl-order-1 {
        order: 1
    }

    .b-design-col-xl-0 {
        display: none
    }

    .b-design-col-push-0 {
        left: auto
    }

    .b-design-col-pull-0 {
        right: auto
    }

    .b-design-col-xl-push-0 {
        left: auto
    }

    .b-design-col-xl-pull-0 {
        right: auto
    }

    .b-design-col-xl-offset-0 {
        margin-left: 0
    }

    .b-design-col-xl-order-0 {
        order: 0
    }

    .b-design-col-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-xl-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-xl-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-xl-offset-0.b-design-col-rtl {
        margin-right: 0
    }

    .b-design-col-xl-push-1.b-design-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .b-design-col-xl-pull-1.b-design-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .b-design-col-xl-offset-1.b-design-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-2.b-design-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .b-design-col-xl-pull-2.b-design-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .b-design-col-xl-offset-2.b-design-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-3.b-design-col-rtl {
        right: 12.5%;
        left: auto
    }

    .b-design-col-xl-pull-3.b-design-col-rtl {
        right: auto;
        left: 12.5%
    }

    .b-design-col-xl-offset-3.b-design-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .b-design-col-xl-push-4.b-design-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .b-design-col-xl-pull-4.b-design-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .b-design-col-xl-offset-4.b-design-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-5.b-design-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .b-design-col-xl-pull-5.b-design-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .b-design-col-xl-offset-5.b-design-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-6.b-design-col-rtl {
        right: 25%;
        left: auto
    }

    .b-design-col-xl-pull-6.b-design-col-rtl {
        right: auto;
        left: 25%
    }

    .b-design-col-xl-offset-6.b-design-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .b-design-col-xl-push-7.b-design-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .b-design-col-xl-pull-7.b-design-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .b-design-col-xl-offset-7.b-design-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-8.b-design-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .b-design-col-xl-pull-8.b-design-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .b-design-col-xl-offset-8.b-design-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-9.b-design-col-rtl {
        right: 37.5%;
        left: auto
    }

    .b-design-col-xl-pull-9.b-design-col-rtl {
        right: auto;
        left: 37.5%
    }

    .b-design-col-xl-offset-9.b-design-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .b-design-col-xl-push-10.b-design-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .b-design-col-xl-pull-10.b-design-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .b-design-col-xl-offset-10.b-design-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-11.b-design-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .b-design-col-xl-pull-11.b-design-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .b-design-col-xl-offset-11.b-design-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-12.b-design-col-rtl {
        right: 50%;
        left: auto
    }

    .b-design-col-xl-pull-12.b-design-col-rtl {
        right: auto;
        left: 50%
    }

    .b-design-col-xl-offset-12.b-design-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .b-design-col-xl-push-13.b-design-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .b-design-col-xl-pull-13.b-design-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .b-design-col-xl-offset-13.b-design-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-14.b-design-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .b-design-col-xl-pull-14.b-design-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .b-design-col-xl-offset-14.b-design-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-15.b-design-col-rtl {
        right: 62.5%;
        left: auto
    }

    .b-design-col-xl-pull-15.b-design-col-rtl {
        right: auto;
        left: 62.5%
    }

    .b-design-col-xl-offset-15.b-design-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .b-design-col-xl-push-16.b-design-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .b-design-col-xl-pull-16.b-design-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .b-design-col-xl-offset-16.b-design-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-17.b-design-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .b-design-col-xl-pull-17.b-design-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .b-design-col-xl-offset-17.b-design-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-18.b-design-col-rtl {
        right: 75%;
        left: auto
    }

    .b-design-col-xl-pull-18.b-design-col-rtl {
        right: auto;
        left: 75%
    }

    .b-design-col-xl-offset-18.b-design-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .b-design-col-xl-push-19.b-design-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .b-design-col-xl-pull-19.b-design-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .b-design-col-xl-offset-19.b-design-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-20.b-design-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .b-design-col-xl-pull-20.b-design-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .b-design-col-xl-offset-20.b-design-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-21.b-design-col-rtl {
        right: 87.5%;
        left: auto
    }

    .b-design-col-xl-pull-21.b-design-col-rtl {
        right: auto;
        left: 87.5%
    }

    .b-design-col-xl-offset-21.b-design-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .b-design-col-xl-push-22.b-design-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .b-design-col-xl-pull-22.b-design-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .b-design-col-xl-offset-22.b-design-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .b-design-col-xl-push-23.b-design-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .b-design-col-xl-pull-23.b-design-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .b-design-col-xl-offset-23.b-design-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .b-design-col-xl-push-24.b-design-col-rtl {
        right: 100%;
        left: auto
    }

    .b-design-col-xl-pull-24.b-design-col-rtl {
        right: auto;
        left: 100%
    }

    .b-design-col-xl-offset-24.b-design-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width:1600px) {
    .b-design-col-xxl-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .b-design-col-xxl-push-24 {
        left: 100%
    }

    .b-design-col-xxl-pull-24 {
        right: 100%
    }

    .b-design-col-xxl-offset-24 {
        margin-left: 100%
    }

    .b-design-col-xxl-order-24 {
        order: 24
    }

    .b-design-col-xxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .b-design-col-xxl-push-23 {
        left: 95.83333333%
    }

    .b-design-col-xxl-pull-23 {
        right: 95.83333333%
    }

    .b-design-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }

    .b-design-col-xxl-order-23 {
        order: 23
    }

    .b-design-col-xxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .b-design-col-xxl-push-22 {
        left: 91.66666667%
    }

    .b-design-col-xxl-pull-22 {
        right: 91.66666667%
    }

    .b-design-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }

    .b-design-col-xxl-order-22 {
        order: 22
    }

    .b-design-col-xxl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .b-design-col-xxl-push-21 {
        left: 87.5%
    }

    .b-design-col-xxl-pull-21 {
        right: 87.5%
    }

    .b-design-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .b-design-col-xxl-order-21 {
        order: 21
    }

    .b-design-col-xxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .b-design-col-xxl-push-20 {
        left: 83.33333333%
    }

    .b-design-col-xxl-pull-20 {
        right: 83.33333333%
    }

    .b-design-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }

    .b-design-col-xxl-order-20 {
        order: 20
    }

    .b-design-col-xxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .b-design-col-xxl-push-19 {
        left: 79.16666667%
    }

    .b-design-col-xxl-pull-19 {
        right: 79.16666667%
    }

    .b-design-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }

    .b-design-col-xxl-order-19 {
        order: 19
    }

    .b-design-col-xxl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .b-design-col-xxl-push-18 {
        left: 75%
    }

    .b-design-col-xxl-pull-18 {
        right: 75%
    }

    .b-design-col-xxl-offset-18 {
        margin-left: 75%
    }

    .b-design-col-xxl-order-18 {
        order: 18
    }

    .b-design-col-xxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .b-design-col-xxl-push-17 {
        left: 70.83333333%
    }

    .b-design-col-xxl-pull-17 {
        right: 70.83333333%
    }

    .b-design-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }

    .b-design-col-xxl-order-17 {
        order: 17
    }

    .b-design-col-xxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .b-design-col-xxl-push-16 {
        left: 66.66666667%
    }

    .b-design-col-xxl-pull-16 {
        right: 66.66666667%
    }

    .b-design-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }

    .b-design-col-xxl-order-16 {
        order: 16
    }

    .b-design-col-xxl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .b-design-col-xxl-push-15 {
        left: 62.5%
    }

    .b-design-col-xxl-pull-15 {
        right: 62.5%
    }

    .b-design-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .b-design-col-xxl-order-15 {
        order: 15
    }

    .b-design-col-xxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .b-design-col-xxl-push-14 {
        left: 58.33333333%
    }

    .b-design-col-xxl-pull-14 {
        right: 58.33333333%
    }

    .b-design-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }

    .b-design-col-xxl-order-14 {
        order: 14
    }

    .b-design-col-xxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .b-design-col-xxl-push-13 {
        left: 54.16666667%
    }

    .b-design-col-xxl-pull-13 {
        right: 54.16666667%
    }

    .b-design-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }

    .b-design-col-xxl-order-13 {
        order: 13
    }

    .b-design-col-xxl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .b-design-col-xxl-push-12 {
        left: 50%
    }

    .b-design-col-xxl-pull-12 {
        right: 50%
    }

    .b-design-col-xxl-offset-12 {
        margin-left: 50%
    }

    .b-design-col-xxl-order-12 {
        order: 12
    }

    .b-design-col-xxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .b-design-col-xxl-push-11 {
        left: 45.83333333%
    }

    .b-design-col-xxl-pull-11 {
        right: 45.83333333%
    }

    .b-design-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }

    .b-design-col-xxl-order-11 {
        order: 11
    }

    .b-design-col-xxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .b-design-col-xxl-push-10 {
        left: 41.66666667%
    }

    .b-design-col-xxl-pull-10 {
        right: 41.66666667%
    }

    .b-design-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }

    .b-design-col-xxl-order-10 {
        order: 10
    }

    .b-design-col-xxl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .b-design-col-xxl-push-9 {
        left: 37.5%
    }

    .b-design-col-xxl-pull-9 {
        right: 37.5%
    }

    .b-design-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .b-design-col-xxl-order-9 {
        order: 9
    }

    .b-design-col-xxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .b-design-col-xxl-push-8 {
        left: 33.33333333%
    }

    .b-design-col-xxl-pull-8 {
        right: 33.33333333%
    }

    .b-design-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }

    .b-design-col-xxl-order-8 {
        order: 8
    }

    .b-design-col-xxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .b-design-col-xxl-push-7 {
        left: 29.16666667%
    }

    .b-design-col-xxl-pull-7 {
        right: 29.16666667%
    }

    .b-design-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }

    .b-design-col-xxl-order-7 {
        order: 7
    }

    .b-design-col-xxl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .b-design-col-xxl-push-6 {
        left: 25%
    }

    .b-design-col-xxl-pull-6 {
        right: 25%
    }

    .b-design-col-xxl-offset-6 {
        margin-left: 25%
    }

    .b-design-col-xxl-order-6 {
        order: 6
    }

    .b-design-col-xxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .b-design-col-xxl-push-5 {
        left: 20.83333333%
    }

    .b-design-col-xxl-pull-5 {
        right: 20.83333333%
    }

    .b-design-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }

    .b-design-col-xxl-order-5 {
        order: 5
    }

    .b-design-col-xxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .b-design-col-xxl-push-4 {
        left: 16.66666667%
    }

    .b-design-col-xxl-pull-4 {
        right: 16.66666667%
    }

    .b-design-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }

    .b-design-col-xxl-order-4 {
        order: 4
    }

    .b-design-col-xxl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .b-design-col-xxl-push-3 {
        left: 12.5%
    }

    .b-design-col-xxl-pull-3 {
        right: 12.5%
    }

    .b-design-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .b-design-col-xxl-order-3 {
        order: 3
    }

    .b-design-col-xxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .b-design-col-xxl-push-2 {
        left: 8.33333333%
    }

    .b-design-col-xxl-pull-2 {
        right: 8.33333333%
    }

    .b-design-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }

    .b-design-col-xxl-order-2 {
        order: 2
    }

    .b-design-col-xxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .b-design-col-xxl-push-1 {
        left: 4.16666667%
    }

    .b-design-col-xxl-pull-1 {
        right: 4.16666667%
    }

    .b-design-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }

    .b-design-col-xxl-order-1 {
        order: 1
    }

    .b-design-col-xxl-0 {
        display: none
    }

    .b-design-col-push-0 {
        left: auto
    }

    .b-design-col-pull-0 {
        right: auto
    }

    .b-design-col-xxl-push-0 {
        left: auto
    }

    .b-design-col-xxl-pull-0 {
        right: auto
    }

    .b-design-col-xxl-offset-0 {
        margin-left: 0
    }

    .b-design-col-xxl-order-0 {
        order: 0
    }

    .b-design-col-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-xxl-push-0.b-design-col-rtl {
        right: auto
    }

    .b-design-col-xxl-pull-0.b-design-col-rtl {
        left: auto
    }

    .b-design-col-xxl-offset-0.b-design-col-rtl {
        margin-right: 0
    }

    .b-design-col-xxl-push-1.b-design-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .b-design-col-xxl-pull-1.b-design-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .b-design-col-xxl-offset-1.b-design-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-2.b-design-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .b-design-col-xxl-pull-2.b-design-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .b-design-col-xxl-offset-2.b-design-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-3.b-design-col-rtl {
        right: 12.5%;
        left: auto
    }

    .b-design-col-xxl-pull-3.b-design-col-rtl {
        right: auto;
        left: 12.5%
    }

    .b-design-col-xxl-offset-3.b-design-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .b-design-col-xxl-push-4.b-design-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .b-design-col-xxl-pull-4.b-design-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .b-design-col-xxl-offset-4.b-design-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-5.b-design-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .b-design-col-xxl-pull-5.b-design-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .b-design-col-xxl-offset-5.b-design-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-6.b-design-col-rtl {
        right: 25%;
        left: auto
    }

    .b-design-col-xxl-pull-6.b-design-col-rtl {
        right: auto;
        left: 25%
    }

    .b-design-col-xxl-offset-6.b-design-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .b-design-col-xxl-push-7.b-design-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .b-design-col-xxl-pull-7.b-design-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .b-design-col-xxl-offset-7.b-design-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-8.b-design-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .b-design-col-xxl-pull-8.b-design-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .b-design-col-xxl-offset-8.b-design-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-9.b-design-col-rtl {
        right: 37.5%;
        left: auto
    }

    .b-design-col-xxl-pull-9.b-design-col-rtl {
        right: auto;
        left: 37.5%
    }

    .b-design-col-xxl-offset-9.b-design-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .b-design-col-xxl-push-10.b-design-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .b-design-col-xxl-pull-10.b-design-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .b-design-col-xxl-offset-10.b-design-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-11.b-design-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .b-design-col-xxl-pull-11.b-design-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .b-design-col-xxl-offset-11.b-design-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-12.b-design-col-rtl {
        right: 50%;
        left: auto
    }

    .b-design-col-xxl-pull-12.b-design-col-rtl {
        right: auto;
        left: 50%
    }

    .b-design-col-xxl-offset-12.b-design-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .b-design-col-xxl-push-13.b-design-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .b-design-col-xxl-pull-13.b-design-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .b-design-col-xxl-offset-13.b-design-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-14.b-design-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .b-design-col-xxl-pull-14.b-design-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .b-design-col-xxl-offset-14.b-design-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-15.b-design-col-rtl {
        right: 62.5%;
        left: auto
    }

    .b-design-col-xxl-pull-15.b-design-col-rtl {
        right: auto;
        left: 62.5%
    }

    .b-design-col-xxl-offset-15.b-design-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .b-design-col-xxl-push-16.b-design-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .b-design-col-xxl-pull-16.b-design-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .b-design-col-xxl-offset-16.b-design-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-17.b-design-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .b-design-col-xxl-pull-17.b-design-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .b-design-col-xxl-offset-17.b-design-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-18.b-design-col-rtl {
        right: 75%;
        left: auto
    }

    .b-design-col-xxl-pull-18.b-design-col-rtl {
        right: auto;
        left: 75%
    }

    .b-design-col-xxl-offset-18.b-design-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .b-design-col-xxl-push-19.b-design-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .b-design-col-xxl-pull-19.b-design-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .b-design-col-xxl-offset-19.b-design-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-20.b-design-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .b-design-col-xxl-pull-20.b-design-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .b-design-col-xxl-offset-20.b-design-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-21.b-design-col-rtl {
        right: 87.5%;
        left: auto
    }

    .b-design-col-xxl-pull-21.b-design-col-rtl {
        right: auto;
        left: 87.5%
    }

    .b-design-col-xxl-offset-21.b-design-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .b-design-col-xxl-push-22.b-design-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .b-design-col-xxl-pull-22.b-design-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .b-design-col-xxl-offset-22.b-design-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .b-design-col-xxl-push-23.b-design-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .b-design-col-xxl-pull-23.b-design-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .b-design-col-xxl-offset-23.b-design-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .b-design-col-xxl-push-24.b-design-col-rtl {
        right: 100%;
        left: auto
    }

    .b-design-col-xxl-pull-24.b-design-col-rtl {
        right: auto;
        left: 100%
    }

    .b-design-col-xxl-offset-24.b-design-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

.b-design-row-rtl {
    direction: rtl
}

.b-design-image {
    position: relative;
    display: inline-block
}

.b-design-image-img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.b-design-image-img-placeholder {
    background-color: #f5f5f5;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjUgMi41aC0xM0EuNS41IDAgMDAxIDN2MTBhLjUuNSAwIDAwLjUuNWgxM2EuNS41IDAgMDAuNS0uNVYzYS41LjUgMCAwMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwMTAgMiAxIDEgMCAwMTAtMnptOC4wMyA2LjgzYS4xMjcuMTI3IDAgMDEtLjA4MS4wM0gyLjc2OWEuMTI1LjEyNSAwIDAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAxLjE3Ny0uMDE2bC4wMTYuMDE2TDcuMDggMTAuMDlsMi40Ny0yLjkzYS4xMjYuMTI2IDAgMDEuMTc3LS4wMTZsLjAxNS4wMTYgMy41ODggNC4yNDRhLjEyNy4xMjcgMCAwMS0uMDIuMTc1eiIgZmlsbD0iIzhDOEM4QyIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 30%
}

.b-design-image-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s
}

.b-design-image-mask-info {
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-image-mask-info .anticon {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.b-design-image-mask:hover {
    opacity: 1
}

.b-design-image-placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b-design-image-preview {
    pointer-events: none;
    height: 100%;
    text-align: center
}

.b-design-image-preview.b-design-zoom-appear,
.b-design-image-preview.b-design-zoom-enter {
    transform: none;
    opacity: 0;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-image-preview-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.b-design-image-preview-mask-hidden {
    display: none
}

.b-design-image-preview-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0
}

.b-design-image-preview-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.b-design-image-preview-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transform: scaleX(1);
    cursor: -webkit-grab;
    cursor: grab;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto
}

.b-design-image-preview-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.b-design-image-preview-img-wrapper:before {
    display: inline-block;
    width: 1px;
    height: 50%;
    margin-right: -1px;
    content: ""
}

.b-design-image-preview-moving .b-design-image-preview-img {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.b-design-image-preview-moving .b-design-image-preview-img-wrapper {
    transition-duration: 0s
}

.b-design-image-preview-wrap {
    z-index: 1080
}

.b-design-image-preview-operations {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    color: hsla(0, 0%, 100%, .85);
    list-style: none;
    background: rgba(0, 0, 0, .1);
    pointer-events: auto
}

.b-design-image-preview-operations-operation {
    margin-left: 16px;
    padding: 16px;
    cursor: pointer
}

.b-design-image-preview-operations-operation-disabled {
    color: hsla(0, 0%, 100%, .25);
    pointer-events: none
}

.b-design-image-preview-operations-operation:last-of-type {
    margin-left: 0
}

.b-design-image-preview-operations-progress {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.b-design-image-preview-operations-icon {
    font-size: 18px
}

.b-design-image-preview-switch-left,
.b-design-image-preview-switch-right {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    color: hsla(0, 0%, 100%, .85);
    background: rgba(0, 0, 0, .1);
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto
}

.b-design-image-preview-switch-left-disabled,
.b-design-image-preview-switch-right-disabled {
    color: hsla(0, 0%, 100%, .25);
    cursor: not-allowed
}

.b-design-image-preview-switch-left-disabled>.anticon,
.b-design-image-preview-switch-right-disabled>.anticon {
    cursor: not-allowed
}

.b-design-image-preview-switch-left>.anticon,
.b-design-image-preview-switch-right>.anticon {
    font-size: 18px
}

.b-design-image-preview-switch-left {
    left: 10px
}

.b-design-image-preview-switch-right {
    right: 10px
}

.b-design-input-number-affix-wrapper {
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all .3s;
    position: relative;
    display: inline-flex;
    width: 90px;
    padding: 0;
    -webkit-padding-start: 11px;
    padding-inline-start: 11px
}

.b-design-input-number-affix-wrapper::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-input-number-affix-wrapper:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-number-affix-wrapper::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-number-affix-wrapper:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-number-affix-wrapper:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-input-number-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-number-affix-wrapper:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-input-number-affix-wrapper-focused,
.b-design-input-number-affix-wrapper:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-number-affix-wrapper-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input-number-affix-wrapper-disabled:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-input-number-affix-wrapper[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input-number-affix-wrapper[disabled]:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-input-number-affix-wrapper-borderless,
.b-design-input-number-affix-wrapper-borderless-disabled,
.b-design-input-number-affix-wrapper-borderless-focused,
.b-design-input-number-affix-wrapper-borderless:focus,
.b-design-input-number-affix-wrapper-borderless:hover,
.b-design-input-number-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.b-design-input-number-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.b-design-input-number-affix-wrapper-lg {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-input-number-affix-wrapper-sm {
    padding: 4px 11px
}

.b-design-input-number-affix-wrapper:not(.b-design-input-number-affix-wrapper-disabled):hover {
    border-color: #7a7d85;
    border-right-width: 1px;
    z-index: 1
}

.b-design-input-number-affix-wrapper-focused,
.b-design-input-number-affix-wrapper:focus {
    z-index: 1
}

.b-design-input-number-affix-wrapper-disabled .b-design-input-number[disabled] {
    background: transparent
}

.b-design-input-number-affix-wrapper>div.b-design-input-number {
    width: 100%;
    border: none;
    outline: none
}

.b-design-input-number-affix-wrapper>div.b-design-input-number.b-design-input-number-focused {
    box-shadow: none !important
}

.b-design-input-number-affix-wrapper input.b-design-input-number-input {
    padding: 0
}

.b-design-input-number-affix-wrapper:before {
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.b-design-input-number-affix-wrapper .b-design-input-number-handler-wrap {
    z-index: 2
}

.b-design-input-number-prefix,
.b-design-input-number-suffix {
    display: flex;
    flex: none;
    align-items: center;
    pointer-events: none
}

.b-design-input-number-prefix {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.b-design-input-number-suffix {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    margin-right: 11px;
    margin-left: 4px
}

.b-design-input-number-group-wrapper .b-design-input-number-affix-wrapper {
    width: 100%
}

.b-design-input-number-status-error:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number,
.b-design-input-number-status-error:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number:hover {
    background: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-input-number-status-error:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number-focused,
.b-design-input-number-status-error:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number:focus {
    border-color: var(--b-design-error-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-error-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-number-status-error .b-design-input-number-prefix {
    color: var(--b-design-error-color)
}

.b-design-input-number-status-warning:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number,
.b-design-input-number-status-warning:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number:hover {
    background: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-input-number-status-warning:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number-focused,
.b-design-input-number-status-warning:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number:focus {
    border-color: var(--b-design-warning-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-warning-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-number-status-warning .b-design-input-number-prefix {
    color: var(--b-design-warning-color)
}

.b-design-input-number-affix-wrapper-status-error:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper,
.b-design-input-number-affix-wrapper-status-error:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper:hover {
    background: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-input-number-affix-wrapper-status-error:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper-focused,
.b-design-input-number-affix-wrapper-status-error:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper:focus {
    border-color: var(--b-design-error-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-error-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-number-affix-wrapper-status-error .b-design-input-number-prefix {
    color: var(--b-design-error-color)
}

.b-design-input-number-affix-wrapper-status-warning:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper,
.b-design-input-number-affix-wrapper-status-warning:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper:hover {
    background: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-input-number-affix-wrapper-status-warning:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper-focused,
.b-design-input-number-affix-wrapper-status-warning:not(.b-design-input-number-affix-wrapper-disabled):not(.b-design-input-number-affix-wrapper-borderless).b-design-input-number-affix-wrapper:focus {
    border-color: var(--b-design-warning-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-warning-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-number-affix-wrapper-status-warning .b-design-input-number-prefix {
    color: var(--b-design-warning-color)
}

.b-design-input-number-group-wrapper-status-error .b-design-input-number-group-addon {
    color: var(--b-design-error-color);
    border-color: var(--b-design-error-color)
}

.b-design-input-number-group-wrapper-status-warning .b-design-input-number-group-addon {
    color: var(--b-design-warning-color);
    border-color: var(--b-design-warning-color)
}

.b-design-input-number {
    box-sizing: border-box;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    width: 100%;
    min-width: 0;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    transition: all .3s;
    display: inline-block;
    width: 90px;
    margin: 0;
    padding: 0;
    border: 1px solid #d4d6db;
    border-radius: 2px
}

.b-design-input-number::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-input-number:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-number::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-number:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-number:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-input-number:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-number-focused,
.b-design-input-number:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-number[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input-number[disabled]:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-input-number-borderless,
.b-design-input-number-borderless-disabled,
.b-design-input-number-borderless-focused,
.b-design-input-number-borderless:focus,
.b-design-input-number-borderless:hover,
.b-design-input-number-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.b-design-input-number {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.b-design-input-number-lg {
    padding: 7px 15px
}

.b-design-input-number-sm {
    padding: 4px 11px
}

.b-design-input-number-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.b-design-input-number-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.b-design-input-number-group>[class*=col-] {
    padding-right: 8px
}

.b-design-input-number-group>[class*=col-]:last-child {
    padding-right: 0
}

.b-design-input-number-group-addon,
.b-design-input-number-group-wrap,
.b-design-input-number-group>.b-design-input-number {
    display: table-cell
}

.b-design-input-number-group-addon:not(:first-child):not(:last-child),
.b-design-input-number-group-wrap:not(:first-child):not(:last-child),
.b-design-input-number-group>.b-design-input-number:not(:first-child):not(:last-child) {
    border-radius: 0
}

.b-design-input-number-group-addon,
.b-design-input-number-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.b-design-input-number-group-wrap>* {
    display: block !important
}

.b-design-input-number-group .b-design-input-number {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.b-design-input-number-group .b-design-input-number:focus,
.b-design-input-number-group .b-design-input-number:hover {
    z-index: 1;
    border-right-width: 1px
}

.b-design-input-search-with-button .b-design-input-number-group .b-design-input-number:hover {
    z-index: 0
}

.b-design-input-number-group-addon {
    position: relative;
    padding: 0 11px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all .3s
}

.b-design-input-number-group-addon .b-design-select {
    margin: -7px -11px
}

.b-design-input-number-group-addon .b-design-select.b-design-select-single:not(.b-design-select-customize-input) .b-design-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.b-design-input-number-group-addon .b-design-select-focused .b-design-select-selector,
.b-design-input-number-group-addon .b-design-select-open .b-design-select-selector {
    color: var(--b-design-primary-color)
}

.b-design-input-number-group-addon .b-design-cascader-picker {
    margin: -9px -16px;
    background-color: transparent
}

.b-design-input-number-group-addon .b-design-cascader-picker .b-design-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.b-design-input-number-group-addon:first-child,
.b-design-input-number-group-addon:first-child .b-design-select .b-design-select-selector,
.b-design-input-number-group>.b-design-input-number:first-child,
.b-design-input-number-group>.b-design-input-number:first-child .b-design-select .b-design-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.b-design-input-number-group>.b-design-input-number-affix-wrapper:not(:first-child) .b-design-input-number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-design-input-number-group>.b-design-input-number-affix-wrapper:not(:last-child) .b-design-input-number {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.b-design-input-number-group-addon:first-child {
    border-right: 0
}

.b-design-input-number-group-addon:last-child {
    border-left: 0
}

.b-design-input-number-group-addon:last-child,
.b-design-input-number-group-addon:last-child .b-design-select .b-design-select-selector,
.b-design-input-number-group>.b-design-input-number:last-child,
.b-design-input-number-group>.b-design-input-number:last-child .b-design-select .b-design-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-design-input-number-group-lg .b-design-input-number,
.b-design-input-number-group-lg>.b-design-input-number-group-addon {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-input-number-group-sm .b-design-input-number,
.b-design-input-number-group-sm>.b-design-input-number-group-addon {
    padding: 4px 11px
}

.b-design-input-number-group-lg .b-design-select-single .b-design-select-selector {
    height: 40px
}

.b-design-input-number-group-sm .b-design-select-single .b-design-select-selector {
    height: 28px
}

.b-design-input-number-group .b-design-input-number-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.b-design-input-search .b-design-input-number-group .b-design-input-number-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-input-number-group .b-design-input-number-affix-wrapper:not(:first-child),
.b-design-input-search .b-design-input-number-group .b-design-input-number-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-design-input-number-group.b-design-input-number-group-compact {
    display: block
}

.b-design-input-number-group.b-design-input-number-group-compact:before {
    display: table;
    content: ""
}

.b-design-input-number-group.b-design-input-number-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-input-number-group.b-design-input-number-group-compact-addon:not(:first-child):not(:last-child),
.b-design-input-number-group.b-design-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-number:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.b-design-input-number-group.b-design-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.b-design-input-number-group.b-design-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.b-design-input-number-group.b-design-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.b-design-input-number-group.b-design-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-number:not(:first-child):not(:last-child):focus,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-number:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.b-design-input-number-group.b-design-input-number-group-compact>* {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-number-affix-wrapper,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-picker-range {
    display: inline-flex
}

.b-design-input-number-group.b-design-input-number-group-compact>:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.b-design-input-number-group.b-design-input-number-group-compact .b-design-input-number {
    float: none
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-group-wrapper .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select-auto-complete .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select>.b-design-select-selector {
    border-right-width: 1px;
    border-radius: 0
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker .b-design-input:focus,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker .b-design-input:hover,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-group-wrapper .b-design-input:focus,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-group-wrapper .b-design-input:hover,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select-auto-complete .b-design-input:focus,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select-auto-complete .b-design-input:hover,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select-focused,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select>.b-design-select-arrow,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select>.b-design-select-selector:focus,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select>.b-design-select-selector:hover {
    z-index: 1
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker:first-child .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select-auto-complete:first-child .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select:first-child>.b-design-select-selector,
.b-design-input-number-group.b-design-input-number-group-compact>:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker-focused:last-child .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker:last-child .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select:last-child>.b-design-select-selector,
.b-design-input-number-group.b-design-input-number-group-compact>:last-child {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select-auto-complete .b-design-input {
    vertical-align: top
}

.b-design-input-number-group.b-design-input-number-group-compact .b-design-input-group-wrapper+.b-design-input-group-wrapper {
    margin-left: -1px
}

.b-design-input-number-group.b-design-input-number-group-compact .b-design-input-group-wrapper+.b-design-input-group-wrapper .b-design-input-affix-wrapper,
.b-design-input-number-group.b-design-input-number-group-compact .b-design-input-group-wrapper:not(:last-child).b-design-input-search>.b-design-input-group>.b-design-input-group-addon>.b-design-input-search-button {
    border-radius: 0
}

.b-design-input-number-group.b-design-input-number-group-compact .b-design-input-group-wrapper:not(:last-child).b-design-input-search>.b-design-input-group>.b-design-input {
    border-radius: 2px 0 0 2px
}

.b-design-input-number-group>.b-design-input-number-rtl:first-child {
    border-radius: 0 2px 2px 0
}

.b-design-input-number-group>.b-design-input-number-rtl:last-child {
    border-radius: 2px 0 0 2px
}

.b-design-input-number-group-rtl .b-design-input-number-group-addon:first-child {
    border-right: 1px solid #d4d6db;
    border-left: 0;
    border-radius: 0 2px 2px 0
}

.b-design-input-number-group-rtl .b-design-input-number-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #d4d6db;
    border-radius: 2px 0 0 2px
}

.b-design-input-number-group-wrapper {
    display: inline-block;
    text-align: start;
    vertical-align: top
}

.b-design-input-number-handler {
    position: relative;
    display: block;
    width: 100%;
    height: 50%;
    overflow: hidden;
    color: #474a52;
    font-weight: 700;
    line-height: 0;
    text-align: center;
    border-left: 1px solid #d7d8db;
    transition: all .1s linear
}

.b-design-input-number-handler:active {
    background: #e6e7e8
}

.b-design-input-number-handler:hover .b-design-input-number-handler-down-inner,
.b-design-input-number-handler:hover .b-design-input-number-handler-up-inner {
    color: #f1f2f3
}

.b-design-input-number-handler-down-inner,
.b-design-input-number-handler-up-inner {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 4px;
    width: 12px;
    height: 12px;
    color: #474a52;
    line-height: 12px;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-number-handler-down-inner>*,
.b-design-input-number-handler-up-inner>* {
    line-height: 1
}

.b-design-input-number-handler-down-inner svg,
.b-design-input-number-handler-up-inner svg {
    display: inline-block
}

.b-design-input-number-handler-down-inner:before,
.b-design-input-number-handler-up-inner:before {
    display: none
}

.b-design-input-number-handler-down-inner .b-design-input-number-handler-down-inner-icon,
.b-design-input-number-handler-down-inner .b-design-input-number-handler-up-inner-icon,
.b-design-input-number-handler-up-inner .b-design-input-number-handler-down-inner-icon,
.b-design-input-number-handler-up-inner .b-design-input-number-handler-up-inner-icon {
    display: block
}

.b-design-input-number:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-input-number:hover+.b-design-form-item-children-icon {
    opacity: 0;
    transition: opacity .24s linear .24s
}

.b-design-input-number-focused {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-number-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input-number-disabled:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-input-number-disabled .b-design-input-number-input {
    cursor: not-allowed
}

.b-design-input-number-disabled .b-design-input-number-handler-wrap,
.b-design-input-number-readonly .b-design-input-number-handler-wrap {
    display: none
}

.b-design-input-number-input {
    width: 100%;
    height: 30px;
    padding: 0 15px;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    outline: 0;
    transition: all .3s linear;
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important
}

.b-design-input-number-input::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-input-number-input:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-number-input::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-number-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-number-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-input-number-input:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-number-input[type=number]::-webkit-inner-spin-button,
.b-design-input-number-input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.b-design-input-number-lg {
    padding: 0;
    font-size: 16px
}

.b-design-input-number-lg input {
    height: 38px
}

.b-design-input-number-sm input {
    height: 26px;
    padding: 0 7px
}

.b-design-input-number-handler-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 100%;
    border-radius: 0 2px 2px 0;
    opacity: 0;
    transition: opacity .24s linear .1s
}

.b-design-input-number-handler-wrap .b-design-input-number-handler .b-design-input-number-handler-down-inner,
.b-design-input-number-handler-wrap .b-design-input-number-handler .b-design-input-number-handler-up-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    margin-right: 0;
    font-size: 7px
}

.b-design-input-number-borderless .b-design-input-number-handler-wrap {
    border-left-width: 0
}

.b-design-input-number-handler-wrap:hover .b-design-input-number-handler {
    height: 40%
}

.b-design-input-number-focused .b-design-input-number-handler-wrap,
.b-design-input-number:hover .b-design-input-number-handler-wrap {
    opacity: 1
}

.b-design-input-number-handler-up {
    border-top-right-radius: 2px;
    cursor: pointer
}

.b-design-input-number-handler-up-inner {
    top: 50%;
    margin-top: -5px;
    text-align: center
}

.b-design-input-number-handler-up:hover {
    height: 60% !important
}

.b-design-input-number-handler-down {
    top: 0;
    border-top: 1px solid #d7d8db;
    border-bottom-right-radius: 2px;
    cursor: pointer
}

.b-design-input-number-handler-down-inner {
    top: 50%;
    text-align: center;
    transform: translateY(-50%)
}

.b-design-input-number-handler-down:hover {
    height: 60% !important
}

.b-design-input-number-borderless .b-design-input-number-handler-down {
    border-top-width: 0
}

.b-design-input-number-focused:not(.b-design-input-number-borderless) .b-design-input-number-handler-down,
.b-design-input-number:hover:not(.b-design-input-number-borderless) .b-design-input-number-handler-down {
    border-top: 1px solid #d7d8db
}

.b-design-input-number-handler-down-disabled,
.b-design-input-number-handler-up-disabled {
    cursor: not-allowed
}

.b-design-input-number-handler-down-disabled:hover .b-design-input-number-handler-down-inner,
.b-design-input-number-handler-up-disabled:hover .b-design-input-number-handler-up-inner {
    color: #b8bbc2
}

.b-design-input-number-borderless {
    box-shadow: none
}

.b-design-input-number-out-of-range input {
    color: var(--b-design-error-color)
}

.b-design-input-number-rtl {
    direction: rtl
}

.b-design-input-number-rtl .b-design-input-number-handler {
    border-right: 1px solid #d7d8db;
    border-left: 0
}

.b-design-input-number-rtl .b-design-input-number-handler-wrap {
    right: auto;
    left: 0
}

.b-design-input-number-rtl.b-design-input-number-borderless .b-design-input-number-handler-wrap {
    border-right-width: 0
}

.b-design-input-number-rtl .b-design-input-number-handler-up {
    border-top-right-radius: 0
}

.b-design-input-number-rtl .b-design-input-number-handler-down {
    border-bottom-right-radius: 0
}

.b-design-input-number-rtl .b-design-input-number-input {
    direction: ltr;
    text-align: right
}

.b-design-input-number {
    display: inline-flex;
    width: 140px
}

.b-design-input-number-affix-wrapper-focused,
.b-design-input-number-affix-wrapper.b-design-input-number-affix-wrapper-focused:not(.b-design-input-number-affix-wrapper-disabled):hover,
.b-design-input-number-focused,
.b-design-input-number-focused:hover {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-input-number-prefix {
    color: #81848f
}

.b-design-input-number-affix-wrapper:not(.b-design-input-number-affix-wrapper-disabled):hover .b-design-input-number-prefix {
    color: #474a52
}

.b-design-input-number:not(textarea) {
    padding: 0
}

.b-design-input-number.b-design-input-number-nohandler {
    padding-right: 0
}

.b-design-input-number.b-design-input-number-nohandler input {
    padding: 0 4px;
    text-align: center
}

.b-design-input-number-handler {
    border: none
}

.b-design-input-number-disabled .b-design-input-number-handler-wrap,
.b-design-input-number-handler-wrap {
    position: absolute;
    display: block;
    flex-shrink: 0;
    order: 2;
    background: transparent;
    opacity: 1
}

.b-design-input-number-disabled .b-design-input-number-handler-wrap .anticon,
.b-design-input-number-handler-wrap .anticon {
    position: absolute
}

.b-design-input-number-focused:not(.b-design-input-number-borderless) .b-design-input-number-handler-down,
.b-design-input-number:hover:not(.b-design-input-number-borderless) .b-design-input-number-handler-down {
    border-top: none
}

.b-design-input-number-handler-up {
    position: relative;
    border-top-right-radius: 1px
}

.b-design-input-number-handler-up svg {
    display: none !important
}

.b-design-input-number-handler-up:after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    transform: translateX(-50%);
    content: "\e942"
}

.b-design-input-number-handler-up:hover:after {
    color: #1f2024
}

.b-design-input-number-handler-up-disabled:after {
    color: #b8bbc2 !important
}

.b-design-input-number-handler-down {
    position: relative;
    border-bottom-right-radius: 1px
}

.b-design-input-number-handler-down svg {
    display: none !important
}

.b-design-input-number-handler-down:after {
    position: absolute;
    top: -4px;
    left: 50%;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    transform: translateX(-50%);
    content: "\e940"
}

.b-design-input-number-handler-down:hover:after {
    color: #1f2024
}

.b-design-input-number-handler-down-disabled:after {
    color: #b8bbc2 !important
}

.b-design-input-number-handler,
.b-design-input-number-handler-down:hover,
.b-design-input-number-handler-up:hover,
.b-design-input-number-handler-wrap:hover .b-design-input-number-handler {
    height: 50% !important
}

.b-design-input-number-handler {
    color: #81848f
}

.b-design-input-number-handler:not(.b-design-input-number-handler-down-disabled):not(.b-design-input-number-handler-up-disabled):hover {
    background-color: #f1f2f3
}

.b-design-input-number-handler:active,
.b-design-input-number-handler:focus {
    background-color: #e6e7e8
}

.b-design-input-number-handler-down-disabled:active,
.b-design-input-number-handler-down-disabled:focus,
.b-design-input-number-handler-up-disabled:active,
.b-design-input-number-handler-up-disabled:focus {
    background-color: transparent
}

.b-design-input-number-disabled .b-design-input-number-handler {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    cursor: not-allowed
}

.b-design-input-number-disabled .b-design-input-number-handler-down:after,
.b-design-input-number-disabled .b-design-input-number-handler-up:after {
    color: #b8bbc2 !important
}

.b-design-input-number-disabled .b-design-input-number-handler .anticon {
    color: #b8bbc2
}

.b-design-input-number-handler-wrap {
    width: 32px;
    background: #fff
}

.b-design-input-number-lg .b-design-input-number-handler-wrap {
    width: 40px
}

.b-design-input-number-lg .b-design-input-number-handler-up:after {
    bottom: -2px
}

.b-design-input-number-lg .b-design-input-number-handler-down:after {
    top: -2px
}

.b-design-input-number-sm {
    padding: 0
}

.b-design-input-number-sm .b-design-input-number-handler-wrap {
    width: 28px
}

.b-design-input-number-sm .b-design-input-number-handler-down:after,
.b-design-input-number-sm .b-design-input-number-handler-up:after {
    font-size: 14px
}

.b-design-input-number-sm input {
    padding: 0 11px
}

.b-design-input-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 6px 11px;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all .3s;
    display: inline-flex
}

.b-design-input-affix-wrapper::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-input-affix-wrapper:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-affix-wrapper::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-input-affix-wrapper:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-affix-wrapper:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-input-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input-affix-wrapper:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-input-rtl .b-design-input-affix-wrapper:hover {
    border-right-width: 0;
    border-left-width: 1px !important
}

.b-design-input-affix-wrapper-focused,
.b-design-input-affix-wrapper:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-rtl .b-design-input-affix-wrapper-focused,
.b-design-input-rtl .b-design-input-affix-wrapper:focus {
    border-right-width: 0;
    border-left-width: 1px !important
}

.b-design-input-affix-wrapper-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input-affix-wrapper-disabled:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-input-affix-wrapper[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input-affix-wrapper[disabled]:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-input-affix-wrapper-borderless,
.b-design-input-affix-wrapper-borderless-disabled,
.b-design-input-affix-wrapper-borderless-focused,
.b-design-input-affix-wrapper-borderless:focus,
.b-design-input-affix-wrapper-borderless:hover,
.b-design-input-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.b-design-input-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.b-design-input-affix-wrapper-lg {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-input-affix-wrapper-sm {
    padding: 4px 11px
}

.b-design-input-affix-wrapper-rtl {
    direction: rtl
}

.b-design-input-affix-wrapper:not(.b-design-input-affix-wrapper-disabled):hover {
    border-color: #7a7d85;
    border-right-width: 1px;
    z-index: 1
}

.b-design-input-rtl .b-design-input-affix-wrapper:not(.b-design-input-affix-wrapper-disabled):hover {
    border-right-width: 0;
    border-left-width: 1px !important
}

.b-design-input-search-with-button .b-design-input-affix-wrapper:not(.b-design-input-affix-wrapper-disabled):hover {
    z-index: 0
}

.b-design-input-affix-wrapper-focused,
.b-design-input-affix-wrapper:focus {
    z-index: 1
}

.b-design-input-affix-wrapper-disabled .b-design-input[disabled] {
    background: transparent
}

.b-design-input-affix-wrapper>input.b-design-input {
    padding: 0;
    border: none;
    outline: none
}

.b-design-input-affix-wrapper>input.b-design-input:focus {
    box-shadow: none !important
}

.b-design-input-affix-wrapper:before {
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.b-design-input-prefix,
.b-design-input-suffix {
    display: flex;
    flex: none;
    align-items: center
}

.b-design-input-prefix>:not(:last-child),
.b-design-input-suffix>:not(:last-child) {
    margin-right: 8px
}

.b-design-input-show-count-suffix {
    color: #474a52
}

.b-design-input-show-count-has-suffix {
    margin-right: 2px
}

.b-design-input-prefix {
    margin-right: 8px
}

.b-design-input-suffix {
    margin-left: 8px
}

.anticon.b-design-input-clear-icon,
.b-design-input-clear-icon {
    margin: 0;
    color: #b8bbc2;
    font-size: 12px;
    vertical-align: -1px;
    cursor: pointer;
    transition: color .3s
}

.anticon.b-design-input-clear-icon:active,
.anticon.b-design-input-clear-icon:hover,
.b-design-input-clear-icon:active,
.b-design-input-clear-icon:hover {
    color: #474a52
}

.anticon.b-design-input-clear-icon-hidden,
.b-design-input-clear-icon-hidden {
    visibility: hidden
}

.anticon.b-design-input-clear-icon-has-suffix,
.b-design-input-clear-icon-has-suffix {
    margin: 0 8px
}

.b-design-input-affix-wrapper-textarea-with-clear-btn {
    padding: 0 !important;
    border: 0 !important
}

.b-design-input-affix-wrapper-textarea-with-clear-btn .b-design-input-clear-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1
}

.b-design-input-status-error:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input,
.b-design-input-status-error:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input:hover {
    background: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-input-status-error:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input-focused,
.b-design-input-status-error:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input:focus {
    border-color: var(--b-design-error-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-error-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-status-error .b-design-input-prefix {
    color: var(--b-design-error-color)
}

.b-design-input-status-warning:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input,
.b-design-input-status-warning:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input:hover {
    background: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-input-status-warning:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input-focused,
.b-design-input-status-warning:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input:focus {
    border-color: var(--b-design-warning-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-warning-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-status-warning .b-design-input-prefix {
    color: var(--b-design-warning-color)
}

.b-design-input-affix-wrapper-status-error:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper,
.b-design-input-affix-wrapper-status-error:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper:hover {
    background: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-input-affix-wrapper-status-error:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper-focused,
.b-design-input-affix-wrapper-status-error:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper:focus {
    border-color: var(--b-design-error-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-error-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-affix-wrapper-status-error .b-design-input-prefix {
    color: var(--b-design-error-color)
}

.b-design-input-affix-wrapper-status-warning:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper,
.b-design-input-affix-wrapper-status-warning:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper:hover {
    background: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-input-affix-wrapper-status-warning:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper-focused,
.b-design-input-affix-wrapper-status-warning:not(.b-design-input-affix-wrapper-disabled):not(.b-design-input-affix-wrapper-borderless).b-design-input-affix-wrapper:focus {
    border-color: var(--b-design-warning-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-warning-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-input-affix-wrapper-status-warning .b-design-input-prefix {
    color: var(--b-design-warning-color)
}

.b-design-input-textarea-status-error.b-design-input-textarea-has-feedback .b-design-input,
.b-design-input-textarea-status-success.b-design-input-textarea-has-feedback .b-design-input,
.b-design-input-textarea-status-validating.b-design-input-textarea-has-feedback .b-design-input,
.b-design-input-textarea-status-warning.b-design-input-textarea-has-feedback .b-design-input {
    padding-right: 24px
}

.b-design-input-group-wrapper-status-error .b-design-input-group-addon {
    color: var(--b-design-error-color);
    border-color: var(--b-design-error-color)
}

.b-design-input-group-wrapper-status-warning .b-design-input-group-addon {
    color: var(--b-design-warning-color);
    border-color: var(--b-design-warning-color)
}

.b-design-input {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 6px 11px;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all .3s
}

.b-design-input::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-input:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-input::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-input:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-input:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-input-rtl .b-design-input:hover {
    border-right-width: 0;
    border-left-width: 1px !important
}

.b-design-input-focused,
.b-design-input:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px
}

.b-design-input-rtl .b-design-input-focused,
.b-design-input-rtl .b-design-input:focus {
    border-right-width: 0;
    border-left-width: 1px !important
}

.b-design-input-disabled:hover,
.b-design-input[disabled]:hover {
    border-right-width: 1px
}

.b-design-input-borderless,
.b-design-input-borderless-disabled,
.b-design-input-borderless-focused,
.b-design-input-borderless:focus,
.b-design-input-borderless:hover,
.b-design-input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.b-design-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.b-design-input-lg {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-input-sm {
    padding: 4px 11px
}

.b-design-input-rtl {
    direction: rtl
}

.b-design-input-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.b-design-input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.b-design-input-group>[class*=col-] {
    padding-right: 8px
}

.b-design-input-group>[class*=col-]:last-child {
    padding-right: 0
}

.b-design-input-group-addon,
.b-design-input-group-wrap,
.b-design-input-group>.b-design-input {
    display: table-cell
}

.b-design-input-group-addon:not(:first-child):not(:last-child),
.b-design-input-group-wrap:not(:first-child):not(:last-child),
.b-design-input-group>.b-design-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.b-design-input-group-addon,
.b-design-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.b-design-input-group-wrap>* {
    display: block !important
}

.b-design-input-group .b-design-input {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.b-design-input-group .b-design-input:focus,
.b-design-input-group .b-design-input:hover {
    z-index: 1;
    border-right-width: 1px
}

.b-design-input-search-with-button .b-design-input-group .b-design-input:hover {
    z-index: 0
}

.b-design-input-group-addon {
    position: relative;
    padding: 0 11px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all .3s
}

.b-design-input-group-addon .b-design-select {
    margin: -7px -11px
}

.b-design-input-group-addon .b-design-select.b-design-select-single:not(.b-design-select-customize-input) .b-design-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.b-design-input-group-addon .b-design-select-focused .b-design-select-selector,
.b-design-input-group-addon .b-design-select-open .b-design-select-selector {
    color: var(--b-design-primary-color)
}

.b-design-input-group-addon .b-design-cascader-picker {
    margin: -9px -16px;
    background-color: transparent
}

.b-design-input-group-addon .b-design-cascader-picker .b-design-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.b-design-input-group-addon:first-child,
.b-design-input-group-addon:first-child .b-design-select .b-design-select-selector,
.b-design-input-group>.b-design-input:first-child,
.b-design-input-group>.b-design-input:first-child .b-design-select .b-design-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.b-design-input-group>.b-design-input-affix-wrapper:not(:first-child) .b-design-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-design-input-group>.b-design-input-affix-wrapper:not(:last-child) .b-design-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.b-design-input-group-addon:first-child {
    border-right: 0
}

.b-design-input-group-addon:last-child {
    border-left: 0
}

.b-design-input-group-addon:last-child,
.b-design-input-group-addon:last-child .b-design-select .b-design-select-selector,
.b-design-input-group>.b-design-input:last-child,
.b-design-input-group>.b-design-input:last-child .b-design-select .b-design-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-design-input-group-lg .b-design-input,
.b-design-input-group-lg>.b-design-input-group-addon {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-input-group-sm .b-design-input,
.b-design-input-group-sm>.b-design-input-group-addon {
    padding: 4px 11px
}

.b-design-input-group-lg .b-design-select-single .b-design-select-selector {
    height: 40px
}

.b-design-input-group-sm .b-design-select-single .b-design-select-selector {
    height: 28px
}

.b-design-input-group .b-design-input-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.b-design-input-search .b-design-input-group .b-design-input-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-input-group .b-design-input-affix-wrapper:not(:first-child),
.b-design-input-search .b-design-input-group .b-design-input-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.b-design-input-group.b-design-input-group-compact {
    display: block
}

.b-design-input-group.b-design-input-group-compact:before {
    display: table;
    content: ""
}

.b-design-input-group.b-design-input-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-input-group.b-design-input-group-compact-addon:not(:first-child):not(:last-child),
.b-design-input-group.b-design-input-group-compact-wrap:not(:first-child):not(:last-child),
.b-design-input-group.b-design-input-group-compact>.b-design-input:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.b-design-input-group.b-design-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.b-design-input-group.b-design-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.b-design-input-group.b-design-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.b-design-input-group.b-design-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.b-design-input-group.b-design-input-group-compact>.b-design-input:not(:first-child):not(:last-child):focus,
.b-design-input-group.b-design-input-group-compact>.b-design-input:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.b-design-input-group.b-design-input-group-compact>* {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.b-design-input-group.b-design-input-group-compact>.b-design-input-affix-wrapper,
.b-design-input-group.b-design-input-group-compact>.b-design-picker-range {
    display: inline-flex
}

.b-design-input-group.b-design-input-group-compact>:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.b-design-input-group.b-design-input-group-compact .b-design-input {
    float: none
}

.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-input-group-wrapper .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-select-auto-complete .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-select>.b-design-select-selector {
    border-right-width: 1px;
    border-radius: 0
}

.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker .b-design-input:focus,
.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker .b-design-input:hover,
.b-design-input-group.b-design-input-group-compact>.b-design-input-group-wrapper .b-design-input:focus,
.b-design-input-group.b-design-input-group-compact>.b-design-input-group-wrapper .b-design-input:hover,
.b-design-input-group.b-design-input-group-compact>.b-design-select-auto-complete .b-design-input:focus,
.b-design-input-group.b-design-input-group-compact>.b-design-select-auto-complete .b-design-input:hover,
.b-design-input-group.b-design-input-group-compact>.b-design-select-focused,
.b-design-input-group.b-design-input-group-compact>.b-design-select>.b-design-select-arrow,
.b-design-input-group.b-design-input-group-compact>.b-design-select>.b-design-select-selector:focus,
.b-design-input-group.b-design-input-group-compact>.b-design-select>.b-design-select-selector:hover {
    z-index: 1
}

.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker:first-child .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-select-auto-complete:first-child .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-select:first-child>.b-design-select-selector,
.b-design-input-group.b-design-input-group-compact>:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker-focused:last-child .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker:last-child .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-select:last-child>.b-design-select-selector,
.b-design-input-group.b-design-input-group-compact>:last-child {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.b-design-input-group.b-design-input-group-compact>.b-design-select-auto-complete .b-design-input {
    vertical-align: top
}

.b-design-input-group.b-design-input-group-compact .b-design-input-group-wrapper+.b-design-input-group-wrapper {
    margin-left: -1px
}

.b-design-input-group.b-design-input-group-compact .b-design-input-group-wrapper+.b-design-input-group-wrapper .b-design-input-affix-wrapper,
.b-design-input-group.b-design-input-group-compact .b-design-input-group-wrapper:not(:last-child).b-design-input-search>.b-design-input-group>.b-design-input-group-addon>.b-design-input-search-button {
    border-radius: 0
}

.b-design-input-group.b-design-input-group-compact .b-design-input-group-wrapper:not(:last-child).b-design-input-search>.b-design-input-group>.b-design-input {
    border-radius: 2px 0 0 2px
}

.b-design-input-group-rtl .b-design-input-group-addon:first-child,
.b-design-input-group>.b-design-input-rtl:first-child {
    border-radius: 0 2px 2px 0
}

.b-design-input-group-rtl .b-design-input-group-addon:first-child {
    border-right: 1px solid #d4d6db;
    border-left: 0
}

.b-design-input-group-rtl .b-design-input-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #d4d6db;
    border-radius: 2px 0 0 2px
}

.b-design-input-group-rtl.b-design-input-group-addon:last-child,
.b-design-input-group-rtl.b-design-input-group .b-design-input-affix-wrapper:not(:first-child),
.b-design-input-group-rtl.b-design-input-group>.b-design-input:last-child {
    border-radius: 2px 0 0 2px
}

.b-design-input-group-rtl.b-design-input-group .b-design-input-affix-wrapper:not(:last-child) {
    border-radius: 0 2px 2px 0
}

.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>:not(:last-child) {
    margin-right: 0;
    margin-left: -1px;
    border-left-width: 1px
}

.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker:first-child .b-design-input,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-select-auto-complete:first-child .b-design-input,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-select:first-child>.b-design-select-selector,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>:first-child {
    border-radius: 0 2px 2px 0
}

.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker-focused:last-child .b-design-input,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker:last-child .b-design-input,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-select-auto-complete:last-child .b-design-input,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-select:last-child>.b-design-select-selector,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>:last-child {
    border-left-width: 1px;
    border-radius: 2px 0 0 2px
}

.b-design-input-group.b-design-input-group-compact .b-design-input-group-wrapper-rtl+.b-design-input-group-wrapper-rtl {
    margin-right: -1px;
    margin-left: 0
}

.b-design-input-group.b-design-input-group-compact .b-design-input-group-wrapper-rtl:not(:last-child).b-design-input-search>.b-design-input-group>.b-design-input {
    border-radius: 0 2px 2px 0
}

.b-design-input-group-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top
}

.b-design-input-password-icon.anticon {
    color: #474a52;
    cursor: pointer;
    transition: all .3s
}

.b-design-input-password-icon.anticon:hover {
    color: rgba(0, 0, 0, .85)
}

.b-design-input[type=color] {
    height: 32px
}

.b-design-input[type=color].b-design-input-lg {
    height: 40px
}

.b-design-input[type=color].b-design-input-sm {
    height: 28px;
    padding-top: 3px;
    padding-bottom: 3px
}

.b-design-input-textarea-show-count>.b-design-input {
    height: 100%
}

.b-design-input-textarea-show-count:after {
    float: right;
    color: #474a52
}

.b-design-input-textarea-show-count.b-design-input-textarea-in-form-item:after {
    margin-bottom: -22px
}

.b-design-input-textarea-suffix {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    margin: auto
}

.b-design-input-search .b-design-input:focus,
.b-design-input-search .b-design-input:hover {
    border-color: #7a7d85
}

.b-design-input-search .b-design-input:focus+.b-design-input-group-addon .b-design-input-search-button:not(.b-design-btn-primary),
.b-design-input-search .b-design-input:hover+.b-design-input-group-addon .b-design-input-search-button:not(.b-design-btn-primary) {
    border-left-color: #7a7d85
}

.b-design-input-search .b-design-input-affix-wrapper {
    border-radius: 0
}

.b-design-input-search .b-design-input-lg {
    line-height: 1.5713
}

.b-design-input-search>.b-design-input-group>.b-design-input-group-addon:last-child {
    left: -1px;
    padding: 0;
    border: 0
}

.b-design-input-search>.b-design-input-group>.b-design-input-group-addon:last-child .b-design-input-search-button {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 2px 2px 0
}

.b-design-input-search>.b-design-input-group>.b-design-input-group-addon:last-child .b-design-input-search-button:not(.b-design-btn-primary) {
    color: #474a52
}

.b-design-input-search>.b-design-input-group>.b-design-input-group-addon:last-child .b-design-input-search-button:not(.b-design-btn-primary).b-design-btn-loading:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b-design-input-search-button {
    height: 32px
}

.b-design-input-search-button:focus,
.b-design-input-search-button:hover {
    z-index: 1
}

.b-design-input-search-large .b-design-input-search-button {
    height: 40px
}

.b-design-input-search-small .b-design-input-search-button {
    height: 28px
}

.b-design-input-group-rtl,
.b-design-input-group-wrapper-rtl {
    direction: rtl
}

.b-design-input-affix-wrapper.b-design-input-affix-wrapper-rtl>input.b-design-input {
    border: none;
    outline: none
}

.b-design-input-affix-wrapper-rtl .b-design-input-prefix {
    margin: 0 0 0 8px
}

.b-design-input-affix-wrapper-rtl .b-design-input-suffix {
    margin: 0 8px 0 0
}

.b-design-input-textarea-rtl {
    direction: rtl
}

.b-design-input-textarea-rtl.b-design-input-textarea-show-count:after {
    text-align: left
}

.b-design-input-affix-wrapper-rtl .b-design-input-clear-icon-has-suffix {
    margin-right: 0;
    margin-left: 8px
}

.b-design-input-affix-wrapper-rtl .b-design-input-clear-icon {
    right: auto;
    left: 8px
}

.b-design-input-search-rtl {
    direction: rtl
}

.b-design-input-search-rtl .b-design-input:focus+.b-design-input-group-addon .b-design-input-search-button:not(.b-design-btn-primary),
.b-design-input-search-rtl .b-design-input:hover+.b-design-input-group-addon .b-design-input-search-button:not(.b-design-btn-primary) {
    border-right-color: #7a7d85;
    border-left-color: #d7d8db
}

.b-design-input-search-rtl>.b-design-input-group>.b-design-input-affix-wrapper-focused,
.b-design-input-search-rtl>.b-design-input-group>.b-design-input-affix-wrapper:hover {
    border-right-color: #7a7d85
}

.b-design-input-search-rtl>.b-design-input-group>.b-design-input-group-addon {
    right: -1px;
    left: auto
}

.b-design-input-search-rtl>.b-design-input-group>.b-design-input-group-addon .b-design-input-search-button {
    border-radius: 2px 0 0 2px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .b-design-input {
        height: 32px
    }

    .b-design-input-lg {
        height: 40px
    }

    .b-design-input-sm {
        height: 28px
    }

    .b-design-input-affix-wrapper>input.b-design-input {
        height: auto
    }
}

.b-design-input {
    font-size: 13px;
    line-height: 18px
}

.b-design-input-focused,
.b-design-input:focus {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-input-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input-disabled .anticon {
    color: #b8bbc2 !important
}

.b-design-input-disabled:hover {
    border-color: #d4d6db
}

.b-design-input-disabled:hover .anticon {
    color: #b8bbc2 !important
}

.b-design-input-disabled::-moz-placeholder {
    color: #b8bbc2
}

.b-design-input-disabled:-ms-input-placeholder {
    color: #b8bbc2
}

.b-design-input-disabled::placeholder {
    color: #b8bbc2
}

.b-design-input[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-input[disabled] .anticon {
    color: #b8bbc2 !important
}

.b-design-input[disabled]:hover {
    border-color: #d4d6db
}

.b-design-input[disabled]:hover .anticon {
    color: #b8bbc2 !important
}

.b-design-input[disabled]::-moz-placeholder {
    color: #b8bbc2
}

.b-design-input[disabled]:-ms-input-placeholder {
    color: #b8bbc2
}

.b-design-input[disabled]::placeholder {
    color: #b8bbc2
}

.b-design-input-textarea {
    position: relative
}

.b-design-input-textarea-show-count textarea.b-design-input {
    min-height: 18px
}

.b-design-input-textarea-show-count:after {
    position: absolute;
    right: 10px;
    bottom: 6px;
    z-index: 4;
    float: unset;
    color: #81848f;
    font-size: 12px;
    white-space: nowrap;
    content: attr(data-count);
    pointer-events: none
}

.b-design-input-textarea-show-count.b-design-input-textarea-in-form-item:after {
    margin-bottom: 0
}

.b-design-input-textarea-show-count .b-design-input-clear-icon {
    font-size: 16px
}

.b-design-input .anticon {
    color: #81848f;
    font-size: 16px
}

.b-design-input-lg {
    font-size: 14px;
    line-height: 24px
}

.b-design-input-sm {
    font-size: 12px
}

.b-design-input-sm .anticon {
    font-size: 14px
}

.b-design-input-affix-wrapper {
    font-size: 13px;
    line-height: 18px
}

.b-design-input-affix-wrapper-focused:not(.b-design-input-affix-wrapper-disabled),
.b-design-input-affix-wrapper-focused:not(.b-design-input-affix-wrapper-disabled):hover,
.b-design-input-affix-wrapper:not(.b-design-input-affix-wrapper-disabled):focus,
.b-design-input-affix-wrapper:not(.b-design-input-affix-wrapper-disabled):focus:hover {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-input-affix-wrapper-disabled .b-design-input-prefix,
.b-design-input-affix-wrapper-disabled .b-design-input-prefix .anticon,
.b-design-input-affix-wrapper-disabled .b-design-input-suffix,
.b-design-input-affix-wrapper-disabled .b-design-input-suffix .anticon {
    color: #b8bbc2
}

.b-design-input-affix-wrapper .b-design-input-prefix .anticon,
.b-design-input-affix-wrapper .b-design-input-suffix .anticon {
    font-size: 16px
}

.b-design-input-affix-wrapper .b-design-input-prefix {
    margin-right: 8px
}

.b-design-input-affix-wrapper .b-design-input-suffix {
    margin-right: -4px;
    margin-left: 8px
}

.b-design-input-affix-wrapper .b-design-input-suffix>:not(:last-child) {
    margin-left: 12px
}

.b-design-input-affix-wrapper .b-design-input-suffix .b-design-input-clear-icon {
    display: inline-flex
}

.b-design-input-affix-wrapper-lg {
    font-size: 14px;
    line-height: 24px
}

.b-design-input-affix-wrapper-lg .b-design-input-suffix {
    margin-left: 12px
}

.b-design-input-affix-wrapper-lg .b-design-input-suffix>:not(:last-child) {
    margin-left: 16px
}

.b-design-input-affix-wrapper-sm {
    font-size: 12px
}

.b-design-input-affix-wrapper-sm .b-design-input-prefix .anticon,
.b-design-input-affix-wrapper-sm .b-design-input-suffix .anticon {
    font-size: 14px
}

.b-design-input-password-icon.anticon,
.b-design-input-prefix,
.b-design-input-show-count-suffix,
.b-design-input-suffix {
    color: #81848f
}

.b-design-input-affix-wrapper-status-error,
.b-design-input-status-error {
    background-color: #fff;
    border-color: var(--b-design-error-color);
    box-shadow: none !important
}

.b-design-input-affix-wrapper-status-error:focus:not(.b-design-input-affix-wrapper-status-error-disabled),
.b-design-input-affix-wrapper-status-error:focus:not(.b-design-input-status-error-disabled),
.b-design-input-affix-wrapper-status-error:hover:not(.b-design-input-affix-wrapper-status-error-disabled),
.b-design-input-affix-wrapper-status-error:hover:not(.b-design-input-status-error-disabled),
.b-design-input-status-error:focus:not(.b-design-input-affix-wrapper-status-error-disabled),
.b-design-input-status-error:focus:not(.b-design-input-status-error-disabled),
.b-design-input-status-error:hover:not(.b-design-input-affix-wrapper-status-error-disabled),
.b-design-input-status-error:hover:not(.b-design-input-status-error-disabled) {
    background-color: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-input-affix-wrapper-status-warning,
.b-design-input-status-warning {
    background-color: #fff;
    border-color: var(--b-design-warning-color);
    box-shadow: none !important
}

.b-design-input-affix-wrapper-status-warning:focus:not(.b-design-input-affix-wrapper-status-warning-disabled),
.b-design-input-affix-wrapper-status-warning:focus:not(.b-design-input-status-warning-disabled),
.b-design-input-affix-wrapper-status-warning:hover:not(.b-design-input-affix-wrapper-status-warning-disabled),
.b-design-input-affix-wrapper-status-warning:hover:not(.b-design-input-status-warning-disabled),
.b-design-input-status-warning:focus:not(.b-design-input-affix-wrapper-status-warning-disabled),
.b-design-input-status-warning:focus:not(.b-design-input-status-warning-disabled),
.b-design-input-status-warning:hover:not(.b-design-input-affix-wrapper-status-warning-disabled),
.b-design-input-status-warning:hover:not(.b-design-input-status-warning-disabled) {
    background-color: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-input-search .b-design-input-wrapper {
    position: relative;
    border: 1px solid #d4d6db;
    border-radius: 2px
}

.b-design-input-search .b-design-input-wrapper .b-design-input,
.b-design-input-search .b-design-input-wrapper .b-design-input-affix-wrapper,
.b-design-input-search .b-design-input-wrapper .b-design-input-group-addon {
    border: 0 !important
}

.b-design-input-search .b-design-input-wrapper .b-design-input-group-addon {
    background-color: #f1f2f3
}

.b-design-input-search .b-design-input-wrapper .b-design-input-group-addon .b-design-input-search-button {
    height: 100%;
    color: #81848f !important;
    background: transparent !important;
    border: 0 !important
}

.b-design-input-search .b-design-input-wrapper .b-design-input-group-addon .b-design-input-search-button:after,
.b-design-input-search .b-design-input-wrapper .b-design-input-group-addon .b-design-input-search-button:before {
    content: unset
}

.b-design-input-search .b-design-input-wrapper .b-design-input+.b-design-input-group-addon,
.b-design-input-search .b-design-input-wrapper .b-design-input-affix-wrapper+.b-design-input-group-addon {
    background: #fff !important
}

.b-design-input-search .b-design-input-wrapper .b-design-input-affix-wrapper-disabled+.b-design-input-group-addon,
.b-design-input-search .b-design-input-wrapper .b-design-input-disabled+.b-design-input-group-addon {
    background-color: #f1f2f3 !important
}

.b-design-input-search .b-design-input-wrapper .b-design-input-affix-wrapper-disabled+.b-design-input-group-addon .b-design-input-search-button,
.b-design-input-search .b-design-input-wrapper .b-design-input-disabled+.b-design-input-group-addon .b-design-input-search-button {
    color: #b8bbc2 !important
}

.b-design-input-search>.b-design-input-group>.b-design-input-group-addon:last-child {
    left: 0
}

.b-design-input-search .b-design-input-wrapper:hover {
    border-color: #7a7d85
}

.b-design-input-search .b-design-input-wrapper:focus-within {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-input-search .b-design-input-lg {
    line-height: 24px
}

.b-design-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    background: #f0f2f5
}

.b-design-layout,
.b-design-layout * {
    box-sizing: border-box
}

.b-design-layout.b-design-layout-has-sider {
    flex-direction: row
}

.b-design-layout.b-design-layout-has-sider>.b-design-layout,
.b-design-layout.b-design-layout-has-sider>.b-design-layout-content {
    width: 0
}

.b-design-layout-footer,
.b-design-layout-header {
    flex: 0 0 auto
}

.b-design-layout-header {
    height: 48px;
    padding: 0 50px;
    color: #474a52;
    line-height: 48px;
    background: #1f2024
}

.b-design-layout-footer {
    padding: 24px 50px;
    color: #474a52;
    font-size: 14px;
    background: #f0f2f5
}

.b-design-layout-content {
    flex: auto;
    min-height: 0
}

.b-design-layout-sider {
    position: relative;
    min-width: 0;
    background: #1f2024;
    transition: all .2s
}

.b-design-layout-sider-children {
    height: 100%;
    margin-top: -.1px;
    padding-top: .1px
}

.b-design-layout-sider-children .b-design-menu.b-design-menu-inline-collapsed {
    width: auto
}

.b-design-layout-sider-has-trigger {
    padding-bottom: 48px
}

.b-design-layout-sider-right {
    order: 1
}

.b-design-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 48px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    background: #1f2024;
    cursor: pointer;
    transition: all .2s
}

.b-design-layout-sider-zero-width>* {
    overflow: hidden
}

.b-design-layout-sider-zero-width-trigger {
    position: absolute;
    top: 48px;
    right: -36px;
    z-index: 1;
    width: 36px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    background: #1f2024;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    transition: background .3s ease
}

.b-design-layout-sider-zero-width-trigger:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: all .3s;
    content: ""
}

.b-design-layout-sider-zero-width-trigger:hover:after {
    background: hsla(0, 0%, 100%, .1)
}

.b-design-layout-sider-zero-width-trigger-right {
    left: -36px;
    border-radius: 2px 0 0 2px
}

.b-design-layout-sider-light {
    background: #fff
}

.b-design-layout-sider-light .b-design-layout-sider-trigger,
.b-design-layout-sider-light .b-design-layout-sider-zero-width-trigger {
    color: #474a52;
    background: #fff
}

.b-design-layout-rtl {
    direction: rtl
}

.b-design-layout-header[data-primary=true] {
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-50));
    background-size: 250%;
    -webkit-animation: gradient-outline 6s infinite alternate;
    animation: gradient-outline 6s infinite alternate
}

.b-design-layout-header[data-primary=true]:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, var(--b-design-primary-40), transparent, transparent);
    background-size: 200%;
    -webkit-animation: none;
    animation: none;
    content: ""
}

.b-design-layout-header[data-primary=true] .b-design-menu.b-design-menu[data-primary=true] {
    background: transparent
}

.b-design-layout-header[data-primary=true] .b-design-menu.b-design-menu[data-primary=true]:before {
    display: none
}

.b-design-layout-sider-primary {
    background: linear-gradient(135deg, var(--b-design-primary-60), var(--b-design-primary-50));
    background-size: 200% 200%;
    -webkit-animation: menu-vertial-animation 6.5s infinite alternate;
    animation: menu-vertial-animation 6.5s infinite alternate
}

.b-design-layout-sider-primary:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, var(--b-design-primary-40), transparent, transparent);
    background-size: 250% 250%;
    -webkit-animation: menu-radial-animation 6.5s infinite alternate;
    animation: menu-radial-animation 6.5s infinite alternate;
    content: ""
}

.b-design-layout-sider-primary .b-design-menu.b-design-menu[data-primary=true] {
    background: transparent !important
}

.b-design-layout-sider-primary .b-design-menu.b-design-menu[data-primary=true]:before {
    display: none
}

.b-design-layout .b-design-layout-sider-trigger {
    background-color: transparent
}

.b-design-layout-sider-trigger .anticon-left svg {
    display: none !important
}

.b-design-layout-sider-trigger .anticon-left:after {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e941"
}

.b-design-layout-sider-trigger .anticon-right svg {
    display: none !important
}

.b-design-layout-sider-trigger .anticon-right:after {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e943"
}

.b-design-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative
}

.b-design-list * {
    outline: none
}

.b-design-list-pagination {
    margin-top: 24px;
    text-align: right
}

.b-design-list-pagination .b-design-pagination-options {
    text-align: left
}

.b-design-list-more {
    margin-top: 12px;
    text-align: center
}

.b-design-list-more button {
    padding-right: 32px;
    padding-left: 32px
}

.b-design-list-spin {
    min-height: 40px;
    text-align: center
}

.b-design-list-empty-text {
    padding: 16px;
    color: #b8bbc2;
    font-size: 14px;
    text-align: center
}

.b-design-list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.b-design-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    color: #474a52
}

.b-design-list-item-meta {
    display: flex;
    flex: 1;
    align-items: flex-start;
    max-width: 100%
}

.b-design-list-item-meta-avatar {
    margin-right: 16px
}

.b-design-list-item-meta-content {
    flex: 1 0;
    width: 0;
    color: #474a52
}

.b-design-list-item-meta-title {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.5715
}

.b-design-list-item-meta-title>a {
    color: #474a52;
    transition: all .3s
}

.b-design-list-item-meta-title>a:hover {
    color: var(--b-design-primary-color)
}

.b-design-list-item-meta-description {
    font-size: 14px;
    line-height: 1.5715
}

.b-design-list-item-action {
    flex: 0 0 auto;
    margin-left: 48px;
    padding: 0;
    font-size: 0;
    list-style: none
}

.b-design-list-item-action>li {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.b-design-list-item-action>li:first-child {
    padding-left: 0
}

.b-design-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #e6e8eb
}

.b-design-list-footer,
.b-design-list-header {
    background: transparent
}

.b-design-list-footer,
.b-design-list-header {
    padding-top: 12px;
    padding-bottom: 12px
}

.b-design-list-empty {
    padding: 16px 0;
    color: #474a52;
    font-size: 12px;
    text-align: center
}

.b-design-list-split .b-design-list-item {
    border-bottom: 1px solid #e6e8eb
}

.b-design-list-split .b-design-list-item:last-child {
    border-bottom: none
}

.b-design-list-split .b-design-list-header {
    border-bottom: 1px solid #e6e8eb
}

.b-design-list-split.b-design-list-empty .b-design-list-footer {
    border-top: 1px solid #e6e8eb
}

.b-design-list-loading .b-design-list-spin-nested-loading {
    min-height: 32px
}

.b-design-list-split.b-design-list-something-after-last-item .b-design-spin-container>.b-design-list-items>.b-design-list-item:last-child {
    border-bottom: 1px solid #e6e8eb
}

.b-design-list-lg .b-design-list-item {
    padding: 12px 0
}

.b-design-list-sm .b-design-list-item {
    padding: 8px 0
}

.b-design-list-vertical .b-design-list-item {
    align-items: normal
}

.b-design-list-vertical .b-design-list-item-main {
    display: block;
    flex: 1
}

.b-design-list-vertical .b-design-list-item-extra {
    margin-left: 40px
}

.b-design-list-vertical .b-design-list-item-meta {
    margin-bottom: 16px
}

.b-design-list-vertical .b-design-list-item-meta-title {
    font-size: 16px
}

.b-design-list-vertical .b-design-list-item-action {
    margin-top: 16px;
    margin-left: auto
}

.b-design-list-vertical .b-design-list-item-action>li {
    padding: 0 16px
}

.b-design-list-vertical .b-design-list-item-action>li:first-child {
    padding-left: 0
}

.b-design-list-grid .b-design-col>.b-design-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none
}

.b-design-list-item-no-flex {
    display: block
}

.b-design-list:not(.b-design-list-vertical) .b-design-list-item-no-flex .b-design-list-item-action {
    float: right
}

.b-design-list-bordered {
    border: 1px solid #d7d8db;
    border-radius: 2px
}

.b-design-list-bordered .b-design-list-footer,
.b-design-list-bordered .b-design-list-header,
.b-design-list-bordered .b-design-list-item {
    padding-right: 24px;
    padding-left: 24px
}

.b-design-list-bordered .b-design-list-pagination {
    margin: 16px 24px
}

.b-design-list-bordered.b-design-list-sm .b-design-list-footer,
.b-design-list-bordered.b-design-list-sm .b-design-list-header,
.b-design-list-bordered.b-design-list-sm .b-design-list-item {
    padding: 8px 0
}

.b-design-list-bordered.b-design-list-lg .b-design-list-footer,
.b-design-list-bordered.b-design-list-lg .b-design-list-header,
.b-design-list-bordered.b-design-list-lg .b-design-list-item {
    padding: 12px 0
}

@media screen and (max-width:768px) {

    .b-design-list-item-action,
    .b-design-list-vertical .b-design-list-item-extra {
        margin-left: 24px
    }
}

@media screen and (max-width:576px) {
    .b-design-list-item {
        flex-wrap: wrap
    }

    .b-design-list-item-action {
        margin-left: 12px
    }

    .b-design-list-vertical .b-design-list-item {
        flex-wrap: wrap-reverse
    }

    .b-design-list-vertical .b-design-list-item-main {
        min-width: 220px
    }

    .b-design-list-vertical .b-design-list-item-extra {
        margin: auto auto 16px
    }
}

.b-design-list-rtl {
    direction: rtl;
    text-align: right
}

.b-design-list-rtl .ReactVirtualized__List .b-design-list-item {
    direction: rtl
}

.b-design-list-rtl .b-design-list-pagination {
    text-align: left
}

.b-design-list-rtl .b-design-list-item-meta-avatar {
    margin-right: 0;
    margin-left: 16px
}

.b-design-list-rtl .b-design-list-item-action {
    margin-right: 48px;
    margin-left: 0
}

.b-design-list.b-design-list-rtl .b-design-list-item-action>li:first-child {
    padding-right: 0;
    padding-left: 16px
}

.b-design-list-rtl .b-design-list-item-action-split {
    right: auto;
    left: 0
}

.b-design-list-rtl.b-design-list-vertical .b-design-list-item-extra {
    margin-right: 40px;
    margin-left: 0
}

.b-design-list-rtl.b-design-list-vertical .b-design-list-item-action {
    margin-right: auto
}

.b-design-list-rtl .b-design-list-vertical .b-design-list-item-action>li:first-child {
    padding-right: 0;
    padding-left: 16px
}

.b-design-list-rtl .b-design-list:not(.b-design-list-vertical) .b-design-list-item-no-flex .b-design-list-item-action {
    float: left
}

@media screen and (max-width:768px) {

    .b-design-list-rtl .b-design-list-item-action,
    .b-design-list-rtl .b-design-list-vertical .b-design-list-item-extra {
        margin-right: 24px;
        margin-left: 0
    }
}

@media screen and (max-width:576px) {
    .b-design-list-rtl .b-design-list-item-action {
        margin-right: 22px;
        margin-left: 0
    }

    .b-design-list-rtl.b-design-list-vertical .b-design-list-item-extra {
        margin: auto auto 16px
    }
}

.b-design-list {
    padding: 0 24px;
    line-height: 18px;
    background: #fff;
    border-radius: 2px
}

.b-design-list-footer,
.b-design-list-header,
.b-design-list-item:not(.b-design-list-item-with-meta) {
    margin-bottom: .4px;
    color: #474a52;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: .4px;
    padding: 7px 0
}

.b-design-list-footer {
    box-shadow: inset 0 1px 0 0 #e6e8eb
}

.b-design-list-split .b-design-list-header,
.b-design-list-split .b-design-list-item:not(:last-child) {
    border-bottom: none;
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.b-design-list-split .b-design-list-footer,
.b-design-list-split .b-design-list-header,
.b-design-list-split .b-design-list-item {
    padding: 7px 0
}

.b-design-list-split .b-design-list-item-with-meta {
    padding: 14px
}

.b-design-list-split .b-design-list-item.b-design-list-item-with-prev-extra {
    box-shadow: none
}

.b-design-list-split .b-design-list-item.b-design-list-item-with-prev-extra .b-design-list-item-main {
    margin-left: 24px;
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.b-design-list-split .b-design-list-item.b-design-list-item-with-prev-extra .b-design-list-item-extra {
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.b-design-list-item-with-meta .b-design-list-item-meta {
    align-items: center
}

.b-design-list-vertical {
    padding: 0 16px
}

.b-design-list-vertical .b-design-list-items .b-design-list-item {
    flex-flow: row-reverse;
    padding: 0;
    box-shadow: none
}

.b-design-list-vertical .b-design-list-item-meta {
    margin-bottom: 0;
    padding: 14px
}

.b-design-list-vertical .b-design-list-item-meta-title {
    color: #474a52;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .4px;
    margin-bottom: 12px;
    color: #1f2024;
    font-weight: 500
}

.b-design-list-vertical .b-design-list-item-meta-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.b-design-list-vertical .b-design-list-item-meta-footnote {
    margin-bottom: .4px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    margin-top: 20px;
    color: #999ca3
}

.b-design-list-vertical .b-design-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
    padding: 0 0 14px
}

.b-design-list-vertical.b-design-list-split .b-design-list-item:not(:last-child) .b-design-list-item-with-meta.b-design-list-item-no-flex {
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.b-design-list-vertical.b-design-list-split .b-design-list-item:not(:last-child) .b-design-list-item-main {
    padding-bottom: 12px;
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.b-design-list-item-action-split {
    width: 12px;
    color: #d4d6db;
    background-color: transparent
}

.b-design-list-item-action-split:after {
    position: absolute;
    top: -1px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    font-family: iconfont !important;
    content: "\e7c5"
}

.b-design-list-item-action>li,
.b-design-list-vertical .b-design-list-item-action>li {
    padding: 0 10px
}

.b-design-list-item-meta-content {
    max-width: 540px
}

.b-design-list-item-meta-title {
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    margin-bottom: 3px;
    font-weight: 500
}

.b-design-list-item-meta-title,
.b-design-list-item-meta-title>a {
    color: #1f2024
}

.b-design-list-item-meta-description {
    margin-bottom: .4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    color: #474a52
}

.b-design-list-item-meta-footnote {
    color: #999ca3
}

.b-design-list-split.b-design-list-something-after-last-item .b-design-spin-container>.b-design-list-items>.b-design-list-item:last-child {
    border-bottom: none
}

.b-design-list-item-meta-avatar .b-design-avatar {
    width: 36px;
    height: 36px
}

.b-design-list-item-meta-avatar+.b-design-list-item-meta-content .b-design-list-item-meta-title {
    color: #1f2024;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .4px;
    margin-bottom: 4px;
    font-weight: 500
}

.b-design-list-lg .b-design-list-footer,
.b-design-list-lg .b-design-list-header,
.b-design-list-lg .b-design-list-item:not(.b-design-list-item-with-meta) {
    margin-bottom: .4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .4px;
    padding: 12px 0;
    color: #474a52
}

.b-design-list-sm .b-design-list-footer,
.b-design-list-sm .b-design-list-header,
.b-design-list-sm .b-design-list-item:not(.b-design-list-item-with-meta) {
    margin-bottom: .4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    padding: 8px 0;
    color: #474a52
}

.b-design-mentions-status-error:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions,
.b-design-mentions-status-error:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions:hover {
    background: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-mentions-status-error:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions-focused,
.b-design-mentions-status-error:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions:focus {
    border-color: var(--b-design-error-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-error-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-mentions-status-error .b-design-input-prefix {
    color: var(--b-design-error-color)
}

.b-design-mentions-status-warning:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions,
.b-design-mentions-status-warning:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions:hover {
    background: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-mentions-status-warning:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions-focused,
.b-design-mentions-status-warning:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions:focus {
    border-color: var(--b-design-warning-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-warning-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-mentions-status-warning .b-design-input-prefix {
    color: var(--b-design-warning-color)
}

.b-design-mentions {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    width: 100%;
    min-width: 0;
    color: #474a52;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all .3s;
    position: relative;
    display: inline-block;
    height: auto;
    padding: 0;
    overflow: hidden;
    line-height: 1.5715;
    white-space: pre-wrap;
    vertical-align: bottom
}

.b-design-mentions::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-mentions:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-mentions::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-mentions:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-mentions:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-mentions:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-mentions:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-mentions-focused,
.b-design-mentions:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-mentions-disabled:hover,
.b-design-mentions[disabled]:hover {
    border-right-width: 1px
}

.b-design-mentions-borderless,
.b-design-mentions-borderless-disabled,
.b-design-mentions-borderless-focused,
.b-design-mentions-borderless:focus,
.b-design-mentions-borderless:hover,
.b-design-mentions-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.b-design-mentions {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.b-design-mentions-lg {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-mentions-sm {
    padding: 4px 11px
}

.b-design-mentions-disabled>textarea {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-mentions-disabled>textarea:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-mentions-focused {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-mentions-measure,
.b-design-mentions>textarea {
    min-height: 30px;
    margin: 0;
    padding: 6px 11px;
    overflow: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    line-height: inherit;
    direction: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    text-align: inherit;
    vertical-align: top;
    word-wrap: break-word;
    word-break: inherit;
    -moz-tab-size: inherit;
    -o-tab-size: inherit;
    tab-size: inherit
}

.b-design-mentions>textarea {
    width: 100%;
    border: none;
    outline: none;
    resize: none
}

.b-design-mentions>textarea::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-mentions>textarea:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-mentions>textarea::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-mentions>textarea:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-mentions>textarea:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-mentions>textarea:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-mentions-measure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    color: transparent;
    pointer-events: none
}

.b-design-mentions-measure>span {
    display: inline-block;
    min-height: 1em
}

.b-design-mentions-dropdown {
    margin: 0;
    padding: 0;
    color: #474a52;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: normal;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-mentions-dropdown-hidden {
    display: none
}

.b-design-mentions-dropdown-menu {
    max-height: 250px;
    margin-bottom: 0;
    padding-left: 0;
    overflow: auto;
    list-style: none;
    outline: none
}

.b-design-mentions-dropdown-menu-item {
    position: relative;
    display: block;
    min-width: 100px;
    padding: 5px 16px;
    overflow: hidden;
    color: #474a52;
    font-weight: 400;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background .3s ease
}

.b-design-mentions-dropdown-menu-item:hover {
    background-color: #f5f5f5
}

.b-design-mentions-dropdown-menu-item:first-child {
    border-radius: 2px 2px 0 0
}

.b-design-mentions-dropdown-menu-item:last-child {
    border-radius: 0 0 2px 2px
}

.b-design-mentions-dropdown-menu-item-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-mentions-dropdown-menu-item-disabled:hover {
    color: #b8bbc2;
    background-color: #fff;
    cursor: not-allowed
}

.b-design-mentions-dropdown-menu-item-selected {
    color: #474a52;
    font-weight: 400;
    background-color: #fafafa
}

.b-design-mentions-dropdown-menu-item-active {
    background-color: #f5f5f5
}

.b-design-mentions-suffix {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    margin: auto
}

.b-design-mentions-rtl {
    direction: rtl
}

.b-design-mentions-status-error {
    box-shadow: none !important
}

.b-design-mentions-status-error,
.b-design-mentions-status-error:focus:not(.b-design-mentions-status-error-disabled),
.b-design-mentions-status-error:hover:not(.b-design-mentions-status-error-disabled) {
    background-color: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-mentions-status-warning {
    box-shadow: none !important
}

.b-design-mentions-status-warning,
.b-design-mentions-status-warning:focus:not(.b-design-mentions-status-warning-disabled),
.b-design-mentions-status-warning:hover:not(.b-design-mentions-status-warning-disabled) {
    background-color: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-mentions-focused,
.b-design-mentions-focused:hover,
.b-design-mentions:focus,
.b-design-mentions:focus:hover {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-mentions-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-mentions-disabled .anticon {
    color: #b8bbc2 !important
}

.b-design-mentions-disabled:hover {
    border-color: #d4d6db
}

.b-design-mentions-disabled:hover .anticon {
    color: #b8bbc2 !important
}

.b-design-mentions-disabled::-moz-placeholder {
    color: #b8bbc2
}

.b-design-mentions-disabled:-ms-input-placeholder {
    color: #b8bbc2
}

.b-design-mentions-disabled::placeholder {
    color: #b8bbc2
}

.b-design-mentions[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-mentions[disabled] .anticon {
    color: #b8bbc2 !important
}

.b-design-mentions[disabled]:hover {
    border-color: #d4d6db
}

.b-design-mentions[disabled]:hover .anticon {
    color: #b8bbc2 !important
}

.b-design-mentions[disabled]::-moz-placeholder {
    color: #b8bbc2
}

.b-design-mentions[disabled]:-ms-input-placeholder {
    color: #b8bbc2
}

.b-design-mentions[disabled]::placeholder {
    color: #b8bbc2
}

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

.b-design-menu-item-danger.b-design-menu-item:active {
    background: #ffecec
}

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

.b-design-menu:not(.b-design-menu-horizontal) .b-design-menu-item-danger.b-design-menu-item-selected {
    background-color: #ffecec
}

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

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

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

.b-design-menu {
    box-sizing: border-box;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    margin: 0;
    padding: 0;
    color: #81848f;
    font-size: 13px;
    line-height: 0;
    text-align: left;
    list-style: none;
    background: #fff;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    transition: background .3s, width .3s cubic-bezier(.2, 0, 0, 1) 0s
}

.b-design-menu:after,
.b-design-menu:before {
    display: table;
    content: ""
}

.b-design-menu:after {
    clear: both
}

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

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

.b-design-menu-overflow {
    display: flex
}

.b-design-menu-overflow-item {
    flex: none
}

.b-design-menu-hidden,
.b-design-menu-submenu-hidden {
    display: none
}

.b-design-menu-item-group-title {
    height: 48px;
    padding: 8px 16px;
    color: #81848f;
    font-size: 13px;
    line-height: 48px;
    transition: all .3s
}

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

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

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

.b-design-menu-item:active,
.b-design-menu-submenu-title:active {
    background: #f5f6f7
}

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

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

.b-design-menu-item a {
    color: #81848f
}

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

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

.b-design-menu-item>.b-design-badge a {
    color: #81848f
}

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

.b-design-menu-item-divider {
    overflow: hidden;
    line-height: 0;
    border: solid #e6e8eb;
    border-width: 1px 0 0
}

.b-design-menu-item-divider-dashed {
    border-style: dashed
}

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

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

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

.b-design-menu:not(.b-design-menu-horizontal) .b-design-menu-item-selected {
    background-color: #f5f6f7
}

.b-design-menu-inline,
.b-design-menu-vertical,
.b-design-menu-vertical-left {
    border-right: 1px solid #e6e8eb
}

.b-design-menu-vertical-right {
    border-left: 1px solid #e6e8eb
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b-design-menu-submenu>.b-design-menu {
    background-color: #fff;
    border-radius: 2px
}

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

.b-design-menu-submenu-popup>.b-design-menu {
    background-color: #fff
}

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

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

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

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

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

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

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

.b-design-menu-submenu-horizontal .b-design-menu-submenu-arrow {
    display: none
}

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

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

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

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

.b-design-menu-horizontal {
    line-height: 48px;
    border: 0;
    border-bottom: 1px solid #e6e8eb;
    box-shadow: none
}

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

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

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

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

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

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

.b-design-menu-horizontal>.b-design-menu-item a {
    color: #81848f
}

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

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

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

.b-design-menu-horizontal:after {
    display: block;
    clear: both;
    height: 0;
    content: "\20"
}

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

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

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

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

.b-design-menu-inline .b-design-menu-item:not(:last-child),
.b-design-menu-vertical-left .b-design-menu-item:not(:last-child),
.b-design-menu-vertical-right .b-design-menu-item:not(:last-child),
.b-design-menu-vertical .b-design-menu-item:not(:last-child) {
    margin-bottom: 0
}

.b-design-menu-inline>.b-design-menu-item,
.b-design-menu-inline>.b-design-menu-submenu>.b-design-menu-submenu-title,
.b-design-menu-vertical-left>.b-design-menu-item,
.b-design-menu-vertical-left>.b-design-menu-submenu>.b-design-menu-submenu-title,
.b-design-menu-vertical-right>.b-design-menu-item,
.b-design-menu-vertical-right>.b-design-menu-submenu>.b-design-menu-submenu-title,
.b-design-menu-vertical>.b-design-menu-item,
.b-design-menu-vertical>.b-design-menu-submenu>.b-design-menu-submenu-title {
    height: 48px;
    line-height: 48px
}

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

.b-design-menu-inline {
    width: 100%
}

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

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

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

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

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

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

.b-design-menu.b-design-menu-inline-collapsed {
    width: 64px
}

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

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

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

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

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

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

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

.b-design-menu.b-design-menu-inline-collapsed-tooltip a {
    color: hsla(0, 0%, 100%, .85)
}

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

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

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

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

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

.b-design-menu-sub.b-design-menu-inline {
    padding: 0;
    background: #fff;
    border-radius: 0;
    box-shadow: none
}

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

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

.b-design-menu-item-disabled,
.b-design-menu-submenu-disabled {
    color: #b8bbc2 !important;
    background: none;
    cursor: not-allowed
}

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

.b-design-menu-item-disabled a,
.b-design-menu-submenu-disabled a {
    color: #b8bbc2 !important;
    pointer-events: none
}

.b-design-menu-item-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:after,
.b-design-menu-item-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:before,
.b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:after,
.b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:before {
    background: #b8bbc2 !important
}

.b-design-layout-header .b-design-menu {
    line-height: inherit
}

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

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

.b-design-menu-dark .b-design-menu-item:focus-visible,
.b-design-menu-dark .b-design-menu-submenu-title:focus-visible,
.b-design-menu.b-design-menu-root:focus-visible {
    box-shadow: 0 0 0 2px var(--b-design-primary-70)
}

.b-design-menu-dark .b-design-menu-sub,
.b-design-menu.b-design-menu-dark,
.b-design-menu.b-design-menu-dark .b-design-menu-sub {
    color: #9b9fa8;
    background: #1f2024
}

.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.b-design-menu.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow {
    opacity: .45
}

.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:after,
.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:before,
.b-design-menu.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:after,
.b-design-menu.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:before,
.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow:after,
.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow:before {
    background: #81848f
}

.b-design-menu-dark.b-design-menu-submenu-popup {
    background: transparent
}

.b-design-menu-dark .b-design-menu-inline.b-design-menu-sub {
    background: #1f2024
}

.b-design-menu-dark.b-design-menu-horizontal {
    border-bottom: 0
}

.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-item,
.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-submenu {
    top: 0;
    margin-top: 0;
    padding: 0 24px;
    border-color: #1f2024;
    border-bottom: 0
}

.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-item:hover {
    background-color: hsla(0, 0%, 100%, .12)
}

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

.b-design-menu-dark .b-design-menu-item,
.b-design-menu-dark .b-design-menu-item-group-title,
.b-design-menu-dark .b-design-menu-item>a,
.b-design-menu-dark .b-design-menu-item>span>a {
    color: #9b9fa8
}

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

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

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

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

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

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

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

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

.b-design-menu-dark.b-design-menu-dark:not(.b-design-menu-horizontal) .b-design-menu-item-selected,
.b-design-menu-dark .b-design-menu-item:hover {
    background-color: hsla(0, 0%, 100%, .12)
}

.b-design-menu-dark .b-design-menu-item-selected {
    color: #babcc2;
    border-right: 0
}

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

.b-design-menu-dark .b-design-menu-item-selected>a,
.b-design-menu-dark .b-design-menu-item-selected>a:hover,
.b-design-menu-dark .b-design-menu-item-selected>span>a,
.b-design-menu-dark .b-design-menu-item-selected>span>a:hover {
    color: #babcc2
}

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

.b-design-menu-submenu-popup.b-design-menu-dark .b-design-menu-item-selected,
.b-design-menu.b-design-menu-dark .b-design-menu-item-selected {
    background-color: hsla(0, 0%, 100%, .12)
}

.b-design-menu-dark .b-design-menu-item-disabled,
.b-design-menu-dark .b-design-menu-item-disabled>a,
.b-design-menu-dark .b-design-menu-item-disabled>span>a,
.b-design-menu-dark .b-design-menu-submenu-disabled,
.b-design-menu-dark .b-design-menu-submenu-disabled>a,
.b-design-menu-dark .b-design-menu-submenu-disabled>span>a {
    color: #4b4d52 !important;
    opacity: .8
}

.b-design-menu-dark .b-design-menu-item-disabled>.b-design-menu-submenu-title,
.b-design-menu-dark .b-design-menu-submenu-disabled>.b-design-menu-submenu-title {
    color: #4b4d52 !important
}

.b-design-menu-dark .b-design-menu-item-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:after,
.b-design-menu-dark .b-design-menu-item-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:before,
.b-design-menu-dark .b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:after,
.b-design-menu-dark .b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:before {
    background: #4b4d52 !important
}

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

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

.b-design-menu-rtl.b-design-menu-inline,
.b-design-menu-rtl.b-design-menu-vertical {
    border-right: none;
    border-left: 1px solid #e6e8eb
}

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

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

.b-design-menu-rtl .b-design-menu-item .anticon,
.b-design-menu-rtl .b-design-menu-item .b-design-menu-item-icon,
.b-design-menu-rtl .b-design-menu-submenu-title .anticon,
.b-design-menu-rtl .b-design-menu-submenu-title .b-design-menu-item-icon {
    margin-right: auto;
    margin-left: 16px
}

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

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

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

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

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

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

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

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

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

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

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

.b-design-menu-sub.b-design-menu-inline {
    border: 0
}

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

.b-design-menu-horizontal {
    color: #474a52;
    border-bottom: none
}

.b-design-menu-horizontal>.b-design-menu-item,
.b-design-menu-horizontal>.b-design-menu-submenu {
    top: 0;
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    letter-spacing: 1.25px
}

.b-design-menu-horizontal>.b-design-menu-item:after,
.b-design-menu-horizontal>.b-design-menu-submenu:after {
    width: 0;
    transition: all .3s
}

.b-design-menu-horizontal>.b-design-menu-item a,
.b-design-menu-horizontal>.b-design-menu-submenu a {
    color: #474a52
}

.b-design-menu-horizontal>.b-design-menu-item a:hover,
.b-design-menu-horizontal>.b-design-menu-submenu a:hover {
    color: #1f2024
}

.b-design-menu-horizontal>.b-design-menu-item-selected,
.b-design-menu-horizontal>.b-design-menu-submenu-selected {
    font-weight: 500
}

.b-design-menu-horizontal>.b-design-menu-item-selected:after,
.b-design-menu-horizontal>.b-design-menu-submenu-selected:after {
    right: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-image: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    background-size: 250%;
    border: 0 !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-animation: gradient-outline 6s infinite alternate;
    animation: gradient-outline 6s infinite alternate
}

.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item-active,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item-active .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item-open,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item-open .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item-selected,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item-selected .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-item:hover .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-active,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-active .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-open,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-open .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-selected,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-selected .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu:hover,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu:hover .b-design-menu-submenu-title:hover,
.b-design-menu-horizontal>.b-design-menu-item-selected a,
.b-design-menu-horizontal>.b-design-menu-submenu-selected a {
    color: #1f2024
}

.b-design-menu-item {
    display: flex;
    align-items: center
}

.b-design-menu-item-group-title {
    padding: 0 24px 0 16px
}

.b-design-menu-inline,
.b-design-menu-vertical {
    box-shadow: 4px 0 8px -4px rgba(0, 0, 0, .04) !important
}

.b-design-menu-inline .b-design-menu-item,
.b-design-menu-inline .b-design-menu-submenu-title {
    width: 100%
}

.b-design-menu-inline,
.b-design-menu-vertical,
.b-design-menu-vertical-left {
    border-right: none
}

.b-design-menu-vertical-right {
    border-left: none
}

.b-design-menu-submenu-popup>ul {
    padding: 10px 0 !important
}

.b-design-menu-submenu-popup>ul .b-design-menu-item {
    height: 36px;
    line-height: 36px
}

.b-design-menu-inline .b-design-menu-item:after,
.b-design-menu-vertical-left .b-design-menu-item:after,
.b-design-menu-vertical-right .b-design-menu-item:after,
.b-design-menu-vertical .b-design-menu-item:after {
    right: unset;
    left: 0;
    width: 3px;
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    background-size: 250% !important;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-menu-inline .b-design-menu-submenu .b-design-menu-sub .b-design-menu-item .b-design-menu-title-content,
.b-design-menu-inline .b-design-menu-submenu .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-title-content,
.b-design-menu-vertical-left .b-design-menu-submenu .b-design-menu-sub .b-design-menu-item .b-design-menu-title-content,
.b-design-menu-vertical-left .b-design-menu-submenu .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-title-content,
.b-design-menu-vertical-right .b-design-menu-submenu .b-design-menu-sub .b-design-menu-item .b-design-menu-title-content,
.b-design-menu-vertical-right .b-design-menu-submenu .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-title-content,
.b-design-menu-vertical .b-design-menu-submenu .b-design-menu-sub .b-design-menu-item .b-design-menu-title-content,
.b-design-menu-vertical .b-design-menu-submenu .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-title-content {
    margin-left: 8px
}

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

.b-design-menu-sub.b-design-menu-inline .b-design-menu-item,
.b-design-menu-sub.b-design-menu-inline .b-design-menu-submenu>.b-design-menu-submenu-title {
    height: 36px;
    line-height: 36px
}

.b-design-menu-sub.b-design-menu-inline .b-design-menu-item-group-title {
    height: 36px;
    padding-left: 56px;
    line-height: 36px
}

.b-design-menu-submenu-open.b-design-menu-submenu-inline>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow {
    transform: translateY(-50%) rotate(180deg)
}

.b-design-menu-item-disabled>.b-design-menu-submenu-title,
.b-design-menu-submenu-disabled>.b-design-menu-submenu-title {
    color: #b8bbc2 !important;
    cursor: not-allowed
}

.b-design-menu-item-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:after,
.b-design-menu-item-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:before,
.b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:after,
.b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow:before {
    color: #b8bbc2 !important;
    background: transparent !important
}

.b-design-menu-item-disabled .b-design-menu-submenu-title:active,
.b-design-menu-item-disabled:active,
.b-design-menu-submenu-disabled .b-design-menu-submenu-title:active,
.b-design-menu-submenu-disabled:active {
    background: transparent !important
}

.b-design-menu-submenu-arrow {
    width: 16px;
    height: 16px;
    font-style: unset
}

.b-design-menu-submenu-arrow:before {
    content: unset
}

.b-design-menu-submenu-arrow:after {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    text-align: center;
    background-color: transparent;
    transform: rotate(0deg) translateX(0) translateY(0) !important;
    content: "\e7ad"
}

.b-design-menu-light.b-design-menu-submenu-popup>.b-design-menu {
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1)
}

.b-design-menu-light:not(.b-design-menu-horizontal) .b-design-menu-item-active:not(.b-design-menu-item-selected):not(.b-design-menu-item-disabled),
.b-design-menu-light:not(.b-design-menu-horizontal) .b-design-menu-item:not(.b-design-menu-item-selected):not(.b-design-menu-item-disabled):hover {
    color: #81848f;
    background-color: #f1f2f3
}

.b-design-menu-light .b-design-menu-submenu-active:not(.b-design-menu-submenu-selected),
.b-design-menu-light .b-design-menu-submenu-title:not(.b-design-menu-submenu-selected .b-design-menu-submenu-title):hover,
.b-design-menu-light .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow,
.b-design-menu-light .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-expand-icon {
    color: #81848f
}

.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-item,
.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-item:hover,
.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-submenu,
.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-submenu:hover {
    color: hsla(0, 0%, 100%, .8)
}

.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-submenu:hover {
    background-color: hsla(0, 0%, 100%, .12)
}

.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-item-disabled:hover {
    background-color: transparent !important
}

.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.b-design-menu.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow {
    opacity: 1;
    transition: all .3s
}

.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:after,
.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:before,
.b-design-menu.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:after,
.b-design-menu.b-design-menu-dark .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow:before,
.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow:after,
.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow:before {
    background: transparent !important
}

.b-design-menu-dark .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow,
.b-design-menu-dark .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-expand-icon {
    color: #81848f
}

.b-design-menu-dark .b-design-menu-item-selected,
.b-design-menu-dark .b-design-menu-item-selected:hover,
.b-design-menu-dark .b-design-menu-item-selected:hover a,
.b-design-menu-dark .b-design-menu-item-selected>.b-design-menu-submenu-title,
.b-design-menu-dark .b-design-menu-item-selected a,
.b-design-menu-dark .b-design-menu-submenu-selected,
.b-design-menu-dark .b-design-menu-submenu-selected:hover,
.b-design-menu-dark .b-design-menu-submenu-selected:hover a,
.b-design-menu-dark .b-design-menu-submenu-selected>.b-design-menu-submenu-title,
.b-design-menu-dark .b-design-menu-submenu-selected a {
    color: #fff !important
}

@-webkit-keyframes menu-radial-animation {
    0% {
        background-position: 30% 10%
    }

    50% {
        background-position: 30% 16%;
        filter: saturate(1.8)
    }

    to {
        background-position: 80% 0
    }
}

@keyframes menu-radial-animation {
    0% {
        background-position: 30% 10%
    }

    50% {
        background-position: 30% 16%;
        filter: saturate(1.8)
    }

    to {
        background-position: 80% 0
    }
}

@-webkit-keyframes menu-vertial-animation {
    0% {
        background-position: 30% 30%
    }

    50% {
        background-position: 80% 80%
    }

    to {
        background-position: 20% 20%
    }
}

@keyframes menu-vertial-animation {
    0% {
        background-position: 30% 30%
    }

    50% {
        background-position: 80% 80%
    }

    to {
        background-position: 20% 20%
    }
}

.b-design-menu.b-design-menu[data-primary=true],
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.b-design-menu[data-primary=true] .b-design-menu-sub,
.b-design-menu[data-primary=true] .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
[data-primary=true] .b-design-menu-sub,
[data-primary=true] .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow {
    color: hsla(0, 0%, 100%, .8)
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item-group-title {
    color: hsla(0, 0%, 100%, .65)
}

.b-design-menu.b-design-menu[data-primary=true] {
    position: relative;
    color: hsla(0, 0%, 100%, .8);
    background: linear-gradient(135deg, var(--b-design-primary-60), var(--b-design-primary-50));
    background-size: 200% 200%;
    -webkit-animation: menu-vertial-animation 6.5s infinite alternate;
    animation: menu-vertial-animation 6.5s infinite alternate
}

.b-design-menu.b-design-menu[data-primary=true] a {
    color: hsla(0, 0%, 100%, .8)
}

.b-design-menu.b-design-menu[data-primary=true]:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, var(--b-design-primary-40), transparent, transparent);
    background-size: 250% 250%;
    -webkit-animation: menu-radial-animation 6.5s infinite alternate;
    animation: menu-radial-animation 6.5s infinite alternate;
    content: ""
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item:not(.b-design-menu-item-disabled):not(.b-design-menu-item-selected):hover {
    color: hsla(0, 0%, 100%, .8);
    background-color: hsla(0, 0%, 100%, .12) !important
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item:not(.b-design-menu-item-disabled):not(.b-design-menu-item-selected):hover a {
    color: hsla(0, 0%, 100%, .8)
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item-selected {
    color: #fff
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu-title:not(.b-design-menu-submenu-selected .b-design-menu-submenu-title):hover {
    color: hsla(0, 0%, 100%, .8)
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item:active,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu-title:active {
    background: transparent
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu:hover .b-design-menu-submenu-title {
    color: #fff !important
}

.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected:hover {
    background-color: hsla(0, 0%, 100%, .12) !important
}

.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected:hover,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-submenu-selected,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-submenu-selected:hover {
    color: #fff
}

.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected:hover>.b-design-menu-submenu-title,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected>.b-design-menu-submenu-title,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-submenu-selected:hover>.b-design-menu-submenu-title,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-submenu-selected>.b-design-menu-submenu-title {
    color: #fff !important
}

.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected:hover a,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected a,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-submenu-selected:hover a,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-submenu-selected a {
    color: #fff
}

.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-item-selected:after,
.b-design-menu.b-design-menu[data-primary=true]>.b-design-menu-submenu-selected:after {
    background-color: #fff;
    background-image: none;
    border: 0 !important
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-inline.b-design-menu-sub {
    background: transparent !important
}

.b-design-menu.b-design-menu[data-primary=true]:not(.b-design-menu-horizontal) .b-design-menu-item-selected {
    background-color: hsla(0, 0%, 100%, .12) !important
}

.b-design-menu.b-design-menu[data-primary=true].b-design-menu-inline .b-design-menu-item:after,
.b-design-menu.b-design-menu[data-primary=true].b-design-menu-vertical-left .b-design-menu-item:after,
.b-design-menu.b-design-menu[data-primary=true].b-design-menu-vertical-right .b-design-menu-item:after,
.b-design-menu.b-design-menu[data-primary=true].b-design-menu-vertical .b-design-menu-item:after {
    background: #fff
}

.b-design-menu.b-design-menu[data-primary=true].b-design-menu-horizontal {
    position: relative;
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-50));
    background-size: 250%;
    -webkit-animation: gradient-outline 6s infinite alternate;
    animation: gradient-outline 6s infinite alternate
}

.b-design-menu.b-design-menu[data-primary=true].b-design-menu-horizontal:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, var(--b-design-primary-40), transparent, transparent);
    background-size: 200%;
    -webkit-animation: none;
    animation: none;
    content: ""
}

.b-design-menu.b-design-menu[data-primary=true].b-design-menu-horizontal .b-design-menu-submenu-open {
    color: #fff
}

.b-design-menu.b-design-menu[data-primary=true].b-design-menu-horizontal .b-design-menu-submenu-selected,
.b-design-menu.b-design-menu[data-primary=true].b-design-menu-horizontal .b-design-menu-submenu:hover {
    background-color: hsla(0, 0%, 100%, .12) !important
}

.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item-disabled,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item-disabled .b-design-menu-submenu-title,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item-disabled:hover,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-item-disabled:hover .b-design-menu-submenu-title,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu-disabled,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu-disabled .b-design-menu-submenu-title,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu-disabled:hover,
.b-design-menu.b-design-menu[data-primary=true] .b-design-menu-submenu-disabled:hover .b-design-menu-submenu-title {
    color: hsla(0, 0%, 100%, .45) !important
}

.b-design-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

.b-design-message-notice {
    padding: 8px;
    text-align: center
}

.b-design-message-notice-content {
    display: inline-block;
    padding: 11px 12px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    pointer-events: all
}

.b-design-message-success .anticon {
    color: var(--b-design-success-color)
}

.b-design-message-error .anticon {
    color: var(--b-design-error-color)
}

.b-design-message-warning .anticon {
    color: var(--b-design-warning-color)
}

.b-design-message-info .anticon,
.b-design-message-loading .anticon {
    color: var(--b-design-primary-color)
}

.b-design-message .anticon {
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}

.b-design-message-notice.b-design-move-up-leave.b-design-move-up-leave-active {
    -webkit-animation-name: MessageMoveOut;
    animation-name: MessageMoveOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

.b-design-message-rtl,
.b-design-message-rtl span {
    direction: rtl
}

.b-design-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px
}

.b-design-message-notice-content {
    height: 40px;
    line-height: 18px;
    box-shadow: 0 1px 4px 0 rgba(75, 77, 82, .15), 0 4px 16px 0 rgba(47, 49, 51, .1);
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1)
}

.b-design-message-custom-content {
    display: inline-flex;
    align-items: center
}

.b-design-message .anticon {
    position: relative;
    top: 0;
    margin-right: 12px;
    font-size: 18px
}

.b-design-modal {
    box-sizing: border-box;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    padding: 0 0 24px
}

.b-design-modal.b-design-zoom-appear,
.b-design-modal.b-design-zoom-enter {
    transform: none;
    opacity: 0;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.b-design-modal-mask-hidden {
    display: none
}

.b-design-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    z-index: 1000
}

.b-design-modal-title {
    margin: 0;
    color: #1f2024;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    word-wrap: break-word
}

.b-design-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    pointer-events: auto
}

.b-design-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: #474a52;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s
}

.b-design-modal-close-x {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

.b-design-modal-close:focus,
.b-design-modal-close:hover {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.b-design-modal-header {
    padding: 16px 32px;
    color: #474a52;
    background: #fff;
    border-bottom: 1px solid #e6e8eb;
    border-radius: 8px 8px 0 0
}

.b-design-modal-body {
    padding: 24px 32px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word
}

.b-design-modal-footer {
    padding: 32px;
    text-align: right;
    background: transparent;
    border-top: 1px solid #e6e8eb;
    border-radius: 0 0 8px 8px
}

.b-design-modal-footer .b-design-btn+.b-design-btn:not(.b-design-dropdown-trigger) {
    margin-bottom: 0;
    margin-left: 8px
}

.b-design-modal-open {
    overflow: hidden
}

.b-design-modal-centered {
    text-align: center
}

.b-design-modal-centered:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.b-design-modal-centered .b-design-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: left;
    vertical-align: middle
}

@media (max-width:767px) {
    .b-design-modal {
        max-width: calc(100vw - 16px);
        margin: 8px auto
    }

    .b-design-modal-centered .b-design-modal {
        flex: 1
    }
}

.b-design-modal-confirm .b-design-modal-header {
    display: none
}

.b-design-modal-confirm .b-design-modal-body {
    padding: 16px 24px
}

.b-design-modal-confirm-body-wrapper:before {
    display: table;
    content: ""
}

.b-design-modal-confirm-body-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-modal-confirm-body .b-design-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: #1f2024;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4
}

.b-design-modal-confirm-body .b-design-modal-confirm-content {
    margin-top: 8px;
    color: #474a52;
    font-size: 14px
}

.b-design-modal-confirm-body>.anticon {
    float: left;
    margin-right: 16px;
    font-size: 22px
}

.b-design-modal-confirm-body>.anticon+.b-design-modal-confirm-title+.b-design-modal-confirm-content {
    margin-left: 38px
}

.b-design-modal-confirm .b-design-modal-confirm-btns {
    margin-top: 24px;
    text-align: right
}

.b-design-modal-confirm .b-design-modal-confirm-btns .b-design-btn+.b-design-btn {
    margin-bottom: 0;
    margin-left: 8px
}

.b-design-modal-confirm-error .b-design-modal-confirm-body>.anticon {
    color: var(--b-design-error-color)
}

.b-design-modal-confirm-confirm .b-design-modal-confirm-body>.anticon,
.b-design-modal-confirm-warning .b-design-modal-confirm-body>.anticon {
    color: var(--b-design-warning-color)
}

.b-design-modal-confirm-info .b-design-modal-confirm-body>.anticon {
    color: var(--b-design-primary-color)
}

.b-design-modal-confirm-success .b-design-modal-confirm-body>.anticon {
    color: var(--b-design-success-color)
}

.b-design-modal-wrap-rtl {
    direction: rtl
}

.b-design-modal-wrap-rtl .b-design-modal-close {
    right: auto;
    left: 0
}

.b-design-modal-wrap-rtl .b-design-modal-footer {
    text-align: left
}

.b-design-modal-wrap-rtl .b-design-modal-footer .b-design-btn+.b-design-btn {
    margin-right: 8px;
    margin-left: 0
}

.b-design-modal-wrap-rtl .b-design-modal-confirm-body {
    direction: rtl
}

.b-design-modal-wrap-rtl .b-design-modal-confirm-body>.anticon {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.b-design-modal-wrap-rtl .b-design-modal-confirm-body>.anticon+.b-design-modal-confirm-title+.b-design-modal-confirm-content {
    margin-right: 38px;
    margin-left: 0
}

.b-design-modal-wrap-rtl .b-design-modal-confirm-btns {
    text-align: left
}

.b-design-modal-wrap-rtl .b-design-modal-confirm-btns .b-design-btn+.b-design-btn {
    margin-right: 8px;
    margin-left: 0
}

.b-design-modal-wrap-rtl.b-design-modal-centered .b-design-modal {
    text-align: right
}

.b-design-modal {
    width: 640px !important
}

.b-design-modal-content {
    box-shadow: 0 4px 16px 0 rgba(47, 49, 51, .2)
}

.b-design-modal-header {
    border-bottom: 0
}

.b-design-modal-header .b-design-modal-title {
    line-height: 24px;
    letter-spacing: .5px
}

.b-design-modal-close .anticon-close {
    font-weight: 400;
    font-size: 24px
}

.b-design-modal-close .anticon-close svg {
    display: none !important
}

.b-design-modal-close .anticon-close:after {
    width: 24px;
    height: 24px;
    font-family: iconfont !important;
    line-height: 24px;
    content: "\e7b2"
}

.b-design-modal-body {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .4px
}

.b-design-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 24px;
    border-top: 0
}

.b-design-modal-mask {
    background-color: rgba(71, 74, 82, .6);
    -webkit-backdrop-filter: blur(4px) saturate(2.1);
    backdrop-filter: blur(4px) saturate(2.1)
}

.b-design-modal-confirm {
    width: 340px !important
}

.b-design-modal-confirm .b-design-modal-body .b-design-modal-confirm-body>.anticon+.b-design-modal-confirm-title+.b-design-modal-confirm-content {
    margin-left: 0
}

.b-design-modal-confirm .b-design-modal-body .b-design-modal-confirm-body>.anticon {
    margin-top: 5px;
    margin-right: 8px;
    font-size: 18px
}

.b-design-modal-confirm .b-design-modal-body .b-design-modal-confirm-title {
    line-height: 28px;
    letter-spacing: .5px
}

.b-design-modal-confirm .b-design-modal-body .b-design-modal-confirm-content {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: .4px
}

.b-design-modal-confirm .b-design-modal-body .b-design-modal-confirm-btns .b-design-btn {
    height: 28px;
    padding: 2.8px 11px;
    font-size: 13px
}

.b-design-notification {
    box-sizing: border-box;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    z-index: 1010;
    margin: 0 24px 0 0
}

.b-design-notification-close-icon {
    font-size: 14px;
    cursor: pointer
}

.b-design-notification-hook-holder {
    position: relative
}

.b-design-notification-notice {
    width: 348px;
    max-width: calc(100vw - 48px);
    margin-bottom: 16px;
    margin-left: auto;
    padding: 16px 24px;
    overflow: hidden;
    line-height: 1.5715;
    word-wrap: break-word;
    background: #fff;
    border-radius: 2px
}

.b-design-notification-bottom .b-design-notification-notice,
.b-design-notification-top .b-design-notification-notice {
    margin-right: auto;
    margin-left: auto
}

.b-design-notification-bottomLeft .b-design-notification-notice,
.b-design-notification-topLeft .b-design-notification-notice {
    margin-right: auto;
    margin-left: 0
}

.b-design-notification-notice-message {
    margin-bottom: 8px;
    color: #1f2024;
    font-size: 16px;
    line-height: 24px
}

.b-design-notification-notice-message-single-line-auto-margin {
    display: block;
    width: calc(228px - 100%);
    max-width: 4px;
    background-color: transparent;
    pointer-events: none
}

.b-design-notification-notice-message-single-line-auto-margin:before {
    display: block;
    content: ""
}

.b-design-notification-notice-description {
    font-size: 14px
}

.b-design-notification-notice-closable .b-design-notification-notice-message {
    padding-right: 24px
}

.b-design-notification-notice-with-icon .b-design-notification-notice-message {
    margin-bottom: 4px;
    margin-left: 48px;
    font-size: 16px
}

.b-design-notification-notice-with-icon .b-design-notification-notice-description {
    margin-left: 48px;
    font-size: 14px
}

.b-design-notification-notice-icon {
    position: absolute;
    margin-left: 4px;
    font-size: 24px;
    line-height: 24px
}

.anticon.b-design-notification-notice-icon-success {
    color: var(--b-design-success-color)
}

.anticon.b-design-notification-notice-icon-info {
    color: var(--b-design-primary-color)
}

.anticon.b-design-notification-notice-icon-warning {
    color: var(--b-design-warning-color)
}

.anticon.b-design-notification-notice-icon-error {
    color: var(--b-design-error-color)
}

.b-design-notification-notice-close {
    position: absolute;
    top: 16px;
    right: 22px;
    outline: none
}

.b-design-notification-notice-close:hover {
    color: #2b2c31
}

.b-design-notification-notice-btn {
    float: right;
    margin-top: 16px
}

.b-design-notification .notification-fade-effect {
    -webkit-animation-duration: .24s;
    animation-duration: .24s;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.b-design-notification-fade-appear,
.b-design-notification-fade-enter {
    opacity: 0;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.b-design-notification-fade-appear,
.b-design-notification-fade-enter,
.b-design-notification-fade-leave {
    -webkit-animation-duration: .24s;
    animation-duration: .24s;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.b-design-notification-fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.b-design-notification-fade-appear.b-design-notification-fade-appear-active,
.b-design-notification-fade-enter.b-design-notification-fade-enter-active {
    -webkit-animation-name: NotificationFadeIn;
    animation-name: NotificationFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.b-design-notification-fade-leave.b-design-notification-fade-leave-active {
    -webkit-animation-name: NotificationFadeOut;
    animation-name: NotificationFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes NotificationFadeIn {
    0% {
        left: 348px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes NotificationFadeIn {
    0% {
        left: 348px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1
    }

    to {
        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
    }

    to {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0
    }
}

.b-design-notification-rtl {
    direction: rtl
}

.b-design-notification-rtl .b-design-notification-notice-closable .b-design-notification-notice-message {
    padding-right: 0;
    padding-left: 24px
}

.b-design-notification-rtl .b-design-notification-notice-with-icon .b-design-notification-notice-description,
.b-design-notification-rtl .b-design-notification-notice-with-icon .b-design-notification-notice-message {
    margin-right: 48px;
    margin-left: 0
}

.b-design-notification-rtl .b-design-notification-notice-icon {
    margin-right: 4px;
    margin-left: 0
}

.b-design-notification-rtl .b-design-notification-notice-close {
    right: auto;
    left: 22px
}

.b-design-notification-rtl .b-design-notification-notice-btn {
    float: left
}

.b-design-notification-bottom,
.b-design-notification-top {
    margin-right: 0;
    margin-left: 0
}

.b-design-notification-top .b-design-notification-fade-appear.b-design-notification-fade-appear-active,
.b-design-notification-top .b-design-notification-fade-enter.b-design-notification-fade-enter-active {
    -webkit-animation-name: NotificationTopFadeIn;
    animation-name: NotificationTopFadeIn
}

.b-design-notification-bottom .b-design-notification-fade-appear.b-design-notification-fade-appear-active,
.b-design-notification-bottom .b-design-notification-fade-enter.b-design-notification-fade-enter-active {
    -webkit-animation-name: NotificationBottomFadeIn;
    animation-name: NotificationBottomFadeIn
}

.b-design-notification-bottomLeft,
.b-design-notification-topLeft {
    margin-right: 0;
    margin-left: 24px
}

.b-design-notification-bottomLeft .b-design-notification-fade-appear.b-design-notification-fade-appear-active,
.b-design-notification-bottomLeft .b-design-notification-fade-enter.b-design-notification-fade-enter-active,
.b-design-notification-topLeft .b-design-notification-fade-appear.b-design-notification-fade-appear-active,
.b-design-notification-topLeft .b-design-notification-fade-enter.b-design-notification-fade-enter-active {
    -webkit-animation-name: NotificationLeftFadeIn;
    animation-name: NotificationLeftFadeIn
}

@-webkit-keyframes NotificationTopFadeIn {
    0% {
        margin-top: -100%;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes NotificationTopFadeIn {
    0% {
        margin-top: -100%;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes NotificationBottomFadeIn {
    0% {
        margin-bottom: -100%;
        opacity: 0
    }

    to {
        margin-bottom: 0;
        opacity: 1
    }
}

@keyframes NotificationBottomFadeIn {
    0% {
        margin-bottom: -100%;
        opacity: 0
    }

    to {
        margin-bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes NotificationLeftFadeIn {
    0% {
        right: 348px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        right: 348px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.b-design-notification-notice {
    position: relative;
    padding: 19px 44px 32px 24px;
    border-radius: 4px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-notification-notice-message {
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 28px
}

.b-design-notification-notice-with-icon .b-design-notification-notice-message {
    margin-bottom: 12px
}

.b-design-notification-notice-description,
.b-design-notification-notice-with-icon .b-design-notification-notice-description {
    margin-bottom: .4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: .4px;
    color: #474a52
}

.b-design-notification-notice-with-icon .b-design-notification-notice-description,
.b-design-notification-notice-with-icon .b-design-notification-notice-message {
    margin-left: 26px
}

.b-design-notification-notice-icon {
    margin-top: 5px;
    margin-left: 0;
    font-size: 18px;
    line-height: 28px
}

.b-design-notification-notice-error:before,
.b-design-notification-notice-info:before,
.b-design-notification-notice-loading:before,
.b-design-notification-notice-success:before,
.b-design-notification-notice-warning:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 3px;
    content: ""
}

.b-design-notification-notice-success:before {
    background: var(--b-design-success-color)
}

.b-design-notification-notice-info:before,
.b-design-notification-notice-loading:before {
    background: #1b58f4
}

.b-design-notification-notice-warning:before {
    background: var(--b-design-warning-color)
}

.b-design-notification-notice-error:before {
    background: var(--b-design-error-color)
}

.b-design-notification-notice-close {
    right: 12px;
    color: #474a52
}

.b-design-notification-notice-close:hover {
    color: #1f2024
}

.b-design-notification-notice-close-icon {
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    font-size: 16px
}

.b-design-notification-notice-close-icon svg {
    display: none !important
}

.b-design-notification-notice-close-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e7b2"
}

.b-design-notification-glassmorphism .b-design-notification-notice {
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1)
}

.b-design-page-header {
    box-sizing: border-box;
    margin: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    padding: 16px 24px;
    background-color: #fff
}

.b-design-page-header-ghost {
    background-color: inherit
}

.b-design-page-header.has-breadcrumb {
    padding-top: 12px
}

.b-design-page-header.has-footer {
    padding-bottom: 0
}

.b-design-page-header-back {
    margin-right: 16px;
    font-size: 16px;
    line-height: 1
}

.b-design-page-header-back-button {
    color: var(--b-design-primary-color);
    outline: none;
    cursor: pointer;
    transition: color .3s;
    color: #000
}

.b-design-page-header-back-button:focus-visible,
.b-design-page-header-back-button:hover {
    color: #0d0d0d
}

.b-design-page-header-back-button:active {
    color: #000
}

.b-design-page-header .b-design-divider-vertical {
    height: 14px;
    margin: 0 12px;
    vertical-align: middle
}

.b-design-breadcrumb+.b-design-page-header-heading {
    margin-top: 8px
}

.b-design-page-header-heading {
    display: flex;
    justify-content: space-between
}

.b-design-page-header-heading-left {
    display: flex;
    align-items: center;
    margin: 4px 0;
    overflow: hidden
}

.b-design-page-header-heading-title {
    margin-right: 12px;
    margin-bottom: 0;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-page-header-heading .b-design-avatar {
    margin-right: 12px
}

.b-design-page-header-heading-sub-title {
    margin-right: 12px;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-page-header-heading-extra {
    margin: 4px 0;
    white-space: nowrap
}

.b-design-page-header-heading-extra>* {
    white-space: unset
}

.b-design-page-header-content {
    padding-top: 12px
}

.b-design-page-header-footer {
    margin-top: 16px
}

.b-design-page-header-footer .b-design-tabs>.b-design-tabs-nav {
    margin: 0
}

.b-design-page-header-footer .b-design-tabs>.b-design-tabs-nav:before {
    border: none
}

.b-design-page-header-footer .b-design-tabs .b-design-tabs-tab {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px
}

.b-design-page-header-compact .b-design-page-header-heading {
    flex-wrap: wrap
}

.b-design-page-header-rtl {
    direction: rtl
}

.b-design-page-header-rtl .b-design-page-header-back {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.b-design-page-header-rtl .b-design-page-header-heading-title,
.b-design-page-header-rtl .b-design-page-header-heading .b-design-avatar {
    margin-right: 0;
    margin-left: 12px
}

.b-design-page-header-rtl .b-design-page-header-heading-sub-title {
    float: right;
    margin-right: 0;
    margin-left: 12px
}

.b-design-page-header-rtl .b-design-page-header-heading-tags {
    float: right
}

.b-design-page-header-rtl .b-design-page-header-heading-extra {
    float: left
}

.b-design-page-header-rtl .b-design-page-header-heading-extra>* {
    margin-right: 12px;
    margin-left: 0
}

.b-design-page-header-rtl .b-design-page-header-heading-extra>:first-child {
    margin-right: 0
}

.b-design-page-header-rtl .b-design-page-header-footer .b-design-tabs-bar .b-design-tabs-nav {
    float: right
}

.b-design-breadcrumb+.b-design-page-header-heading {
    margin-top: 16px
}

.b-design-page-header-heading-title {
    line-height: 1.5;
    letter-spacing: .5em;
    margin-bottom: .15px;
    color: #1f2024;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px;
    font-weight: 600
}

.b-design-page-header-heading-sub-title {
    margin-top: 4px
}

.b-design-pagination {
    box-sizing: border-box;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum"
}

.b-design-pagination,
.b-design-pagination ol,
.b-design-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.b-design-pagination:after {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    content: " "
}

.b-design-pagination-item,
.b-design-pagination-total-text {
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    line-height: 30px;
    vertical-align: middle
}

.b-design-pagination-item {
    min-width: 32px;
    text-align: center;
    list-style: none;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-pagination-item a {
    display: block;
    padding: 0 6px
}

.b-design-pagination-item:hover {
    border-color: var(--b-design-primary-color);
    transition: all .3s
}

.b-design-pagination-item:hover a {
    color: var(--b-design-primary-color)
}

.b-design-pagination-item:focus-visible {
    border-color: var(--b-design-primary-color);
    transition: all .3s
}

.b-design-pagination-item:focus-visible a {
    color: var(--b-design-primary-color)
}

.b-design-pagination-item-active {
    font-weight: 400;
    border-color: var(--b-design-primary-color)
}

.b-design-pagination-item-active a {
    color: var(--b-design-primary-color)
}

.b-design-pagination-item-active:focus-visible,
.b-design-pagination-item-active:hover {
    border-color: var(--b-design-primary-50)
}

.b-design-pagination-item-active:focus-visible a,
.b-design-pagination-item-active:hover a {
    color: var(--b-design-primary-50)
}

.b-design-pagination-jump-next,
.b-design-pagination-jump-prev {
    outline: 0
}

.b-design-pagination-jump-next .b-design-pagination-item-container,
.b-design-pagination-jump-prev .b-design-pagination-item-container {
    position: relative
}

.b-design-pagination-jump-next .b-design-pagination-item-container .b-design-pagination-item-link-icon,
.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-link-icon {
    color: var(--b-design-primary-color);
    font-size: 12px;
    letter-spacing: -1px;
    opacity: 0;
    transition: all .2s
}

.b-design-pagination-jump-next .b-design-pagination-item-container .b-design-pagination-item-link-icon-svg,
.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-link-icon-svg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.b-design-pagination-jump-next .b-design-pagination-item-container .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-ellipsis {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    color: #b8bbc2;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-indent: .13em;
    opacity: 1;
    transition: all .2s
}

.b-design-pagination-jump-next:hover .b-design-pagination-item-link-icon,
.b-design-pagination-jump-prev:hover .b-design-pagination-item-link-icon {
    opacity: 1
}

.b-design-pagination-jump-next:hover .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-prev:hover .b-design-pagination-item-ellipsis {
    opacity: 0
}

.b-design-pagination-jump-next:focus-visible .b-design-pagination-item-link-icon,
.b-design-pagination-jump-prev:focus-visible .b-design-pagination-item-link-icon {
    opacity: 1
}

.b-design-pagination-jump-next:focus-visible .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-prev:focus-visible .b-design-pagination-item-ellipsis {
    opacity: 0
}

.b-design-pagination-jump-next,
.b-design-pagination-jump-prev,
.b-design-pagination-prev {
    margin-right: 8px
}

.b-design-pagination-jump-next,
.b-design-pagination-jump-prev,
.b-design-pagination-next,
.b-design-pagination-prev {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    color: #474a52;
    font-family: Helvetica Neue, Helvetica, PingFang SC, -apple-system, Arial, sans-serif, Microsoft Yahei, Microsoft JhengHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s
}

.b-design-pagination-next,
.b-design-pagination-prev {
    font-family: Arial, Helvetica, sans-serif
}

.b-design-pagination-next:hover button,
.b-design-pagination-prev:hover button {
    border-color: var(--b-design-primary-50)
}

.b-design-pagination-next .b-design-pagination-item-link,
.b-design-pagination-prev .b-design-pagination-item-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    outline: none;
    transition: all .3s
}

.b-design-pagination-next:focus-visible .b-design-pagination-item-link,
.b-design-pagination-next:hover .b-design-pagination-item-link,
.b-design-pagination-prev:focus-visible .b-design-pagination-item-link,
.b-design-pagination-prev:hover .b-design-pagination-item-link {
    color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-pagination-disabled,
.b-design-pagination-disabled:hover {
    cursor: not-allowed
}

.b-design-pagination-disabled .b-design-pagination-item-link,
.b-design-pagination-disabled:hover .b-design-pagination-item-link {
    color: #b8bbc2;
    border-color: #d7d8db;
    cursor: not-allowed
}

.b-design-pagination-disabled:focus-visible {
    cursor: not-allowed
}

.b-design-pagination-disabled:focus-visible .b-design-pagination-item-link {
    color: #b8bbc2;
    border-color: #d7d8db;
    cursor: not-allowed
}

.b-design-pagination-slash {
    margin: 0 10px 0 5px
}

.b-design-pagination-options {
    display: inline-block;
    vertical-align: middle
}

@media (-ms-high-contrast:none) {

    .b-design-pagination-options,
    .b-design-pagination-options ::-ms-backdrop {
        vertical-align: top
    }
}

.b-design-pagination-options-size-changer.b-design-select {
    display: inline-block;
    width: auto
}

.b-design-pagination-options-quick-jumper {
    display: inline-block;
    height: 32px;
    margin-left: 8px;
    line-height: 32px;
    vertical-align: top
}

.b-design-pagination-options-quick-jumper input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 6px 11px;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all .3s;
    width: 50px;
    height: 32px;
    margin: 0 8px
}

.b-design-pagination-options-quick-jumper input::-moz-placeholder {
    color: #81848f;
    -moz-user-select: none;
    user-select: none
}

.b-design-pagination-options-quick-jumper input:-ms-input-placeholder {
    color: #81848f;
    -ms-user-select: none;
    user-select: none
}

.b-design-pagination-options-quick-jumper input::placeholder {
    color: #81848f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-pagination-options-quick-jumper input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.b-design-pagination-options-quick-jumper input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.b-design-pagination-options-quick-jumper input:placeholder-shown {
    text-overflow: ellipsis
}

.b-design-pagination-options-quick-jumper input:hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-pagination-options-quick-jumper input-focused,
.b-design-pagination-options-quick-jumper input:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-pagination-options-quick-jumper input-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-pagination-options-quick-jumper input-disabled:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-pagination-options-quick-jumper input[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.b-design-pagination-options-quick-jumper input[disabled]:hover {
    border-color: #d4d6db;
    border-right-width: 1px
}

.b-design-pagination-options-quick-jumper input-borderless,
.b-design-pagination-options-quick-jumper input-borderless-disabled,
.b-design-pagination-options-quick-jumper input-borderless-focused,
.b-design-pagination-options-quick-jumper input-borderless:focus,
.b-design-pagination-options-quick-jumper input-borderless:hover,
.b-design-pagination-options-quick-jumper input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.b-design-pagination-options-quick-jumper input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.b-design-pagination-options-quick-jumper input-lg {
    padding: 7px 15px;
    font-size: 16px
}

.b-design-pagination-options-quick-jumper input-sm {
    padding: 4px 11px
}

.b-design-pagination-simple .b-design-pagination-next,
.b-design-pagination-simple .b-design-pagination-prev {
    height: 24px;
    line-height: 24px;
    vertical-align: top
}

.b-design-pagination-simple .b-design-pagination-next .b-design-pagination-item-link,
.b-design-pagination-simple .b-design-pagination-prev .b-design-pagination-item-link {
    height: 24px;
    background-color: transparent;
    border: 0
}

.b-design-pagination-simple .b-design-pagination-next .b-design-pagination-item-link:after,
.b-design-pagination-simple .b-design-pagination-prev .b-design-pagination-item-link:after {
    height: 24px;
    line-height: 24px
}

.b-design-pagination-simple .b-design-pagination-simple-pager {
    display: inline-block;
    height: 24px;
    margin-right: 8px
}

.b-design-pagination-simple .b-design-pagination-simple-pager input {
    box-sizing: border-box;
    height: 100%;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    outline: none;
    transition: border-color .3s
}

.b-design-pagination-simple .b-design-pagination-simple-pager input:hover {
    border-color: var(--b-design-primary-color)
}

.b-design-pagination-simple .b-design-pagination-simple-pager input:focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline)
}

.b-design-pagination-simple .b-design-pagination-simple-pager input[disabled] {
    color: #b8bbc2;
    background: #f1f2f3;
    border-color: #d7d8db;
    cursor: not-allowed
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-simple-pager,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-total-text {
    height: 24px;
    line-height: 24px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-item {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 22px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-item:not(.b-design-pagination-item-active) {
    background: transparent;
    border-color: transparent
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-next,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 24px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-next .b-design-pagination-item-link,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev .b-design-pagination-item-link {
    background: transparent;
    border-color: transparent
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-next .b-design-pagination-item-link:after,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev .b-design-pagination-item-link:after {
    height: 24px;
    line-height: 24px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-jump-next,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-jump-prev {
    height: 24px;
    margin-right: 0;
    line-height: 24px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options {
    margin-left: 2px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options-quick-jumper {
    line-height: 24px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options-quick-jumper input {
    padding: 4px 11px;
    width: 44px;
    height: 28px
}

.b-design-pagination.b-design-pagination-disabled {
    cursor: not-allowed
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item {
    background: #f1f2f3;
    border-color: #d7d8db
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item a {
    color: #b8bbc2
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-active {
    background: #e6e6e6
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-link {
    color: #b8bbc2;
    background: #f1f2f3;
    border-color: #d7d8db;
    cursor: not-allowed
}

.b-design-pagination-simple.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-link {
    background: transparent
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-link-icon {
    opacity: 0
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-ellipsis {
    opacity: 1
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-simple-pager {
    color: #b8bbc2
}

@media only screen and (max-width:992px) {

    .b-design-pagination-item-after-jump-prev,
    .b-design-pagination-item-before-jump-next {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .b-design-pagination-options {
        display: none
    }
}

.b-design-pagination-rtl .b-design-pagination-item,
.b-design-pagination-rtl .b-design-pagination-jump-next,
.b-design-pagination-rtl .b-design-pagination-jump-prev,
.b-design-pagination-rtl .b-design-pagination-prev,
.b-design-pagination-rtl .b-design-pagination-total-text {
    margin-right: 0;
    margin-left: 8px
}

.b-design-pagination-rtl .b-design-pagination-slash {
    margin: 0 5px 0 10px
}

.b-design-pagination-rtl .b-design-pagination-options {
    margin-right: 16px;
    margin-left: 0
}

.b-design-pagination-rtl .b-design-pagination-options .b-design-pagination-options-size-changer.b-design-select {
    margin-right: 0;
    margin-left: 8px
}

.b-design-pagination-rtl .b-design-pagination-options .b-design-pagination-options-quick-jumper {
    margin-left: 0
}

.b-design-pagination-rtl.b-design-pagination-simple .b-design-pagination-simple-pager,
.b-design-pagination-rtl.b-design-pagination-simple .b-design-pagination-simple-pager input {
    margin-right: 0;
    margin-left: 8px
}

.b-design-pagination-rtl.b-design-pagination.mini .b-design-pagination-options {
    margin-right: 2px;
    margin-left: 0
}

.b-design-pagination-total-text {
    font-size: 13px
}

.b-design-pagination-item {
    margin-right: 4px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, -apple-system, Arial, sans-serif, Microsoft Yahei, Microsoft JhengHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    background: transparent;
    border-color: transparent !important;
    transition: all .3s ease-out
}

.b-design-pagination-item a {
    color: #474a52;
    transition: none
}

.b-design-pagination-item a:hover {
    text-decoration: none
}

.b-design-pagination-item:focus-visible,
.b-design-pagination-item:hover {
    background-color: #f1f2f3;
    transition: all .3s
}

.b-design-pagination-item:focus-visible a,
.b-design-pagination-item:hover a {
    color: inherit
}

.b-design-pagination-item-active {
    color: #1f2024;
    font-weight: unset;
    background: #edeef0
}

.b-design-pagination-item-active a {
    color: inherit
}

.b-design-pagination-item-active:focus-visible,
.b-design-pagination-item-active:hover {
    background: #edeef0
}

.b-design-pagination-item-active:focus-visible a,
.b-design-pagination-item-active:hover a {
    color: inherit
}

.b-design-pagination-item-ellipsis {
    font-size: 12px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, -apple-system, Arial, sans-serif, Microsoft Yahei, Microsoft JhengHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.b-design-pagination-jump-next .b-design-pagination-item-container .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-next .b-design-pagination-item-container .b-design-pagination-item-link-icon,
.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-link-icon {
    color: #474a52
}

.b-design-pagination-jump-next,
.b-design-pagination-jump-prev,
.b-design-pagination-prev {
    margin-right: 4px
}

.b-design-pagination-next,
.b-design-pagination-prev {
    outline: 0
}

.b-design-pagination-next button,
.b-design-pagination-prev button {
    color: #474a52;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-pagination-next .b-design-pagination-item-link,
.b-design-pagination-prev .b-design-pagination-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #81848f;
    font-size: 13px;
    border-color: transparent !important
}

.b-design-pagination-next .b-design-pagination-item-link .anticon,
.b-design-pagination-prev .b-design-pagination-item-link .anticon {
    font-size: 16px
}

.b-design-pagination-next .b-design-pagination-item-link:before,
.b-design-pagination-prev .b-design-pagination-item-link:before {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 17px;
    content: "\e7ac"
}

.b-design-pagination-next .b-design-pagination-item-link svg,
.b-design-pagination-prev .b-design-pagination-item-link svg {
    display: none !important
}

.b-design-pagination-next:focus-visible .b-design-pagination-item-link,
.b-design-pagination-next:hover .b-design-pagination-item-link,
.b-design-pagination-prev:focus-visible .b-design-pagination-item-link,
.b-design-pagination-prev:hover .b-design-pagination-item-link {
    color: #474a52;
    background-color: #f1f2f3
}

.b-design-pagination-next .b-design-pagination-item-link:before {
    content: "\e7ae"
}

.b-design-pagination-next {
    margin-right: 0 !important
}

.b-design-pagination-disabled,
.b-design-pagination-disabled:focus-visible,
.b-design-pagination-disabled:hover {
    cursor: not-allowed
}

.b-design-pagination-disabled .b-design-pagination-item-link,
.b-design-pagination-disabled:focus-visible .b-design-pagination-item-link,
.b-design-pagination-disabled:hover .b-design-pagination-item-link {
    color: #b8bbc2;
    background: transparent !important;
    cursor: not-allowed
}

.b-design-pagination-options {
    margin-right: 16px;
    margin-left: 16px
}

.b-design-pagination-options-quick-jumper {
    display: inline-flex;
    align-items: center;
    margin-left: 16px
}

.b-design-pagination-options-quick-jumper input {
    width: 40px;
    margin: 0 4px;
    padding-right: 3px;
    padding-left: 3px;
    text-align: center
}

.b-design-pagination-options-quick-jumper input:focus {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-item {
    margin: 0 3px 0 0;
    font-size: 12px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-item:focus-visible,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-item:hover {
    background-color: #f1f2f3;
    transition: all .3s
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-item:focus-visible a,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-item:hover a {
    color: inherit
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-next,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev {
    margin-right: 3px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-next:focus-visible .b-design-pagination-item-link,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-next:hover .b-design-pagination-item-link,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev:focus-visible .b-design-pagination-item-link,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev:hover .b-design-pagination-item-link {
    color: #474a52;
    background-color: #f1f2f3
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options {
    margin-right: 8px;
    margin-left: 8px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options-size-changer {
    top: 0
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options-quick-jumper {
    height: 24px;
    margin-left: 8px;
    font-size: 12px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options-quick-jumper input {
    width: 32px;
    height: 24px;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options .b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector {
    height: 24px
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options .b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-item,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-options .b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-placeholder {
    line-height: 22px
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item {
    background: transparent !important;
    cursor: not-allowed
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item a {
    color: #b8bbc2 !important;
    background: transparent;
    border: none;
    cursor: not-allowed
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-active {
    background: #f1f2f3 !important
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-active a {
    color: #b8bbc2
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-link {
    color: #b8bbc2 !important;
    background: transparent !important
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item-ellipsis {
    color: #b8bbc2
}

.b-design-pagination-simple {
    box-shadow: none
}

.b-design-pagination-simple .b-design-pagination-next,
.b-design-pagination-simple .b-design-pagination-next .b-design-pagination-item-link,
.b-design-pagination-simple .b-design-pagination-prev,
.b-design-pagination-simple .b-design-pagination-prev .b-design-pagination-item-link {
    height: 32px
}

.b-design-pagination-simple .b-design-pagination-next:hover,
.b-design-pagination-simple .b-design-pagination-prev:hover {
    box-shadow: none !important
}

.b-design-pagination-simple .b-design-pagination-prev {
    margin-right: 4px
}

.b-design-pagination-simple .b-design-pagination-next {
    margin-left: 4px
}

.b-design-pagination-simple .b-design-pagination-next>.b-design-pagination-item-link,
.b-design-pagination-simple .b-design-pagination-prev>.b-design-pagination-item-link {
    background-color: transparent !important
}

.b-design-pagination-simple .b-design-pagination-simple-pager {
    height: 32px;
    margin-right: 0;
    font-size: 13px
}

.b-design-pagination-simple .b-design-pagination-simple-pager>input {
    width: auto;
    height: 32px;
    margin-right: 0 !important;
    padding: 0 3px !important
}

.b-design-pagination-simple .b-design-pagination-simple-pager>input:hover {
    border-color: #7a7d85
}

.b-design-pagination-simple .b-design-pagination-simple-pager>input-focused,
.b-design-pagination-simple .b-design-pagination-simple-pager>input:focus {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-pagination-simple .b-design-pagination-simple-pager .b-design-pagination-slash {
    display: inline-block;
    width: 32px;
    margin: 0;
    text-align: center
}

.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-item-link,
.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-next,
.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-prev,
.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-simple-pager {
    height: 24px
}

.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-simple-pager .b-design-pagination-slash {
    width: 24px
}

.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-simple-pager>input {
    width: auto;
    height: 24px;
    padding: 0 2px !important
}

.b-design-pagination-simple.b-design-pagination-disabled .b-design-pagination-next>.b-design-pagination-item-link,
.b-design-pagination-simple.b-design-pagination-disabled .b-design-pagination-prev>.b-design-pagination-item-link {
    background-color: transparent !important
}

.b-design-pagination-simple.b-design-pagination-disabled .b-design-pagination-simple-pager>input {
    color: #babcc2;
    background-color: #f1f2f3;
    border-color: #e5e5e5
}

.b-design-pagination-simple.b-design-pagination-disabled .b-design-pagination-simple-pager>input:hover {
    box-shadow: none
}

.b-design-popconfirm {
    z-index: 1060
}

.b-design-popover {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.b-design-popover-content {
    position: relative
}

.b-design-popover:after {
    position: absolute;
    background: hsla(0, 0%, 100%, .01);
    content: ""
}

.b-design-popover-hidden {
    display: none
}

.b-design-popover-placement-top,
.b-design-popover-placement-topLeft,
.b-design-popover-placement-topRight {
    padding-bottom: 12px
}

.b-design-popover-placement-right,
.b-design-popover-placement-rightBottom,
.b-design-popover-placement-rightTop {
    padding-left: 12px
}

.b-design-popover-placement-bottom,
.b-design-popover-placement-bottomLeft,
.b-design-popover-placement-bottomRight {
    padding-top: 12px
}

.b-design-popover-placement-left,
.b-design-popover-placement-leftBottom,
.b-design-popover-placement-leftTop {
    padding-right: 12px
}

.b-design-popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .b-design-popover-inner {
        box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
    }
}

.b-design-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: #1f2024;
    border-bottom: 1px solid #e6e8eb
}

.b-design-popover-inner-content {
    padding: 12px 16px;
    color: #474a52
}

.b-design-popover-message {
    position: relative;
    padding: 4px 0 12px;
    color: #474a52;
    font-size: 14px
}

.b-design-popover-message>.anticon {
    position: absolute;
    top: 8.0005px;
    color: var(--b-design-warning-color);
    font-size: 14px
}

.b-design-popover-message-title {
    padding-left: 22px
}

.b-design-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

.b-design-popover-buttons button {
    margin-left: 8px
}

.b-design-popover-arrow {
    position: absolute;
    display: block;
    width: 17.3137085px;
    height: 17.3137085px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.b-design-popover-arrow-content {
    --antd-arrow-background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: "";
    pointer-events: auto;
    border-radius: 0 0 2px;
    pointer-events: none
}

.b-design-popover-arrow-content:before {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 24px;
    height: 24px;
    background: var(--antd-arrow-background-color);
    background-repeat: no-repeat;
    background-position: -7px -7px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z");
    clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z")
}

.b-design-popover-placement-top .b-design-popover-arrow,
.b-design-popover-placement-topLeft .b-design-popover-arrow,
.b-design-popover-placement-topRight .b-design-popover-arrow {
    bottom: 0;
    transform: translateY(100%)
}

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

.b-design-popover-placement-top .b-design-popover-arrow {
    left: 50%;
    transform: translateY(100%) translateX(-50%)
}

.b-design-popover-placement-topLeft .b-design-popover-arrow {
    left: 16px
}

.b-design-popover-placement-topRight .b-design-popover-arrow {
    right: 16px
}

.b-design-popover-placement-right .b-design-popover-arrow,
.b-design-popover-placement-rightBottom .b-design-popover-arrow,
.b-design-popover-placement-rightTop .b-design-popover-arrow {
    left: 0;
    transform: translateX(-100%)
}

.b-design-popover-placement-right .b-design-popover-arrow-content,
.b-design-popover-placement-rightBottom .b-design-popover-arrow-content,
.b-design-popover-placement-rightTop .b-design-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(8.65685425px) rotate(135deg)
}

.b-design-popover-placement-right .b-design-popover-arrow {
    top: 50%;
    transform: translateX(-100%) translateY(-50%)
}

.b-design-popover-placement-rightTop .b-design-popover-arrow {
    top: 12px
}

.b-design-popover-placement-rightBottom .b-design-popover-arrow {
    bottom: 12px
}

.b-design-popover-placement-bottom .b-design-popover-arrow,
.b-design-popover-placement-bottomLeft .b-design-popover-arrow,
.b-design-popover-placement-bottomRight .b-design-popover-arrow {
    top: 0;
    transform: translateY(-100%)
}

.b-design-popover-placement-bottom .b-design-popover-arrow-content,
.b-design-popover-placement-bottomLeft .b-design-popover-arrow-content,
.b-design-popover-placement-bottomRight .b-design-popover-arrow-content {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .06);
    transform: translateY(8.65685425px) rotate(-135deg)
}

.b-design-popover-placement-bottom .b-design-popover-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%)
}

.b-design-popover-placement-bottomLeft .b-design-popover-arrow {
    left: 16px
}

.b-design-popover-placement-bottomRight .b-design-popover-arrow {
    right: 16px
}

.b-design-popover-placement-left .b-design-popover-arrow,
.b-design-popover-placement-leftBottom .b-design-popover-arrow,
.b-design-popover-placement-leftTop .b-design-popover-arrow {
    right: 0;
    transform: translateX(100%)
}

.b-design-popover-placement-left .b-design-popover-arrow-content,
.b-design-popover-placement-leftBottom .b-design-popover-arrow-content,
.b-design-popover-placement-leftTop .b-design-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(-8.65685425px) rotate(-45deg)
}

.b-design-popover-placement-left .b-design-popover-arrow {
    top: 50%;
    transform: translateX(100%) translateY(-50%)
}

.b-design-popover-placement-leftTop .b-design-popover-arrow {
    top: 12px
}

.b-design-popover-placement-leftBottom .b-design-popover-arrow {
    bottom: 12px
}

.b-design-popover-pink .b-design-popover-arrow-content,
.b-design-popover-pink .b-design-popover-inner {
    background-color: #eb2f96
}

.b-design-popover-magenta .b-design-popover-arrow-content,
.b-design-popover-magenta .b-design-popover-inner {
    background-color: #c61e6e
}

.b-design-popover-red .b-design-popover-arrow-content,
.b-design-popover-red .b-design-popover-inner {
    background-color: #c82727
}

.b-design-popover-volcano .b-design-popover-arrow-content,
.b-design-popover-volcano .b-design-popover-inner {
    background-color: #fa541c
}

.b-design-popover-orange .b-design-popover-arrow-content,
.b-design-popover-orange .b-design-popover-inner {
    background-color: #c62f0e
}

.b-design-popover-yellow .b-design-popover-arrow-content,
.b-design-popover-yellow .b-design-popover-inner {
    background-color: #fadb14
}

.b-design-popover-gold .b-design-popover-arrow-content,
.b-design-popover-gold .b-design-popover-inner {
    background-color: #faad14
}

.b-design-popover-cyan .b-design-popover-arrow-content,
.b-design-popover-cyan .b-design-popover-inner {
    background-color: #13c2c2
}

.b-design-popover-lime .b-design-popover-arrow-content,
.b-design-popover-lime .b-design-popover-inner {
    background-color: #a0d911
}

.b-design-popover-green .b-design-popover-arrow-content,
.b-design-popover-green .b-design-popover-inner {
    background-color: #007855
}

.b-design-popover-blue .b-design-popover-arrow-content,
.b-design-popover-blue .b-design-popover-inner {
    background-color: #1b58f4
}

.b-design-popover-geekblue .b-design-popover-arrow-content,
.b-design-popover-geekblue .b-design-popover-inner {
    background-color: #2f54eb
}

.b-design-popover-purple .b-design-popover-arrow-content,
.b-design-popover-purple .b-design-popover-inner {
    background-color: #7b38f4
}

.b-design-popover-rtl {
    direction: rtl;
    text-align: right
}

.b-design-popover-rtl .b-design-popover-message-title {
    padding-right: 22px;
    padding-left: 16px
}

.b-design-popover-rtl .b-design-popover-buttons {
    text-align: left
}

.b-design-popover-rtl .b-design-popover-buttons button {
    margin-right: 8px;
    margin-left: 0
}

.b-design-popover-inner {
    position: relative;
    padding: 10px 16px 16px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(47, 49, 51, .1)
}

.b-design-popover-inner .b-design-input,
.b-design-popover-inner .b-design-select {
    margin-top: 4px
}

.b-design-popover-title {
    min-height: 24px;
    margin-bottom: 4px;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .4px;
    border-bottom: 0
}

.b-design-popover-arrow {
    z-index: 1
}

.b-design-popover-inner-content {
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px
}

.b-design-progress {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.b-design-progress-line {
    position: relative;
    width: 100%;
    font-size: 14px
}

.b-design-progress-steps {
    display: inline-block
}

.b-design-progress-steps-outer {
    display: flex;
    flex-direction: row;
    align-items: center
}

.b-design-progress-steps-item {
    flex-shrink: 0;
    min-width: 2px;
    margin-right: 2px;
    background: #e6e7e8;
    transition: all .3s
}

.b-design-progress-steps-item-active {
    background: var(--b-design-primary-60)
}

.b-design-progress-small.b-design-progress-line,
.b-design-progress-small.b-design-progress-line .b-design-progress-text .anticon {
    font-size: 12px
}

.b-design-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0
}

.b-design-progress-show-info .b-design-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px)
}

.b-design-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: #e6e7e8;
    border-radius: 100px
}

.b-design-progress-circle-trail {
    stroke: #e6e7e8
}

.b-design-progress-circle-path {
    -webkit-animation: b-design-progress-appear .3s;
    animation: b-design-progress-appear .3s
}

.b-design-progress-inner:not(.b-design-progress-circle-gradient) .b-design-progress-circle-path {
    stroke: var(--b-design-primary-60)
}

.b-design-progress-bg,
.b-design-progress-success-bg {
    position: relative;
    background-color: var(--b-design-primary-60);
    border-radius: 100px;
    transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s
}

.b-design-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--b-design-success-color)
}

.b-design-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: #1f2024;
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.b-design-progress-text .anticon {
    font-size: 14px
}

.b-design-progress-status-active .b-design-progress-bg:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 10px;
    opacity: 0;
    -webkit-animation: b-design-progress-active 2.4s cubic-bezier(.23, 1, .32, 1) infinite;
    animation: b-design-progress-active 2.4s cubic-bezier(.23, 1, .32, 1) infinite;
    content: ""
}

.b-design-progress-status-exception .b-design-progress-bg {
    background-color: var(--b-design-error-color)
}

.b-design-progress-status-exception .b-design-progress-text {
    color: var(--b-design-error-color)
}

.b-design-progress-status-exception .b-design-progress-inner:not(.b-design-progress-circle-gradient) .b-design-progress-circle-path {
    stroke: var(--b-design-error-color)
}

.b-design-progress-status-success .b-design-progress-bg {
    background-color: var(--b-design-success-color)
}

.b-design-progress-status-success .b-design-progress-text {
    color: var(--b-design-success-color)
}

.b-design-progress-status-success .b-design-progress-inner:not(.b-design-progress-circle-gradient) .b-design-progress-circle-path {
    stroke: var(--b-design-success-color)
}

.b-design-progress-circle .b-design-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent
}

.b-design-progress-circle .b-design-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    white-space: normal;
    text-align: center;
    transform: translate(-50%, -50%)
}

.b-design-progress-circle .b-design-progress-text .anticon {
    font-size: 1.16666667em
}

.b-design-progress-circle.b-design-progress-status-exception .b-design-progress-text {
    color: var(--b-design-error-color)
}

.b-design-progress-circle.b-design-progress-status-success .b-design-progress-text {
    color: var(--b-design-success-color)
}

@-webkit-keyframes b-design-progress-active {
    0% {
        transform: translateX(-100%) scaleX(0);
        opacity: .1
    }

    20% {
        transform: translateX(-100%) scaleX(0);
        opacity: .5
    }

    to {
        transform: translateX(0) scaleX(1);
        opacity: 0
    }
}

@keyframes b-design-progress-active {
    0% {
        transform: translateX(-100%) scaleX(0);
        opacity: .1
    }

    20% {
        transform: translateX(-100%) scaleX(0);
        opacity: .5
    }

    to {
        transform: translateX(0) scaleX(1);
        opacity: 0
    }
}

.b-design-progress-rtl {
    direction: rtl
}

.b-design-progress-rtl.b-design-progress-show-info .b-design-progress-outer {
    margin-right: 0;
    margin-left: calc(-2em - 8px);
    padding-right: 0;
    padding-left: calc(2em + 8px)
}

.b-design-progress-rtl .b-design-progress-success-bg {
    right: 0;
    left: auto
}

.b-design-progress-rtl.b-design-progress-line .b-design-progress-text,
.b-design-progress-rtl.b-design-progress-steps .b-design-progress-text {
    margin-right: 8px;
    margin-left: 0;
    text-align: right
}

.b-design-progress-text .anticon {
    font-size: 16px
}

.b-design-progress-circle .b-design-progress-text {
    color: #1f2024
}

.b-design-progress-text.b-design-progress-number {
    color: #1f2024 !important
}

.b-design-progress-text-number {
    display: block;
    font-size: 36px !important;
    line-height: 42px
}

.b-design-progress-text-title {
    display: block;
    font-size: 14px;
    line-height: 24px
}

.b-design-progress-circle .b-design-progress-icon {
    font-size: 1.5em
}

.b-design-progress-text-number {
    font-size: 24px !important;
    line-height: 32px
}

.b-design-progress-small .b-design-progress-text-number {
    font-size: 24px !important;
    line-height: 24px
}

.b-design-progress-small .b-design-progress-bg {
    height: 4px !important
}

.b-design-progress-status-active .b-design-progress-text .anticon,
.b-design-progress-status-normal .b-design-progress-text .anticon {
    color: #a6a6a6
}

.b-design-progress-status-success .b-design-progress-text .anticon {
    color: var(--b-design-success-color)
}

.b-design-progress-status-error .b-design-progress-text .anticon {
    color: var(--b-design-error-color)
}

.b-design-progress-status-warning .b-design-progress-text .anticon {
    color: var(--b-design-warning-color)
}

.b-design-progress-circle-trail {
    stroke: #e6e7e8 !important
}

.b-design-progress-line .b-design-progress-text .anticon {
    margin-left: 8px
}

.b-design-progress-circle .b-design-progress-text {
    font-size: 24px
}

.b-design-progress-circle.b-design-progress-small .b-design-progress-text {
    font-size: 16px
}

.b-design-progress-status-normal .b-design-progress-bg {
    background-image: linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-50)) !important
}

.b-design-progress-status-success .b-design-progress-bg {
    background-image: linear-gradient(90deg, #029469, var(--b-design-success-color)) !important
}

.b-design-progress-status-exception .b-design-progress-bg {
    background-image: linear-gradient(90deg, var(--b-design-error-color), #ec4344) !important
}

.b-design-radio-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    font-size: 0
}

.b-design-radio-group .b-design-badge-count {
    z-index: 1
}

.b-design-radio-group>.b-design-badge:not(:first-child)>.b-design-radio-button-wrapper {
    border-left: none
}

.b-design-radio-wrapper {
    box-sizing: border-box;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-flex;
    align-items: baseline;
    margin: 0 8px 0 0;
    cursor: pointer
}

.b-design-radio-wrapper-disabled {
    cursor: not-allowed
}

.b-design-radio-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.b-design-radio-wrapper.b-design-radio-wrapper-in-form-item input[type=radio] {
    width: 14px;
    height: 14px
}

.b-design-radio {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    display: inline-block;
    outline: none;
    cursor: pointer
}

.b-design-radio-input:focus+.b-design-radio-inner,
.b-design-radio-wrapper:hover .b-design-radio,
.b-design-radio:hover .b-design-radio-inner {
    border-color: var(--b-design-primary-color)
}

.b-design-radio-input:focus+.b-design-radio-inner {
    box-shadow: 0 0 0 3px var(--b-design-primary-color)
}

.b-design-radio-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--b-design-primary-color);
    border-radius: 50%;
    visibility: hidden;
    -webkit-animation: antRadioEffect .36s ease-in-out;
    animation: antRadioEffect .36s ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    content: ""
}

.b-design-radio-wrapper:hover .b-design-radio:after,
.b-design-radio:hover:after {
    visibility: visible
}

.b-design-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 50%;
    transition: all .3s
}

.b-design-radio-inner:after {
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-color: var(--b-design-primary-color);
    border-top: 0;
    border-left: 0;
    border-radius: 16px
}

.b-design-radio-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.b-design-radio.b-design-radio-disabled .b-design-radio-inner {
    border-color: #d7d8db
}

.b-design-radio-checked .b-design-radio-inner:after {
    transform: scale(.5)
}

.b-design-radio-disabled {
    cursor: not-allowed
}

.b-design-radio-disabled .b-design-radio-inner {
    background-color: #f1f2f3;
    cursor: not-allowed
}

.b-design-radio-disabled .b-design-radio-inner:after {
    background-color: var(--b-design-primary-10)
}

.b-design-radio-disabled .b-design-radio-input {
    cursor: not-allowed
}

.b-design-radio-disabled+span {
    color: #b8bbc2;
    cursor: not-allowed
}

span.b-design-radio+* {
    padding-right: 8px;
    padding-left: 8px
}

.b-design-radio-button-wrapper {
    position: relative;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    color: #474a52;
    font-size: 14px;
    line-height: 30px;
    background: #fff;
    border-color: #d7d8db;
    border-style: solid;
    border-width: 1.02px 1px 1px 0;
    cursor: pointer;
    transition: color .3s, background .3s, border-color .3s, box-shadow .3s
}

.b-design-radio-button-wrapper a {
    color: #474a52
}

.b-design-radio-button-wrapper>.b-design-radio-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.b-design-radio-group-large .b-design-radio-button-wrapper {
    height: 40px;
    font-size: 16px;
    line-height: 38px
}

.b-design-radio-group-small .b-design-radio-button-wrapper {
    height: 28px;
    padding: 0 7px;
    line-height: 26px
}

.b-design-radio-button-wrapper:not(:first-child):before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    box-sizing: content-box;
    width: 1px;
    height: 100%;
    padding: 1px 0;
    background-color: #d7d8db;
    transition: background-color .3s;
    content: ""
}

.b-design-radio-button-wrapper:first-child {
    border-left: 1px solid #d7d8db;
    border-radius: 2px 0 0 2px
}

.b-design-radio-button-wrapper:last-child {
    border-radius: 0 2px 2px 0
}

.b-design-radio-button-wrapper:first-child:last-child {
    border-radius: 2px
}

.b-design-radio-button-wrapper:hover {
    position: relative;
    color: var(--b-design-primary-color)
}

.b-design-radio-button-wrapper:focus-within {
    box-shadow: none
}

.b-design-radio-button-wrapper .b-design-radio-inner,
.b-design-radio-button-wrapper input[type=checkbox],
.b-design-radio-button-wrapper input[type=radio] {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled) {
    z-index: 1;
    color: var(--b-design-primary-color);
    background: #fff;
    border-color: var(--b-design-primary-color)
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):before {
    background-color: var(--b-design-primary-color)
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):first-child {
    border-color: var(--b-design-primary-color)
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):hover {
    color: var(--b-design-primary-50);
    border-color: var(--b-design-primary-50)
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):hover:before {
    background-color: var(--b-design-primary-50)
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):active {
    color: var(--b-design-primary-70);
    border-color: var(--b-design-primary-70)
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):active:before {
    background-color: var(--b-design-primary-70)
}

.b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):focus-within {
    box-shadow: none
}

.b-design-radio-group-solid .b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled) {
    color: #fff;
    background: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-radio-group-solid .b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):hover {
    color: #fff;
    background: var(--b-design-primary-50);
    border-color: var(--b-design-primary-50)
}

.b-design-radio-group-solid .b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):active {
    color: #fff;
    background: var(--b-design-primary-70);
    border-color: var(--b-design-primary-70)
}

.b-design-radio-group-solid .b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled):focus-within {
    box-shadow: none
}

.b-design-radio-button-wrapper-disabled {
    cursor: not-allowed
}

.b-design-radio-button-wrapper-disabled,
.b-design-radio-button-wrapper-disabled:first-child,
.b-design-radio-button-wrapper-disabled:hover {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d7d8db
}

.b-design-radio-button-wrapper-disabled:first-child {
    border-left-color: #d7d8db
}

.b-design-radio-button-wrapper-disabled.b-design-radio-button-wrapper-checked {
    color: #b8bbc2;
    background-color: #e6e6e6;
    border-color: #d7d8db;
    box-shadow: none
}

@-webkit-keyframes antRadioEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes antRadioEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.b-design-radio-group.b-design-radio-group-rtl {
    direction: rtl
}

.b-design-radio-wrapper.b-design-radio-wrapper-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl
}

.b-design-radio-button-wrapper.b-design-radio-button-wrapper-rtl {
    border-right-width: 0;
    border-left-width: 1px
}

.b-design-radio-button-wrapper.b-design-radio-button-wrapper-rtl.b-design-radio-button-wrapper:not(:first-child):before {
    right: -1px;
    left: 0
}

.b-design-radio-button-wrapper.b-design-radio-button-wrapper-rtl.b-design-radio-button-wrapper:first-child {
    border-right: 1px solid #d7d8db;
    border-radius: 0 2px 2px 0
}

.b-design-radio-button-wrapper-checked:not([class*=" b-design-radio-button-wrapper-disabled"]).b-design-radio-button-wrapper:first-child {
    border-right-color: var(--b-design-primary-50)
}

.b-design-radio-button-wrapper.b-design-radio-button-wrapper-rtl.b-design-radio-button-wrapper:last-child {
    border-radius: 2px 0 0 2px
}

.b-design-radio-button-wrapper.b-design-radio-button-wrapper-rtl.b-design-radio-button-wrapper-disabled:first-child {
    border-right-color: #d7d8db
}

.b-design-radio-inner {
    border-color: #babcc2
}

.b-design-radio-inner:after {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: 0;
    margin-left: 0;
    transform: scale(0);
    opacity: 0;
    transition: all .3s cubic-bezier(.78, .14, .15, .86);
    content: " "
}

.b-design-radio-wrapper.b-design-radio-wrapper-in-form-item input[type=radio] {
    width: 16px;
    height: 16px
}

.b-design-radio-wrapper:hover .b-design-radio:not(.b-design-radio-checked):not(.b-design-radio-disabled) .b-design-radio-inner,
.b-design-radio:hover .b-design-radio:not(.b-design-radio-checked):not(.b-design-radio-disabled) .b-design-radio-inner {
    border-color: #81848f;
    box-shadow: 0 0 0 4px #edeef0
}

.b-design-radio-input:focus+.b-design-radio-inner {
    box-shadow: none !important
}

.b-design-radio-checked .b-design-radio-inner {
    border-color: var(--b-design-primary-color)
}

.b-design-radio-checked .b-design-radio-inner:after {
    transform: scale(1);
    opacity: 1;
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.b-design-radio-disabled .b-design-radio-inner {
    background-color: #edeef0;
    border-color: #d4d6db !important
}

.b-design-radio-disabled.b-design-radio-checked .b-design-radio-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-radio-disabled.b-design-radio-checked .b-design-radio-inner:after {
    background-color: var(--b-design-primary-10)
}

.b-design-radio-wrapper {
    align-items: center;
    line-height: 24px
}

.b-design-radio-wrapper .b-design-radio {
    top: unset
}

.b-design-radio-group {
    white-space: nowrap
}

.b-design-radio-group .b-design-radio-button-wrapper {
    padding: 0 12px
}

.b-design-radio-group .b-design-radio-button-wrapper .b-designicon {
    font-size: 16px
}

.b-design-radio-group .b-design-radio-button+span {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    height: 100%
}

.b-design-radio-group.b-design-radio-group-small .b-design-radio-button-wrapper {
    padding: 0 8px;
    font-size: 12px
}

.b-design-radio-group.b-design-radio-group-small .b-design-radio-button-wrapper .b-designicon {
    font-size: 14px
}

.b-design-radio-group.b-design-radio-group-small .b-design-radio-button-wrapper .b-design-radio-button+span {
    gap: 4px
}

.b-design-radio-group.b-design-radio-group-large .b-design-radio-button-wrapper {
    padding: 0 12px;
    font-size: 14px
}

.b-design-radio-group.b-design-radio-group-large .b-design-radio-button-wrapper .b-designicon {
    font-size: 16px
}

.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper:not(.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper-disabled):not(.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper-checked):hover {
    color: #474a52;
    border-color: #81848f
}

.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper:not(.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper-disabled):not(.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper-checked):hover+.b-design-radio-button-wrapper:not(.b-design-radio-button-wrapper-disabled):not(.b-design-radio-button-wrapper-checked):before,
.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper:not(.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper-disabled):not(.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper-checked):hover:before {
    background-color: #81848f
}

.b-design-radio-group.b-design-radio-group-outline .b-design-radio-button-wrapper-checked:not(.b-design-radio-button-wrapper-disabled) {
    color: var(--b-design-primary-color) !important;
    border-color: var(--b-design-primary-color) !important
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper {
    color: #81848f;
    border-color: #d4d6db;
    border-top-width: 1px
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper:not(:last-child) {
    border-right-width: 0
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper:not(.b-design-radio-button-wrapper-disabled):hover {
    background-color: #fff
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper:not(.b-design-radio-button-wrapper-disabled):hover>.b-design-radio-button {
    background-color: #f1f2f3
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper:before {
    content: none
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper>.b-design-radio-button {
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    z-index: 0;
    width: auto;
    height: 26px;
    background-color: transparent;
    border-radius: 2px;
    transition: background-color .3s cubic-bezier(.78, .14, .15, .86)
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper>.b-design-radio-button~* {
    position: relative
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-checked {
    color: #1f2024 !important
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-checked:not(.b-design-radio-wrapper-disabled) {
    background: #fff !important
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-checked:not(.b-design-radio-wrapper-disabled):hover {
    border-color: #d4d6db
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-checked>.b-design-radio-button {
    background-color: #f1f2f3
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-checked:not(.b-design-radio-wrapper-disabled).b-design-radio-button-wrapper:first-child {
    border-right-color: transparent
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-disabled {
    color: #b8bbc2;
    background-color: #fff
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-disabled .b-design-radio-button {
    background-color: #fff
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-disabled.b-design-radio-button-wrapper-checked {
    color: #b8bbc2 !important
}

.b-design-radio-group.b-design-radio-group-solid .b-design-radio-button-wrapper-disabled.b-design-radio-button-wrapper-checked>.b-design-radio-button {
    background-color: #f1f2f3
}

.b-design-radio-group.b-design-radio-group-solid.b-design-radio-group-large .b-design-radio-button-wrapper {
    height: 40px;
    line-height: 40px;
    border-top-width: 1px
}

.b-design-radio-group.b-design-radio-group-solid.b-design-radio-group-large .b-design-radio-button-wrapper .b-designicon {
    font-size: 16px
}

.b-design-radio-group.b-design-radio-group-solid.b-design-radio-group-large .b-design-radio-button-wrapper .b-design-radio-button {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    height: 32px
}

.b-design-radio-group.b-design-radio-group-solid.b-design-radio-group-small .b-design-radio-button-wrapper {
    height: 28px;
    line-height: 28px;
    border-top-width: 1px
}

.b-design-radio-group.b-design-radio-group-solid.b-design-radio-group-small .b-design-radio-button-wrapper .b-designicon {
    font-size: 14px
}

.b-design-radio-group.b-design-radio-group-solid.b-design-radio-group-small .b-design-radio-button-wrapper .b-design-radio-button {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    height: 24px
}

.b-design-rate {
    box-sizing: border-box;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    display: inline-block;
    margin: 0;
    padding: 0;
    color: var(--b-design-primary-color);
    font-size: 20px;
    line-height: unset;
    list-style: none;
    outline: none
}

.b-design-rate-disabled .b-design-rate-star {
    cursor: default
}

.b-design-rate-disabled .b-design-rate-star>div:hover {
    transform: scale(1)
}

.b-design-rate-star {
    position: relative;
    display: inline-block;
    color: inherit;
    cursor: pointer
}

.b-design-rate-star:not(:last-child) {
    margin-right: 8px
}

.b-design-rate-star>div {
    transition: all .3s, outline 0s
}

.b-design-rate-star>div:hover {
    transform: scale(1)
}

.b-design-rate-star>div:focus {
    outline: 0
}

.b-design-rate-star>div:focus-visible {
    outline: 1px dashed var(--b-design-primary-color);
    transform: scale(1)
}

.b-design-rate-star-first,
.b-design-rate-star-second {
    color: #d7d8db;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-rate-star-first .anticon,
.b-design-rate-star-second .anticon {
    vertical-align: middle
}

.b-design-rate-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.b-design-rate-star-half .b-design-rate-star-first,
.b-design-rate-star-half .b-design-rate-star-second {
    opacity: 1
}

.b-design-rate-star-full .b-design-rate-star-second,
.b-design-rate-star-half .b-design-rate-star-first {
    color: inherit
}

.b-design-rate-text {
    display: inline-block;
    margin: 0 8px;
    font-size: 14px
}

.b-design-rate-rtl {
    direction: rtl
}

.b-design-rate-rtl .b-design-rate-star:not(:last-child) {
    margin-right: 0;
    margin-left: 8px
}

.b-design-rate-rtl .b-design-rate-star-first {
    right: 0;
    left: auto
}

.b-design-rate-text {
    height: 24px;
    margin-left: 17px;
    color: #474a52;
    line-height: 24px;
    letter-spacing: .25px
}

.b-design-result {
    padding: 48px 32px
}

.b-design-result-success .b-design-result-icon>.anticon {
    color: var(--b-design-success-color)
}

.b-design-result-error .b-design-result-icon>.anticon {
    color: var(--b-design-error-color)
}

.b-design-result-info .b-design-result-icon>.anticon {
    color: var(--b-design-primary-color)
}

.b-design-result-warning .b-design-result-icon>.anticon {
    color: var(--b-design-warning-color)
}

.b-design-result-image {
    width: 250px;
    height: 295px;
    margin: auto
}

.b-design-result-icon {
    margin-bottom: 24px;
    text-align: center
}

.b-design-result-icon>.anticon {
    font-size: 72px
}

.b-design-result-title {
    color: #1f2024;
    font-size: 24px;
    line-height: 1.8;
    text-align: center
}

.b-design-result-subtitle {
    color: #474a52;
    font-size: 14px;
    line-height: 1.6;
    text-align: center
}

.b-design-result-extra {
    margin: 24px 0 0;
    text-align: center
}

.b-design-result-extra>* {
    margin-right: 8px
}

.b-design-result-extra>:last-child {
    margin-right: 0
}

.b-design-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: #fafafa
}

.b-design-result-rtl {
    direction: rtl
}

.b-design-result-rtl .b-design-result-extra>* {
    margin-right: 0;
    margin-left: 8px
}

.b-design-result-rtl .b-design-result-extra>:last-child {
    margin-left: 0
}

.segmented-disabled-item,
.segmented-disabled-item:focus,
.segmented-disabled-item:hover {
    color: #b8bbc2;
    cursor: not-allowed
}

.segmented-item-selected {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .05), 0 1px 4px -1px rgba(0, 0, 0, .07), 0 0 1px 0 rgba(0, 0, 0, .08)
}

.segmented-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all
}

.b-design-segmented {
    box-sizing: border-box;
    margin: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    padding: 2px;
    color: rgba(0, 0, 0, .65);
    background-color: rgba(0, 0, 0, .04);
    border-radius: 2px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.b-design-segmented-group {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-items: flex-start;
    width: 100%
}

.b-design-segmented.b-design-segmented-block {
    display: flex
}

.b-design-segmented.b-design-segmented-block .b-design-segmented-item {
    flex: 1;
    min-width: 0
}

.b-design-segmented:not(.b-design-segmented-disabled):focus,
.b-design-segmented:not(.b-design-segmented-disabled):hover {
    background-color: rgba(0, 0, 0, .06)
}

.b-design-segmented-item {
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: color .3s cubic-bezier(.645, .045, .355, 1)
}

.b-design-segmented-item-selected {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .05), 0 1px 4px -1px rgba(0, 0, 0, .07), 0 0 1px 0 rgba(0, 0, 0, .08);
    color: #262626
}

.b-design-segmented-item:focus,
.b-design-segmented-item:hover {
    color: #262626
}

.b-design-segmented-item-label {
    min-height: 28px;
    padding: 0 11px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all
}

.b-design-segmented-item-icon+* {
    margin-left: 6px
}

.b-design-segmented-item-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

.b-design-segmented.b-design-segmented-lg .b-design-segmented-item-label {
    min-height: 36px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 36px
}

.b-design-segmented.b-design-segmented-sm .b-design-segmented-item-label {
    min-height: 24px;
    padding: 0 11px;
    line-height: 24px
}

.b-design-segmented-item-disabled,
.b-design-segmented-item-disabled:focus,
.b-design-segmented-item-disabled:hover {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-segmented-thumb {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .05), 0 1px 4px -1px rgba(0, 0, 0, .07), 0 0 1px 0 rgba(0, 0, 0, .08);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    padding: 4px 0
}

.b-design-segmented-thumb-motion-appear-active {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), width .3s cubic-bezier(.645, .045, .355, 1);
    will-change: transform, width
}

.b-design-segmented.b-design-segmented-rtl {
    direction: rtl
}

.b-design-segmented.b-design-segmented-rtl .b-design-segmented-item-icon {
    margin-right: 0;
    margin-left: 6px
}

.b-design-select-single .b-design-select-selector {
    display: flex
}

.b-design-select-single .b-design-select-selector .b-design-select-selection-search {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    left: 11px
}

.b-design-select-single .b-design-select-selector .b-design-select-selection-search-input {
    width: 100%
}

.b-design-select-single .b-design-select-selector .b-design-select-selection-item,
.b-design-select-single .b-design-select-selector .b-design-select-selection-placeholder {
    padding: 0;
    line-height: 30px;
    transition: all .3s
}

.b-design-select-single .b-design-select-selector .b-design-select-selection-item {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-select-single .b-design-select-selector .b-design-select-selection-placeholder {
    transition: none;
    pointer-events: none
}

.b-design-select-single .b-design-select-selector .b-design-select-selection-item:after,
.b-design-select-single .b-design-select-selector .b-design-select-selection-placeholder:after,
.b-design-select-single .b-design-select-selector:after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.b-design-select-single.b-design-select-show-arrow .b-design-select-selection-search {
    right: 25px
}

.b-design-select-single.b-design-select-show-arrow .b-design-select-selection-item,
.b-design-select-single.b-design-select-show-arrow .b-design-select-selection-placeholder {
    padding-right: 18px
}

.b-design-select-single.b-design-select-open .b-design-select-selection-item {
    color: #81848f
}

.b-design-select-single:not(.b-design-select-customize-input) .b-design-select-selector {
    width: 100%;
    height: 32px;
    padding: 0 11px
}

.b-design-select-single:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-search-input {
    height: 30px
}

.b-design-select-single:not(.b-design-select-customize-input) .b-design-select-selector:after {
    line-height: 30px
}

.b-design-select-single.b-design-select-customize-input .b-design-select-selector:after {
    display: none
}

.b-design-select-single.b-design-select-customize-input .b-design-select-selector .b-design-select-selection-search {
    position: static;
    width: 100%
}

.b-design-select-single.b-design-select-customize-input .b-design-select-selector .b-design-select-selection-placeholder {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 11px
}

.b-design-select-single.b-design-select-customize-input .b-design-select-selector .b-design-select-selection-placeholder:after {
    display: none
}

.b-design-select-single.b-design-select-lg:not(.b-design-select-customize-input) .b-design-select-selector {
    height: 40px
}

.b-design-select-single.b-design-select-lg:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-item,
.b-design-select-single.b-design-select-lg:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-placeholder,
.b-design-select-single.b-design-select-lg:not(.b-design-select-customize-input) .b-design-select-selector:after {
    line-height: 38px
}

.b-design-select-single.b-design-select-lg:not(.b-design-select-customize-input):not(.b-design-select-customize-input) .b-design-select-selection-search-input {
    height: 38px
}

.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector {
    height: 28px
}

.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-item,
.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-placeholder,
.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector:after {
    line-height: 26px
}

.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input):not(.b-design-select-customize-input) .b-design-select-selection-search-input {
    height: 26px
}

.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selection-search {
    right: 11px;
    left: 11px
}

.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input) .b-design-select-selector {
    padding: 0 11px
}

.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input).b-design-select-show-arrow .b-design-select-selection-search {
    right: 32px
}

.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input).b-design-select-show-arrow .b-design-select-selection-item,
.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input).b-design-select-show-arrow .b-design-select-selection-placeholder {
    padding-right: 21px
}

.b-design-select-single.b-design-select-lg:not(.b-design-select-customize-input) .b-design-select-selector {
    padding: 0 15px
}

.b-design-select-selection-overflow {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%
}

.b-design-select-selection-overflow-item {
    flex: none;
    align-self: center;
    max-width: 100%
}

.b-design-select-multiple .b-design-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 3px 6px
}

.b-design-select-show-search.b-design-select-multiple .b-design-select-selector {
    cursor: text
}

.b-design-select-disabled.b-design-select-multiple .b-design-select-selector {
    background: #f1f2f3;
    cursor: not-allowed
}

.b-design-select-multiple .b-design-select-selector:after {
    display: inline-block;
    width: 0;
    margin: 3px 0;
    line-height: 20px;
    content: "\a0"
}

.b-design-select-multiple.b-design-select-allow-clear .b-design-select-selector,
.b-design-select-multiple.b-design-select-show-arrow .b-design-select-selector {
    padding-right: 28px
}

.b-design-select-multiple .b-design-select-selection-item {
    position: relative;
    display: flex;
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 18px;
    background: #f1f2f3;
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    transition: font-size .3s, line-height .3s, height .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    -webkit-padding-end: 4px;
    padding-inline-end: 4px
}

.b-design-select-disabled.b-design-select-multiple .b-design-select-selection-item {
    border-color: #d7d8db
}

.b-design-select-multiple .b-design-select-selection-item-content {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.b-design-select-multiple .b-design-select-selection-item-remove {
    color: #474a52;
    font-weight: 700;
    font-size: 10px
}

.b-design-select-multiple .b-design-select-selection-item-remove:hover {
    color: rgba(0, 0, 0, .75)
}

.b-design-select-multiple .b-design-select-selection-overflow-item+.b-design-select-selection-overflow-item .b-design-select-selection-search {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.b-design-select-multiple .b-design-select-selection-search {
    position: relative;
    max-width: 100%;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px
}

.b-design-select-multiple .b-design-select-selection-search-input,
.b-design-select-multiple .b-design-select-selection-search-mirror {
    height: 20px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, -apple-system, Arial, sans-serif, Microsoft Yahei, Microsoft JhengHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    line-height: 20px;
    transition: all .3s
}

.b-design-select-multiple .b-design-select-selection-search-input {
    width: 100%;
    min-width: 4.1px
}

.b-design-select-multiple .b-design-select-selection-search-mirror {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden
}

.b-design-select-multiple .b-design-select-selection-placeholder {
    position: absolute;
    top: 50%;
    right: 11px;
    left: 11px;
    transform: translateY(-50%);
    transition: all .3s
}

.b-design-select-multiple.b-design-select-lg .b-design-select-selector:after {
    line-height: 28px
}

.b-design-select-multiple.b-design-select-lg .b-design-select-selection-item {
    height: 28px;
    line-height: 26px
}

.b-design-select-multiple.b-design-select-lg .b-design-select-selection-search {
    height: 28px;
    line-height: 28px
}

.b-design-select-multiple.b-design-select-lg .b-design-select-selection-search-input,
.b-design-select-multiple.b-design-select-lg .b-design-select-selection-search-mirror {
    height: 28px;
    line-height: 26px
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selector:after {
    line-height: 16px
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selection-item {
    height: 16px;
    line-height: 14px
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selection-search {
    height: 16px;
    line-height: 16px
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selection-search-input,
.b-design-select-multiple.b-design-select-sm .b-design-select-selection-search-mirror {
    height: 16px;
    line-height: 14px
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selection-placeholder {
    left: 11px
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selection-search {
    -webkit-margin-start: 3px;
    margin-inline-start: 3px
}

.b-design-select-disabled .b-design-select-selection-item-remove {
    display: none
}

.b-design-select-status-error.b-design-select:not(.b-design-select-disabled):not(.b-design-select-customize-input):not(.b-design-pagination-size-changer) .b-design-select-selector {
    background-color: #fff;
    border-color: var(--b-design-error-color) !important
}

.b-design-select-status-error.b-design-select:not(.b-design-select-disabled):not(.b-design-select-customize-input):not(.b-design-pagination-size-changer).b-design-select-focused .b-design-select-selector,
.b-design-select-status-error.b-design-select:not(.b-design-select-disabled):not(.b-design-select-customize-input):not(.b-design-pagination-size-changer).b-design-select-open .b-design-select-selector {
    border-color: var(--b-design-error-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-error-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-select-status-warning.b-design-select:not(.b-design-select-disabled):not(.b-design-select-customize-input):not(.b-design-pagination-size-changer) .b-design-select-selector {
    background-color: #fff;
    border-color: var(--b-design-warning-color) !important
}

.b-design-select-status-warning.b-design-select:not(.b-design-select-disabled):not(.b-design-select-customize-input):not(.b-design-pagination-size-changer).b-design-select-focused .b-design-select-selector,
.b-design-select-status-warning.b-design-select:not(.b-design-select-disabled):not(.b-design-select-customize-input):not(.b-design-pagination-size-changer).b-design-select-open .b-design-select-selector {
    border-color: var(--b-design-warning-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-warning-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-select-status-error.b-design-select-has-feedback .b-design-select-clear,
.b-design-select-status-success.b-design-select-has-feedback .b-design-select-clear,
.b-design-select-status-validating.b-design-select-has-feedback .b-design-select-clear,
.b-design-select-status-warning.b-design-select-has-feedback .b-design-select-clear {
    right: 32px
}

.b-design-select-status-error.b-design-select-has-feedback .b-design-select-selection-selected-value,
.b-design-select-status-success.b-design-select-has-feedback .b-design-select-selection-selected-value,
.b-design-select-status-validating.b-design-select-has-feedback .b-design-select-selection-selected-value,
.b-design-select-status-warning.b-design-select-has-feedback .b-design-select-selection-selected-value {
    padding-right: 42px
}

.b-design-select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    cursor: pointer
}

.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector {
    position: relative;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector input {
    cursor: pointer
}

.b-design-select-show-search.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector {
    cursor: text
}

.b-design-select-show-search.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector input {
    cursor: auto
}

.b-design-select-focused:not(.b-design-select-disabled).b-design-select:not(.b-design-select-customize-input) .b-design-select-selector {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px
}

.b-design-select-disabled.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector {
    color: #b8bbc2;
    background: #f1f2f3;
    cursor: not-allowed
}

.b-design-select-multiple.b-design-select-disabled.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector {
    background: #f1f2f3
}

.b-design-select-disabled.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector input {
    cursor: not-allowed
}

.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-search-input {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.b-design-select:not(.b-design-select-customize-input) .b-design-select-selector .b-design-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.b-design-select:not(.b-design-select-disabled):hover .b-design-select-selector {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-select-selection-item {
    flex: 1;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (-ms-high-contrast:none) {

    .b-design-select-selection-item,
    .b-design-select-selection-item ::-ms-backdrop {
        flex: auto
    }
}

.b-design-select-selection-placeholder {
    flex: 1;
    overflow: hidden;
    color: #81848f;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

@media (-ms-high-contrast:none) {

    .b-design-select-selection-placeholder,
    .b-design-select-selection-placeholder ::-ms-backdrop {
        flex: auto
    }
}

.b-design-select-arrow {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 15px;
    display: flex;
    align-items: center;
    height: 12px;
    margin-top: -6px;
    color: #b8bbc2;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    pointer-events: none
}

.b-design-select-arrow>* {
    line-height: 1
}

.b-design-select-arrow svg {
    display: inline-block
}

.b-design-select-arrow:before {
    display: none
}

.b-design-select-arrow .b-design-select-arrow-icon {
    display: block
}

.b-design-select-arrow .anticon {
    vertical-align: top;
    transition: transform .3s
}

.b-design-select-arrow .anticon>svg {
    vertical-align: top
}

.b-design-select-arrow .anticon:not(.b-design-select-suffix) {
    pointer-events: auto
}

.b-design-select-disabled .b-design-select-arrow {
    cursor: not-allowed
}

.b-design-select-arrow>:not(:last-child) {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.b-design-select-clear {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: #b8bbc2;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    background: #fff;
    cursor: pointer;
    opacity: 0;
    transition: color .3s ease, opacity .15s ease;
    text-rendering: auto
}

.b-design-select-clear:before {
    display: block
}

.b-design-select-clear:hover {
    color: #474a52
}

.b-design-select:hover .b-design-select-clear {
    opacity: 1
}

.b-design-select-dropdown {
    margin: 0;
    color: #474a52;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    padding: 10px 0;
    overflow: hidden;
    font-size: 14px;
    font-variant: normal;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-select-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-select-dropdown-placement-bottomLeft,
.b-design-select-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.b-design-select-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-select-dropdown-placement-topLeft,
.b-design-select-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-select-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.b-design-select-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.b-design-select-dropdown.b-design-slide-up-leave.b-design-slide-up-leave-active.b-design-select-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.b-design-select-dropdown-hidden {
    display: none
}

.b-design-select-dropdown-empty {
    color: #b8bbc2
}

.b-design-select-item-empty {
    color: #474a52;
    color: #b8bbc2
}

.b-design-select-item,
.b-design-select-item-empty {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 6px 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px
}

.b-design-select-item {
    color: #474a52;
    cursor: pointer;
    transition: background .3s ease
}

.b-design-select-item-group {
    color: #474a52;
    font-size: 12px;
    cursor: default
}

.b-design-select-item-option {
    display: flex
}

.b-design-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-select-item-option-state {
    flex: none
}

.b-design-select-item-option-active:not(.b-design-select-item-option-disabled) {
    background-color: #f1f2f3
}

.b-design-select-item-option-selected:not(.b-design-select-item-option-disabled) {
    color: #474a52;
    font-weight: 400;
    background-color: #edeef0
}

.b-design-select-item-option-selected:not(.b-design-select-item-option-disabled) .b-design-select-item-option-state {
    color: var(--b-design-primary-color)
}

.b-design-select-item-option-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-select-item-option-disabled.b-design-select-item-option-selected {
    background-color: #f1f2f3
}

.b-design-select-item-option-grouped {
    padding-left: 32px
}

.b-design-select-lg {
    font-size: 16px
}

.b-design-select-borderless .b-design-select-selector {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.b-design-select.b-design-select-in-form-item {
    width: 100%
}

.b-design-select-rtl {
    direction: rtl
}

.b-design-select-rtl .b-design-select-arrow,
.b-design-select-rtl .b-design-select-clear {
    right: auto;
    left: 15px
}

.b-design-select-dropdown-rtl {
    direction: rtl
}

.b-design-select-dropdown-rtl .b-design-select-item-option-grouped {
    padding-right: 32px;
    padding-left: 16px
}

.b-design-select-rtl.b-design-select-multiple.b-design-select-allow-clear .b-design-select-selector,
.b-design-select-rtl.b-design-select-multiple.b-design-select-show-arrow .b-design-select-selector {
    padding-right: 6px;
    padding-left: 28px
}

.b-design-select-rtl.b-design-select-multiple .b-design-select-selection-item {
    text-align: right
}

.b-design-select-rtl.b-design-select-multiple .b-design-select-selection-item-content {
    margin-right: 0;
    margin-left: 4px;
    text-align: right
}

.b-design-select-rtl.b-design-select-multiple .b-design-select-selection-search-mirror {
    right: 0;
    left: auto
}

.b-design-select-rtl.b-design-select-multiple .b-design-select-selection-placeholder {
    right: 11px;
    left: auto
}

.b-design-select-rtl.b-design-select-multiple.b-design-select-sm .b-design-select-selection-placeholder {
    right: 11px
}

.b-design-select-rtl.b-design-select-single .b-design-select-selector .b-design-select-selection-item,
.b-design-select-rtl.b-design-select-single .b-design-select-selector .b-design-select-selection-placeholder {
    right: 0;
    left: 9px;
    text-align: right
}

.b-design-select-rtl.b-design-select-single.b-design-select-show-arrow .b-design-select-selection-search {
    right: 11px;
    left: 25px
}

.b-design-select-rtl.b-design-select-single.b-design-select-show-arrow .b-design-select-selection-item,
.b-design-select-rtl.b-design-select-single.b-design-select-show-arrow .b-design-select-selection-placeholder {
    padding-right: 0;
    padding-left: 18px
}

.b-design-select-rtl.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input).b-design-select-show-arrow .b-design-select-selection-search {
    right: 10px
}

.b-design-select-rtl.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input).b-design-select-show-arrow .b-design-select-selection-item,
.b-design-select-rtl.b-design-select-single.b-design-select-sm:not(.b-design-select-customize-input).b-design-select-show-arrow .b-design-select-selection-placeholder {
    padding-right: 0;
    padding-left: 21px
}

.b-design-select {
    font-size: 13px
}

.b-design-select-focused:not(.b-design-select-disabled).b-design-select:not(.b-design-select-customize-input) .b-design-select-selector {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.b-design-select .anticon,
.b-design-select .b-design-select-arrow,
.b-design-select .b-design-select-clear {
    font-size: 16px
}

.b-design-select-arrow,
.b-design-select-clear {
    right: 7px;
    width: auto;
    height: auto;
    margin-top: 0;
    transform: translateY(-50%)
}

.b-design-select-arrow {
    color: #81848f;
    transition: transform .3s
}

.b-design-select-arrow .anticon-down svg {
    display: none !important
}

.b-design-select-arrow .anticon-down:after {
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e7ad"
}

.b-design-select-clear {
    right: 7px;
    width: 16px;
    height: 16px;
    background-color: transparent
}

.b-design-select-clear:after {
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: -1;
    width: 20px;
    height: 20px;
    background: #f1f2f3;
    border-radius: 100%;
    opacity: 0;
    transition: all .3s ease-out;
    content: ""
}

.b-design-select-clear:hover:after {
    opacity: 1
}

.b-design-select-clear>.anticon {
    position: absolute;
    top: 0;
    right: 0
}

.b-design-select-clear>.anticon svg {
    display: none !important
}

.b-design-select-clear>.anticon:after {
    top: 0;
    width: 16px;
    height: 16px;
    color: #81848f;
    font-family: iconfont !important;
    line-height: 16px;
    content: "\e7b2"
}

.b-design-select-focused:hover .b-design-select-clear,
.b-design-select:hover .b-design-select-clear {
    background-color: #fff
}

.b-design-select-disabled .b-design-select-arrow {
    color: #b8bbc2
}

.b-design-select-open:not(.b-design-select-show-search) .b-design-select-arrow .anticon-down {
    transform: rotate(180deg)
}

.b-design-select-lg {
    font-size: 14px
}

.b-design-select-lg .b-design-select-arrow,
.b-design-select-lg .b-design-select-clear {
    right: 11px
}

.b-design-select-sm {
    font-size: 12px
}

.b-design-select-sm .anticon,
.b-design-select-sm .b-design-select-arrow,
.b-design-select-sm .b-design-select-clear {
    font-size: 14px
}

.b-design-select-sm .b-design-select-arrow .anticon-down:after {
    width: 14px;
    height: 14px;
    line-height: 14px
}

.b-design-select-sm .b-design-select-clear {
    width: 14px;
    height: 14px;
    background-color: transparent
}

.b-design-select-sm .b-design-select-clear:after {
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: -1;
    width: 18px;
    height: 18px;
    content: ""
}

.b-design-select-sm .b-design-select-clear>.anticon {
    position: absolute;
    top: 0;
    right: 0
}

.b-design-select-sm .b-design-select-clear>.anticon svg {
    display: none !important
}

.b-design-select-sm .b-design-select-clear>.anticon:after {
    top: 0;
    width: 14px;
    height: 14px;
    font-family: iconfont !important;
    line-height: 14px;
    content: "\e7b2"
}

.b-design-select-dropdown {
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 0 3px 12px 0 rgba(47, 49, 51, .12);
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1)
}

.b-design-select-dropdown .rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-show {
    right: 4px !important;
    display: block !important;
    width: 4px !important
}

.b-design-select-dropdown .rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-show .rc-virtual-list-scrollbar-thumb {
    background-color: #d7d8db !important
}

.b-design-select-item-group {
    color: #81848f
}

.b-design-select-item-option-state {
    display: none !important
}

.b-design-select-item-option-grouped {
    padding-left: 16px
}

.b-design-select-multiple .b-design-select-selector {
    padding: 3px;
    line-height: 24px
}

.b-design-select-multiple .b-design-select-selector:after {
    content: unset
}

.b-design-select-multiple .b-design-select-selector .b-design-select-selection-overflow {
    gap: 4px 4px
}

.b-design-select-multiple .b-design-select-selection-item {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 24px;
    border: 0;
    cursor: default;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 6px;
    padding-inline-end: 6px
}

.b-design-select-disabled.b-design-select-multiple .b-design-select-selection-item {
    color: #bfbfbf;
    cursor: not-allowed
}

.b-design-select-multiple .b-design-select-selection-item-content {
    margin-right: 6px
}

.b-design-select-multiple .b-design-select-selection-item-remove {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    color: #81848f;
    font-weight: 400;
    font-size: 12px;
    line-height: inherit;
    cursor: pointer
}

.b-design-select-multiple .b-design-select-selection-item-remove>* {
    line-height: 1
}

.b-design-select-multiple .b-design-select-selection-item-remove svg {
    display: inline-block
}

.b-design-select-multiple .b-design-select-selection-item-remove:before {
    display: none
}

.b-design-select-multiple .b-design-select-selection-item-remove .b-design-select-multiple .b-design-select-selection-item-remove-icon {
    display: block
}

.b-design-select-multiple .b-design-select-selection-item-remove>.anticon {
    position: relative;
    z-index: 3;
    font-weight: 400;
    font-size: 12px;
    vertical-align: middle
}

.b-design-select-multiple .b-design-select-selection-item-remove>.anticon svg {
    display: none !important
}

.b-design-select-multiple .b-design-select-selection-item-remove>.anticon:after {
    width: 12px;
    height: 12px;
    font-family: iconfont !important;
    line-height: 12px;
    content: "\e7b2"
}

.b-design-select-multiple .b-design-select-selection-item-remove:after {
    position: absolute;
    top: 50%;
    left: -2px;
    width: 16px;
    height: 16px;
    background: #edeef0;
    border-radius: 100%;
    transform: translateY(-50%);
    opacity: 0;
    content: ""
}

.b-design-select-multiple .b-design-select-selection-item-remove:hover {
    color: #81848f
}

.b-design-select-multiple .b-design-select-selection-item-remove:hover:after {
    opacity: 1
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selector {
    line-height: 20px
}

.b-design-select-multiple.b-design-select-sm .b-design-select-selection-item {
    height: 20px;
    line-height: 20px
}

.b-design-select-multiple.b-design-select-lg .b-design-select-selector {
    line-height: 32px
}

.b-design-select-multiple.b-design-select-lg .b-design-select-selection-item {
    height: 32px;
    line-height: 32px
}

.b-design-select-status-error {
    box-shadow: none !important
}

.b-design-select-status-error,
.b-design-select-status-error:focus:not(.b-design-select-status-error-disabled),
.b-design-select-status-error:hover:not(.b-design-select-status-error-disabled) {
    background-color: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-select-status-error .b-design-select-selector {
    box-shadow: none !important
}

.b-design-select-status-warning {
    box-shadow: none !important
}

.b-design-select-status-warning,
.b-design-select-status-warning:focus:not(.b-design-select-status-warning-disabled),
.b-design-select-status-warning:hover:not(.b-design-select-status-warning-disabled) {
    background-color: #fff;
    border-color: var(--b-design-warning-color)
}

.b-design-select-status-warning .b-design-select-selector {
    box-shadow: none !important
}

.b-design-skeleton {
    display: table;
    width: 100%
}

.b-design-skeleton-header {
    display: table-cell;
    padding-right: 16px;
    vertical-align: top
}

.b-design-skeleton-header .b-design-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: hsla(0, 0%, 74.5%, .2);
    width: 32px;
    height: 32px;
    line-height: 32px
}

.b-design-skeleton-header .b-design-skeleton-avatar.b-design-skeleton-avatar-circle {
    border-radius: 50%
}

.b-design-skeleton-header .b-design-skeleton-avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.b-design-skeleton-header .b-design-skeleton-avatar-lg.b-design-skeleton-avatar-circle {
    border-radius: 50%
}

.b-design-skeleton-header .b-design-skeleton-avatar-sm {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.b-design-skeleton-header .b-design-skeleton-avatar-sm.b-design-skeleton-avatar-circle {
    border-radius: 50%
}

.b-design-skeleton-content {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.b-design-skeleton-content .b-design-skeleton-title {
    width: 100%;
    height: 16px;
    background: hsla(0, 0%, 74.5%, .2);
    border-radius: 2px
}

.b-design-skeleton-content .b-design-skeleton-title+.b-design-skeleton-paragraph {
    margin-top: 24px
}

.b-design-skeleton-content .b-design-skeleton-paragraph {
    padding: 0
}

.b-design-skeleton-content .b-design-skeleton-paragraph>li {
    width: 100%;
    height: 16px;
    list-style: none;
    background: hsla(0, 0%, 74.5%, .2);
    border-radius: 2px
}

.b-design-skeleton-content .b-design-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
    width: 61%
}

.b-design-skeleton-content .b-design-skeleton-paragraph>li+li {
    margin-top: 16px
}

.b-design-skeleton-with-avatar .b-design-skeleton-content .b-design-skeleton-title {
    margin-top: 12px
}

.b-design-skeleton-with-avatar .b-design-skeleton-content .b-design-skeleton-title+.b-design-skeleton-paragraph {
    margin-top: 28px
}

.b-design-skeleton-round .b-design-skeleton-content .b-design-skeleton-paragraph>li,
.b-design-skeleton-round .b-design-skeleton-content .b-design-skeleton-title {
    border-radius: 100px
}

.b-design-skeleton-active .b-design-skeleton-avatar,
.b-design-skeleton-active .b-design-skeleton-button,
.b-design-skeleton-active .b-design-skeleton-image,
.b-design-skeleton-active .b-design-skeleton-input,
.b-design-skeleton-active .b-design-skeleton-paragraph>li,
.b-design-skeleton-active .b-design-skeleton-title {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: transparent
}

.b-design-skeleton-active .b-design-skeleton-avatar:after,
.b-design-skeleton-active .b-design-skeleton-button:after,
.b-design-skeleton-active .b-design-skeleton-image:after,
.b-design-skeleton-active .b-design-skeleton-input:after,
.b-design-skeleton-active .b-design-skeleton-paragraph>li:after,
.b-design-skeleton-active .b-design-skeleton-title:after {
    position: absolute;
    top: 0;
    right: -150%;
    bottom: 0;
    left: -150%;
    background: linear-gradient(90deg, hsla(0, 0%, 74.5%, .2) 25%, hsla(0, 0%, 50.6%, .24) 37%, hsla(0, 0%, 74.5%, .2) 63%);
    -webkit-animation: b-design-skeleton-loading 1.4s ease infinite;
    animation: b-design-skeleton-loading 1.4s ease infinite;
    content: ""
}

.b-design-skeleton.b-design-skeleton-block,
.b-design-skeleton.b-design-skeleton-block .b-design-skeleton-button,
.b-design-skeleton.b-design-skeleton-block .b-design-skeleton-input {
    width: 100%
}

.b-design-skeleton-element {
    display: inline-block;
    width: auto
}

.b-design-skeleton-element .b-design-skeleton-button {
    display: inline-block;
    vertical-align: top;
    background: hsla(0, 0%, 74.5%, .2);
    border-radius: 2px;
    width: 64px;
    min-width: 64px;
    height: 32px;
    line-height: 32px
}

.b-design-skeleton-element .b-design-skeleton-button.b-design-skeleton-button-square {
    width: 32px;
    min-width: 32px
}

.b-design-skeleton-element .b-design-skeleton-button.b-design-skeleton-button-circle {
    width: 32px;
    min-width: 32px;
    border-radius: 50%
}

.b-design-skeleton-element .b-design-skeleton-button.b-design-skeleton-button-round {
    border-radius: 32px
}

.b-design-skeleton-element .b-design-skeleton-button-lg {
    width: 80px;
    min-width: 80px;
    height: 40px;
    line-height: 40px
}

.b-design-skeleton-element .b-design-skeleton-button-lg.b-design-skeleton-button-square {
    width: 40px;
    min-width: 40px
}

.b-design-skeleton-element .b-design-skeleton-button-lg.b-design-skeleton-button-circle {
    width: 40px;
    min-width: 40px;
    border-radius: 50%
}

.b-design-skeleton-element .b-design-skeleton-button-lg.b-design-skeleton-button-round {
    border-radius: 40px
}

.b-design-skeleton-element .b-design-skeleton-button-sm {
    width: 56px;
    min-width: 56px;
    height: 28px;
    line-height: 28px
}

.b-design-skeleton-element .b-design-skeleton-button-sm.b-design-skeleton-button-square {
    width: 28px;
    min-width: 28px
}

.b-design-skeleton-element .b-design-skeleton-button-sm.b-design-skeleton-button-circle {
    width: 28px;
    min-width: 28px;
    border-radius: 50%
}

.b-design-skeleton-element .b-design-skeleton-button-sm.b-design-skeleton-button-round {
    border-radius: 28px
}

.b-design-skeleton-element .b-design-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: hsla(0, 0%, 74.5%, .2);
    width: 32px;
    height: 32px;
    line-height: 32px
}

.b-design-skeleton-element .b-design-skeleton-avatar.b-design-skeleton-avatar-circle {
    border-radius: 50%
}

.b-design-skeleton-element .b-design-skeleton-avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.b-design-skeleton-element .b-design-skeleton-avatar-lg.b-design-skeleton-avatar-circle {
    border-radius: 50%
}

.b-design-skeleton-element .b-design-skeleton-avatar-sm {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.b-design-skeleton-element .b-design-skeleton-avatar-sm.b-design-skeleton-avatar-circle {
    border-radius: 50%
}

.b-design-skeleton-element .b-design-skeleton-input {
    display: inline-block;
    vertical-align: top;
    background: hsla(0, 0%, 74.5%, .2);
    width: 160px;
    min-width: 160px;
    height: 32px;
    line-height: 32px
}

.b-design-skeleton-element .b-design-skeleton-input-lg {
    width: 200px;
    min-width: 200px;
    height: 40px;
    line-height: 40px
}

.b-design-skeleton-element .b-design-skeleton-input-sm {
    width: 140px;
    min-width: 140px;
    height: 28px;
    line-height: 28px
}

.b-design-skeleton-element .b-design-skeleton-image {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    background: hsla(0, 0%, 74.5%, .2);
    width: 96px;
    height: 96px;
    line-height: 96px
}

.b-design-skeleton-element .b-design-skeleton-image.b-design-skeleton-image-circle {
    border-radius: 50%
}

.b-design-skeleton-element .b-design-skeleton-image-path {
    fill: #bfbfbf
}

.b-design-skeleton-element .b-design-skeleton-image-svg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    max-width: 192px;
    max-height: 192px
}

.b-design-skeleton-element .b-design-skeleton-image-svg.b-design-skeleton-image-circle {
    border-radius: 50%
}

@-webkit-keyframes b-design-skeleton-loading {
    0% {
        transform: translateX(-37.5%)
    }

    to {
        transform: translateX(37.5%)
    }
}

@keyframes b-design-skeleton-loading {
    0% {
        transform: translateX(-37.5%)
    }

    to {
        transform: translateX(37.5%)
    }
}

.b-design-skeleton-rtl {
    direction: rtl
}

.b-design-skeleton-rtl .b-design-skeleton-header {
    padding-right: 0;
    padding-left: 16px
}

.b-design-skeleton-rtl.b-design-skeleton.b-design-skeleton-active .b-design-skeleton-avatar,
.b-design-skeleton-rtl.b-design-skeleton.b-design-skeleton-active .b-design-skeleton-content .b-design-skeleton-paragraph>li,
.b-design-skeleton-rtl.b-design-skeleton.b-design-skeleton-active .b-design-skeleton-content .b-design-skeleton-title {
    -webkit-animation-name: b-design-skeleton-loading-rtl;
    animation-name: b-design-skeleton-loading-rtl
}

@-webkit-keyframes b-design-skeleton-loading-rtl {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes b-design-skeleton-loading-rtl {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.b-design-slider {
    box-sizing: border-box;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    height: 12px;
    margin: 10px 6px;
    padding: 4px 0;
    cursor: pointer;
    touch-action: none
}

.b-design-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px
}

.b-design-slider-vertical .b-design-slider-rail {
    width: 4px;
    height: 100%
}

.b-design-slider-vertical .b-design-slider-track {
    width: 4px
}

.b-design-slider-vertical .b-design-slider-handle {
    margin-top: -6px;
    margin-left: -5px
}

.b-design-slider-vertical .b-design-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.b-design-slider-vertical .b-design-slider-mark-text {
    left: 4px;
    white-space: nowrap
}

.b-design-slider-vertical .b-design-slider-step {
    width: 4px;
    height: 100%
}

.b-design-slider-vertical .b-design-slider-dot {
    top: auto;
    margin-left: -2px
}

.b-design-slider-tooltip .b-design-tooltip-inner {
    min-width: unset
}

.b-design-slider-rtl.b-design-slider-vertical .b-design-slider-handle {
    margin-right: -5px;
    margin-left: 0
}

.b-design-slider-rtl.b-design-slider-vertical .b-design-slider-mark {
    right: 12px;
    left: auto
}

.b-design-slider-rtl.b-design-slider-vertical .b-design-slider-mark-text {
    right: 4px;
    left: auto
}

.b-design-slider-rtl.b-design-slider-vertical .b-design-slider-dot {
    right: 2px;
    left: auto
}

.b-design-slider-with-marks {
    margin-bottom: 28px
}

.b-design-slider-rail {
    width: 100%;
    background-color: #f1f2f3
}

.b-design-slider-rail,
.b-design-slider-track {
    position: absolute;
    height: 4px;
    border-radius: 2px;
    transition: background-color .3s
}

.b-design-slider-track {
    background-color: var(--b-design-primary-30)
}

.b-design-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #fff;
    border: 2px solid var(--b-design-primary-30);
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer;
    transition: border-color .3s, box-shadow .6s, transform .3s cubic-bezier(.18, .89, .32, 1.28)
}

.b-design-slider-handle-dragging {
    z-index: 1
}

.b-design-slider-handle:focus {
    outline: none;
    box-shadow: 0 0 0 5px var(--b-design-primary-color)
}

.b-design-slider-handle.b-design-tooltip-open,
.b-design-slider-handle:focus {
    border-color: var(--b-design-primary-color)
}

.b-design-slider-handle:after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: ""
}

.b-design-slider:hover .b-design-slider-rail {
    background-color: #e1e1e1
}

.b-design-slider:hover .b-design-slider-track {
    background-color: var(--b-design-primary-40)
}

.b-design-slider:hover .b-design-slider-handle:not(.b-design-tooltip-open) {
    border-color: var(--b-design-primary-40)
}

.b-design-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 14px
}

.b-design-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: #474a52;
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-slider-mark-text-active {
    color: #474a52
}

.b-design-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent;
    pointer-events: none
}

.b-design-slider-dot {
    position: absolute;
    top: -2px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #e6e8eb;
    border-radius: 50%;
    cursor: pointer
}

.b-design-slider-dot-active {
    border-color: var(--b-design-primary-color)
}

.b-design-slider-disabled {
    cursor: not-allowed
}

.b-design-slider-disabled .b-design-slider-rail {
    background-color: #f1f2f3 !important
}

.b-design-slider-disabled .b-design-slider-track {
    background-color: #b8bbc2 !important
}

.b-design-slider-disabled .b-design-slider-dot,
.b-design-slider-disabled .b-design-slider-handle {
    background-color: #fff;
    border-color: #b8bbc2 !important;
    box-shadow: none;
    cursor: not-allowed
}

.b-design-slider-disabled .b-design-slider-dot,
.b-design-slider-disabled .b-design-slider-mark-text {
    cursor: not-allowed !important
}

.b-design-slider-rtl {
    direction: rtl
}

.b-design-slider-rtl .b-design-slider-mark {
    right: 0;
    left: auto
}

.b-design-slider:not(.b-design-slider-disabled) .b-design-slider-handle,
.b-design-slider:not(.b-design-slider-disabled) .b-design-slider-track,
.b-design-slider:not(.b-design-slider-disabled):hover .b-design-slider-track {
    background: linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-50))
}

.b-design-slider:not(.b-design-slider-disabled) .b-design-slider-handle {
    border: 0
}

.b-design-slider:not(.b-design-slider-disabled) .b-design-slider-handle:hover {
    width: 14px;
    height: 14px;
    margin-top: -5px
}

.b-design-slider:not(.b-design-slider-disabled) .b-design-slider-handle:focus {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background: linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-50));
    box-shadow: none
}

.b-design-slider-dot {
    top: -3px;
    display: none;
    width: 2px;
    height: 10px;
    margin-left: -1px;
    background-color: #d7d8db;
    border: 0;
    border-radius: 2px
}

.b-design-slider-dot:first-child {
    margin-left: 0
}

.b-design-slider-dot:last-child {
    margin-left: -2px
}

.b-design-slider-dot-active {
    background: linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-50))
}

.b-design-slider-mark {
    top: -13px
}

.b-design-slider-mark-text {
    color: #babcc2;
    font-size: 12px;
    line-height: 12px;
    transform: translateX(-50%) scale(.66667) !important
}

.b-design-slider-mark-text-active {
    color: #222224
}

.b-design-slider-disabled .b-design-slider-rail {
    background: #f1f2f3 !important
}

.b-design-slider-disabled .b-design-slider-track {
    background: #b8bbc2
}

.b-design-slider-disabled .b-design-slider-handle {
    background: #b8bbc2;
    border: 0
}

.b-design-slider-disabled .b-design-slider-dot,
.b-design-slider-disabled .b-design-slider-dot-active {
    background: #f1f2f3
}

.b-design-slider-disabled .b-design-slider-mark-text {
    color: #babcc2
}

.b-design-slider-vertical.b-design-slider:not(.b-design-slider-vertical-disabled) .b-design-slider-handle {
    margin-left: -4px
}

.b-design-slider-vertical.b-design-slider:not(.b-design-slider-vertical-disabled) .b-design-slider-handle:focus,
.b-design-slider-vertical.b-design-slider:not(.b-design-slider-vertical-disabled) .b-design-slider-handle:hover {
    width: 14px;
    height: 14px;
    margin-left: -5px
}

.b-design-slider-vertical .b-design-slider-mark-text {
    transform: translateY(50%) scale(.66667) !important
}

.b-design-space {
    display: inline-flex
}

.b-design-space-vertical {
    flex-direction: column
}

.b-design-space-align-center {
    align-items: center
}

.b-design-space-align-start {
    align-items: flex-start
}

.b-design-space-align-end {
    align-items: flex-end
}

.b-design-space-align-baseline {
    align-items: baseline
}

.b-design-space-item:empty {
    display: none
}

.b-design-space-rtl {
    direction: rtl
}

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

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

.b-design-spin-nested-loading {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

.b-design-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;
    transition: all .3s;
    content: "";
    pointer-events: none
}

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

.b-design-spin-blur:after {
    opacity: .4
}

.b-design-spin-tip {
    color: #474a52
}

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

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

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

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

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

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

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

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

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

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

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

.b-design-spin.b-design-spin-show-text .b-design-spin-text {
    display: block
}

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

@-webkit-keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

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

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

.b-design-spin-rtl {
    direction: rtl
}

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

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

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

.b-design-spin .b-design-spin-text {
    font-size: 12px
}

.b-design-spin-blur {
    overflow: hidden
}

.b-design-spin-blur>* {
    filter: blur(6px)
}

.b-design-spin-blur:after {
    opacity: .85;
    pointer-events: auto
}

.b-design-spin-dot.b-design-spin-dot-spin {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,    %3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'%3E        %3ClinearGradient id='linearColors' x1='0%25' y1='100%25' x2='90%25' y2='0%25'%3E            %3Cstop offset='0%25' stop-color='%231b58f4'%3E%3C/stop%3E            %3Cstop offset='100%25' stop-color='%231b58f4' stop-opacity='0'%3E%3C/stop%3E        %3C/linearGradient%3E    %3Ccircle r='9' cx='12' cy='12' class='external-circle' stroke-width='3' fill='none' stroke-linecap='round' stroke-dasharray='100%' stroke='url(%23linearColors)'%3E%3C/circle%3E%3C/svg%3E")
}

.b-design-spin-dot.b-design-spin-dot-spin .b-design-spin-dot-item {
    display: none
}

.b-design-spin-sm .b-design-spin-dot.b-design-spin-dot-spin {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,    %3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'%3E        %3ClinearGradient id='linearColors' x1='0%25' y1='100%25' x2='90%25' y2='0%25'%3E            %3Cstop offset='0%25' stop-color='%231b58f4'%3E%3C/stop%3E            %3Cstop offset='100%25' stop-color='%231b58f4' stop-opacity='0'%3E%3C/stop%3E        %3C/linearGradient%3E    %3Ccircle r='6' cx='8' cy='8' class='external-circle' stroke-width='2' fill='none' stroke-linecap='round' stroke-dasharray='100%' stroke='url(%23linearColors)'%3E%3C/circle%3E%3C/svg%3E")
}

.b-design-spin-lg .b-design-spin-dot.b-design-spin-dot-spin {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,    %3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'%3E        %3ClinearGradient id='linearColors' x1='0%25' y1='100%25' x2='90%25' y2='0%25'%3E            %3Cstop offset='0%25' stop-color='%231b58f4'%3E%3C/stop%3E            %3Cstop offset='100%25' stop-color='%231b58f4' stop-opacity='0'%3E%3C/stop%3E        %3C/linearGradient%3E    %3Ccircle r='15' cx='20' cy='20' class='external-circle' stroke-width='5' fill='none' stroke-linecap='round' stroke-dasharray='100%' stroke='url(%23linearColors)'%3E%3C/circle%3E%3C/svg%3E")
}

.b-design-spin-lg .b-design-spin-text {
    font-size: 14px
}

.b-design-statistic {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.b-design-statistic-title {
    margin-bottom: 4px;
    color: #474a52;
    font-size: 14px
}

.b-design-statistic-skeleton {
    padding-top: 16px
}

.b-design-statistic-content {
    color: #1f2024;
    font-size: 24px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, -apple-system, Arial, sans-serif, Microsoft Yahei, Microsoft JhengHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.b-design-statistic-content-value {
    display: inline-block;
    direction: ltr
}

.b-design-statistic-content-prefix,
.b-design-statistic-content-suffix {
    display: inline-block
}

.b-design-statistic-content-prefix {
    margin-right: 4px
}

.b-design-statistic-content-suffix {
    margin-left: 4px
}

.b-design-statistic-rtl {
    direction: rtl
}

.b-design-statistic-rtl .b-design-statistic-content-prefix {
    margin-right: 0;
    margin-left: 4px
}

.b-design-statistic-rtl .b-design-statistic-content-suffix {
    margin-right: 4px;
    margin-left: 0
}

.b-design-steps {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex;
    width: 100%;
    font-size: 0;
    text-align: initial
}

.b-design-steps-item {
    position: relative;
    display: inline-block;
    flex: 1;
    overflow: hidden;
    vertical-align: top
}

.b-design-steps-item-container {
    outline: none
}

.b-design-steps-item:last-child {
    flex: none
}

.b-design-steps-item:last-child>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title:after,
.b-design-steps-item:last-child>.b-design-steps-item-container>.b-design-steps-item-tail {
    display: none
}

.b-design-steps-item-content,
.b-design-steps-item-icon {
    display: inline-block;
    vertical-align: top
}

.b-design-steps-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 6px 0 0;
    font-size: 16px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, -apple-system, Arial, sans-serif, Microsoft Yahei, Microsoft JhengHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    line-height: 24px;
    text-align: center;
    border: 1px solid #b8bbc2;
    border-radius: 24px;
    transition: background-color .3s, border-color .3s
}

.b-design-steps-item-icon .b-design-steps-icon {
    position: relative;
    top: -.5px;
    color: var(--b-design-primary-color);
    line-height: 1
}

.b-design-steps-item-tail {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    padding: 0 10px
}

.b-design-steps-item-tail:after {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #e6e8eb;
    border-radius: 1px;
    transition: background .3s;
    content: ""
}

.b-design-steps-item-title {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    color: #474a52;
    font-size: 16px;
    line-height: 24px
}

.b-design-steps-item-title:after {
    position: absolute;
    top: 12px;
    left: 100%;
    display: block;
    width: 9999px;
    height: 1px;
    background: #e6e8eb;
    content: ""
}

.b-design-steps-item-subtitle {
    display: inline;
    margin-left: 8px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px
}

.b-design-steps-item-description {
    color: #474a52;
    font-size: 14px
}

.b-design-steps-item-wait .b-design-steps-item-icon {
    background-color: #fff;
    border-color: #b8bbc2
}

.b-design-steps-item-wait .b-design-steps-item-icon>.b-design-steps-icon {
    color: #b8bbc2
}

.b-design-steps-item-wait .b-design-steps-item-icon>.b-design-steps-icon .b-design-steps-icon-dot {
    background: #b8bbc2
}

.b-design-steps-item-wait>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title {
    color: #474a52
}

.b-design-steps-item-wait>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title:after {
    background-color: #e6e8eb
}

.b-design-steps-item-wait>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-description {
    color: #474a52
}

.b-design-steps-item-wait>.b-design-steps-item-container>.b-design-steps-item-tail:after {
    background-color: #e6e8eb
}

.b-design-steps-item-process .b-design-steps-item-icon {
    background-color: #fff;
    border-color: var(--b-design-primary-color)
}

.b-design-steps-item-process .b-design-steps-item-icon>.b-design-steps-icon {
    color: var(--b-design-primary-color)
}

.b-design-steps-item-process .b-design-steps-item-icon>.b-design-steps-icon .b-design-steps-icon-dot {
    background: var(--b-design-primary-color)
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title {
    color: #1f2024
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title:after {
    background-color: #e6e8eb
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-description {
    color: #474a52
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-tail:after {
    background-color: #e6e8eb
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-icon {
    background: var(--b-design-primary-color)
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-icon .b-design-steps-icon {
    color: #fff
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-title {
    font-weight: 500
}

.b-design-steps-item-finish .b-design-steps-item-icon {
    background-color: #fff;
    border-color: var(--b-design-primary-color)
}

.b-design-steps-item-finish .b-design-steps-item-icon>.b-design-steps-icon {
    color: var(--b-design-primary-color)
}

.b-design-steps-item-finish .b-design-steps-item-icon>.b-design-steps-icon .b-design-steps-icon-dot {
    background: var(--b-design-primary-color)
}

.b-design-steps-item-finish>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title {
    color: #1f2024
}

.b-design-steps-item-finish>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title:after {
    background-color: var(--b-design-primary-color)
}

.b-design-steps-item-finish>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-description {
    color: #474a52
}

.b-design-steps-item-finish>.b-design-steps-item-container>.b-design-steps-item-tail:after {
    background-color: var(--b-design-primary-color)
}

.b-design-steps-item-error .b-design-steps-item-icon {
    background-color: #fff;
    border-color: var(--b-design-error-color)
}

.b-design-steps-item-error .b-design-steps-item-icon>.b-design-steps-icon {
    color: var(--b-design-error-color)
}

.b-design-steps-item-error .b-design-steps-item-icon>.b-design-steps-icon .b-design-steps-icon-dot {
    background: var(--b-design-error-color)
}

.b-design-steps-item-error>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title {
    color: var(--b-design-error-color)
}

.b-design-steps-item-error>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title:after {
    background-color: #e6e8eb
}

.b-design-steps-item-error>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-description {
    color: var(--b-design-error-color)
}

.b-design-steps-item-error>.b-design-steps-item-container>.b-design-steps-item-tail:after {
    background-color: #e6e8eb
}

.b-design-steps-item.b-design-steps-next-error .b-design-steps-item-title:after {
    background: var(--b-design-error-color)
}

.b-design-steps-item-disabled {
    cursor: not-allowed
}

.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button] {
    cursor: pointer
}

.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button] .b-design-steps-item-description,
.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button] .b-design-steps-item-icon .b-design-steps-icon,
.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button] .b-design-steps-item-subtitle,
.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button] .b-design-steps-item-title {
    transition: color .3s
}

.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button]:hover .b-design-steps-item-description,
.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button]:hover .b-design-steps-item-subtitle,
.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active)>.b-design-steps-item-container[role=button]:hover .b-design-steps-item-title {
    color: var(--b-design-primary-color)
}

.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active):not(.b-design-steps-item-process)>.b-design-steps-item-container[role=button]:hover .b-design-steps-item-icon {
    border-color: var(--b-design-primary-color)
}

.b-design-steps .b-design-steps-item:not(.b-design-steps-item-active):not(.b-design-steps-item-process)>.b-design-steps-item-container[role=button]:hover .b-design-steps-item-icon .b-design-steps-icon {
    color: var(--b-design-primary-color)
}

.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item {
    padding-left: 16px;
    white-space: nowrap
}

.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item:first-child {
    padding-left: 0
}

.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item:last-child .b-design-steps-item-title {
    padding-right: 0
}

.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item-tail {
    display: none
}

.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item-description {
    max-width: 140px;
    white-space: normal
}

.b-design-steps-item-custom>.b-design-steps-item-container>.b-design-steps-item-icon {
    height: auto;
    background: none;
    border: 0
}

.b-design-steps-item-custom>.b-design-steps-item-container>.b-design-steps-item-icon>.b-design-steps-icon {
    top: 0;
    left: .5px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px
}

.b-design-steps-item-custom.b-design-steps-item-process .b-design-steps-item-icon>.b-design-steps-icon {
    color: var(--b-design-primary-color)
}

.b-design-steps:not(.b-design-steps-vertical) .b-design-steps-item-custom .b-design-steps-item-icon {
    width: auto;
    background: none
}

.b-design-steps-small.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item {
    padding-left: 12px
}

.b-design-steps-small.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item:first-child {
    padding-left: 0
}

.b-design-steps-small .b-design-steps-item-icon {
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    border-radius: 16px
}

.b-design-steps-small .b-design-steps-item-title {
    padding-right: 12px;
    font-size: 14px;
    line-height: 16px
}

.b-design-steps-small .b-design-steps-item-title:after {
    top: 8px
}

.b-design-steps-small .b-design-steps-item-description {
    color: #474a52;
    font-size: 14px
}

.b-design-steps-small .b-design-steps-item-tail {
    top: 8px
}

.b-design-steps-small .b-design-steps-item-custom .b-design-steps-item-icon {
    width: inherit;
    height: inherit;
    line-height: inherit;
    background: none;
    border: 0;
    border-radius: 0
}

.b-design-steps-small .b-design-steps-item-custom .b-design-steps-item-icon>.b-design-steps-icon {
    font-size: 16px;
    line-height: 16px;
    transform: none
}

.b-design-steps-vertical {
    display: flex;
    flex-direction: column
}

.b-design-steps-vertical>.b-design-steps-item {
    display: block;
    flex: 1 0 auto;
    padding-left: 0;
    overflow: visible
}

.b-design-steps-vertical>.b-design-steps-item .b-design-steps-item-icon {
    float: left;
    margin-right: 6px
}

.b-design-steps-vertical>.b-design-steps-item .b-design-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden
}

.b-design-steps-vertical>.b-design-steps-item .b-design-steps-item-title {
    line-height: 24px
}

.b-design-steps-vertical>.b-design-steps-item .b-design-steps-item-description {
    padding-bottom: 12px
}

.b-design-steps-vertical>.b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    width: 1px;
    height: 100%;
    padding: 30px 0 6px
}

.b-design-steps-vertical>.b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail:after {
    width: 1px;
    height: 100%
}

.b-design-steps-vertical>.b-design-steps-item:not(:last-child)>.b-design-steps-item-container>.b-design-steps-item-tail {
    display: block
}

.b-design-steps-vertical>.b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title:after {
    display: none
}

.b-design-steps-vertical.b-design-steps-small .b-design-steps-item-container .b-design-steps-item-tail {
    position: absolute;
    top: 0;
    left: 8px;
    padding: 22px 0 6px
}

.b-design-steps-vertical.b-design-steps-small .b-design-steps-item-container .b-design-steps-item-title {
    line-height: 16px
}

.b-design-steps-label-vertical .b-design-steps-item {
    overflow: visible
}

.b-design-steps-label-vertical .b-design-steps-item-tail {
    margin-left: 58px;
    padding: 3.5px 24px
}

.b-design-steps-label-vertical .b-design-steps-item-content {
    display: block;
    width: 108px;
    margin-top: 8px;
    text-align: center
}

.b-design-steps-label-vertical .b-design-steps-item-icon {
    display: inline-block;
    margin-left: 42px
}

.b-design-steps-label-vertical .b-design-steps-item-title {
    padding-right: 0;
    padding-left: 0
}

.b-design-steps-label-vertical .b-design-steps-item-title:after {
    display: none
}

.b-design-steps-label-vertical .b-design-steps-item-subtitle {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    line-height: 1.5715
}

.b-design-steps-label-vertical.b-design-steps-small:not(.b-design-steps-dot) .b-design-steps-item-icon {
    margin-left: 46px
}

.b-design-steps-dot .b-design-steps-item-title,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-title {
    line-height: 1.5715
}

.b-design-steps-dot .b-design-steps-item-tail,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-tail {
    top: 2px;
    width: 100%;
    margin: 0 0 0 70px;
    padding: 0
}

.b-design-steps-dot .b-design-steps-item-tail:after,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-tail:after {
    height: 3px;
    margin-left: 12px
}

.b-design-steps-dot .b-design-steps-item:first-child .b-design-steps-icon-dot,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item:first-child .b-design-steps-icon-dot {
    left: 2px
}

.b-design-steps-dot .b-design-steps-item-icon,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon {
    width: 8px;
    height: 8px;
    margin-left: 67px;
    padding-right: 0;
    line-height: 8px;
    background: transparent;
    border: 0
}

.b-design-steps-dot .b-design-steps-item-icon .b-design-steps-icon-dot,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon .b-design-steps-icon-dot {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: all .3s
}

.b-design-steps-dot .b-design-steps-item-icon .b-design-steps-icon-dot:after,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon .b-design-steps-icon-dot:after {
    position: absolute;
    top: -12px;
    left: -26px;
    width: 60px;
    height: 32px;
    background: rgba(0, 0, 0, .001);
    content: ""
}

.b-design-steps-dot .b-design-steps-item-content,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-content {
    width: 140px
}

.b-design-steps-dot .b-design-steps-item-process .b-design-steps-item-icon,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-process .b-design-steps-item-icon {
    position: relative;
    top: -1px;
    width: 8px;
    height: 8px;
    line-height: 8px;
    background: none
}

.b-design-steps-dot .b-design-steps-item-process .b-design-steps-icon:first-child .b-design-steps-icon-dot,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-process .b-design-steps-icon:first-child .b-design-steps-icon-dot {
    left: 0
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item-icon {
    margin-top: 13px
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    padding: 22px 0 4px
}

.b-design-steps-vertical.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon {
    margin-top: 10px
}

.b-design-steps-vertical.b-design-steps-dot.b-design-steps-small .b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    top: 3.5px
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item:first-child .b-design-steps-icon-dot {
    left: 0
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item-content {
    width: inherit
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item-process .b-design-steps-item-container .b-design-steps-item-icon .b-design-steps-icon-dot {
    top: -1px;
    left: -1px
}

.b-design-steps-navigation {
    padding-top: 12px
}

.b-design-steps-navigation.b-design-steps-small .b-design-steps-item-container {
    margin-left: -12px
}

.b-design-steps-navigation .b-design-steps-item {
    overflow: visible;
    text-align: center
}

.b-design-steps-navigation .b-design-steps-item-container {
    display: inline-block;
    height: 100%;
    margin-left: -16px;
    padding-bottom: 12px;
    text-align: left;
    transition: opacity .3s
}

.b-design-steps-navigation .b-design-steps-item-container .b-design-steps-item-content {
    max-width: auto
}

.b-design-steps-navigation .b-design-steps-item-container .b-design-steps-item-title {
    max-width: 100%;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-steps-navigation .b-design-steps-item-container .b-design-steps-item-title:after {
    display: none
}

.b-design-steps-navigation .b-design-steps-item:not(.b-design-steps-item-active) .b-design-steps-item-container[role=button] {
    cursor: pointer
}

.b-design-steps-navigation .b-design-steps-item:not(.b-design-steps-item-active) .b-design-steps-item-container[role=button]:hover {
    opacity: .85
}

.b-design-steps-navigation .b-design-steps-item:last-child {
    flex: 1
}

.b-design-steps-navigation .b-design-steps-item:last-child:after {
    display: none
}

.b-design-steps-navigation .b-design-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, .25);
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
    content: ""
}

.b-design-steps-navigation .b-design-steps-item:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 2px;
    background-color: var(--b-design-primary-color);
    transition: width .3s, left .3s;
    transition-timing-function: ease-out;
    content: ""
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-active:before {
    left: 0;
    width: 100%
}

.b-design-steps-navigation.b-design-steps-vertical>.b-design-steps-item {
    margin-right: 0 !important
}

.b-design-steps-navigation.b-design-steps-vertical>.b-design-steps-item:before {
    display: none
}

.b-design-steps-navigation.b-design-steps-vertical>.b-design-steps-item.b-design-steps-item-active:before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px)
}

.b-design-steps-navigation.b-design-steps-vertical>.b-design-steps-item:after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg)
}

.b-design-steps-navigation.b-design-steps-horizontal>.b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail,
.b-design-steps-navigation.b-design-steps-vertical>.b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    visibility: hidden
}

.b-design-steps-rtl {
    direction: rtl
}

.b-design-steps.b-design-steps-rtl .b-design-steps-item-icon {
    margin-right: 0;
    margin-left: 8px
}

.b-design-steps-rtl .b-design-steps-item-tail {
    right: 0;
    left: auto
}

.b-design-steps-rtl .b-design-steps-item-title {
    padding-right: 0;
    padding-left: 16px
}

.b-design-steps-rtl .b-design-steps-item-title .b-design-steps-item-subtitle {
    float: left;
    margin-right: 8px;
    margin-left: 0
}

.b-design-steps-rtl .b-design-steps-item-title:after {
    right: 100%;
    left: auto
}

.b-design-steps-rtl.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item {
    padding-right: 16px;
    padding-left: 0
}

.b-design-steps-rtl.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item:first-child {
    padding-right: 0
}

.b-design-steps-rtl.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item:last-child .b-design-steps-item-title {
    padding-left: 0
}

.b-design-steps-rtl .b-design-steps-item-custom .b-design-steps-item-icon>.b-design-steps-icon {
    right: .5px;
    left: auto
}

.b-design-steps-rtl.b-design-steps-navigation.b-design-steps-small .b-design-steps-item-container {
    margin-right: -12px;
    margin-left: 0
}

.b-design-steps-rtl.b-design-steps-navigation .b-design-steps-item-container {
    margin-right: -16px;
    margin-left: 0;
    text-align: right
}

.b-design-steps-rtl.b-design-steps-navigation .b-design-steps-item-container .b-design-steps-item-title {
    padding-left: 0
}

.b-design-steps-rtl.b-design-steps-navigation .b-design-steps-item:after {
    right: 100%;
    left: auto;
    margin-right: -2px;
    margin-left: 0;
    transform: rotate(225deg)
}

.b-design-steps-rtl.b-design-steps-small.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item {
    padding-right: 12px;
    padding-left: 0
}

.b-design-steps-rtl.b-design-steps-small.b-design-steps-horizontal:not(.b-design-steps-label-vertical) .b-design-steps-item:first-child {
    padding-right: 0
}

.b-design-steps-rtl.b-design-steps-small .b-design-steps-item-title {
    padding-right: 0;
    padding-left: 12px
}

.b-design-steps-rtl.b-design-steps-vertical>.b-design-steps-item .b-design-steps-item-icon {
    float: right;
    margin-right: 0;
    margin-left: 6px
}

.b-design-steps-rtl.b-design-steps-vertical>.b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    right: 12px;
    left: auto
}

.b-design-steps-rtl.b-design-steps-vertical.b-design-steps-small .b-design-steps-item-container .b-design-steps-item-tail {
    right: 8px;
    left: auto
}

.b-design-steps-rtl.b-design-steps-label-vertical .b-design-steps-item-title {
    padding-left: 0
}

.b-design-steps-rtl.b-design-steps-dot .b-design-steps-item-tail,
.b-design-steps-rtl.b-design-steps-dot.b-design-steps-small .b-design-steps-item-tail {
    margin: 0 70px 0 0
}

.b-design-steps-rtl.b-design-steps-dot .b-design-steps-item-tail:after,
.b-design-steps-rtl.b-design-steps-dot.b-design-steps-small .b-design-steps-item-tail:after {
    margin-right: 12px;
    margin-left: 0
}

.b-design-steps-rtl.b-design-steps-dot .b-design-steps-item:first-child .b-design-steps-icon-dot,
.b-design-steps-rtl.b-design-steps-dot.b-design-steps-small .b-design-steps-item:first-child .b-design-steps-icon-dot {
    right: 2px;
    left: auto
}

.b-design-steps-rtl.b-design-steps-dot .b-design-steps-item-icon,
.b-design-steps-rtl.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon {
    margin-right: 67px;
    margin-left: 0
}

.b-design-steps-rtl.b-design-steps-dot .b-design-steps-item-icon .b-design-steps-icon-dot,
.b-design-steps-rtl.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon .b-design-steps-icon-dot {
    float: right
}

.b-design-steps-rtl.b-design-steps-dot .b-design-steps-item-icon .b-design-steps-icon-dot:after,
.b-design-steps-rtl.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon .b-design-steps-icon-dot:after {
    right: -26px;
    left: auto
}

.b-design-steps-rtl.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item-icon {
    margin-right: 0;
    margin-left: 16px
}

.b-design-steps-rtl.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    right: -9px;
    left: auto
}

.b-design-steps-rtl.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item:first-child .b-design-steps-icon-dot {
    right: 0;
    left: auto
}

.b-design-steps-rtl.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item-process .b-design-steps-icon-dot {
    right: -2px;
    left: auto
}

.b-design-steps-rtl.b-design-steps-with-progress.b-design-steps-horizontal.b-design-steps-label-horizontal .b-design-steps-item:first-child {
    padding-right: 4px;
    padding-left: 0
}

.b-design-steps-rtl.b-design-steps-with-progress.b-design-steps-horizontal.b-design-steps-label-horizontal .b-design-steps-item:first-child.b-design-steps-item-active {
    padding-right: 4px
}

.b-design-steps-with-progress .b-design-steps-item {
    padding-top: 4px
}

.b-design-steps-with-progress .b-design-steps-item .b-design-steps-item-tail {
    top: 4px !important
}

.b-design-steps-with-progress.b-design-steps-horizontal .b-design-steps-item:first-child {
    padding-bottom: 4px;
    padding-left: 4px
}

.b-design-steps-with-progress.b-design-steps-label-vertical .b-design-steps-item .b-design-steps-item-tail {
    top: 14px !important
}

.b-design-steps-with-progress .b-design-steps-item-icon {
    position: relative
}

.b-design-steps-with-progress .b-design-steps-item-icon .b-design-progress {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px
}

.b-design-steps-item-title {
    padding-right: 6px;
    font-size: 14px
}

.b-design-steps-item-description {
    margin-top: 4px;
    color: #81848f !important;
    font-size: 12px;
    line-height: 20px
}

.b-design-steps-item-wait .b-design-steps-item-icon>.b-design-steps-icon {
    color: #1f2024
}

.b-design-steps:not(.b-design-steps-dot) .b-design-steps-item-process:not(.b-design-steps-item-custom)>.b-design-steps-item-container>.b-design-steps-item-icon {
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    background-size: 250%;
    border-color: transparent;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-steps-item-process>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title {
    font-weight: 500
}

.b-design-steps-with-progress .b-design-steps-item-icon .b-design-progress {
    top: -3px
}

.b-design-steps .b-design-progress-circle .b-design-progress-inner {
    width: 28px !important;
    height: 28px !important
}

.b-design-steps .b-design-steps-error-icon {
    color: var(--b-design-error-color)
}

.b-design-steps-item-wait .b-design-steps-item-icon .anticon {
    color: #d7d8db
}

.b-design-steps-small .b-design-steps-item-title {
    padding-right: 6px
}

.b-design-steps-small .b-design-progress-circle .b-design-progress-inner {
    width: 20px !important;
    height: 20px !important
}

.b-design-steps-small.b-design-steps-with-progress .b-design-steps-item-icon .b-design-progress {
    top: -5px
}

.b-design-steps-dot .b-design-steps-item-tail:after,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-tail:after {
    width: calc(100% - 20px);
    height: 1px
}

.b-design-steps-dot .b-design-steps-item-finish .b-design-steps-icon .b-design-steps-icon-dot,
.b-design-steps-dot .b-design-steps-item-process .b-design-steps-icon .b-design-steps-icon-dot,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-finish .b-design-steps-icon .b-design-steps-icon-dot,
.b-design-steps-dot.b-design-steps-small .b-design-steps-item-process .b-design-steps-icon .b-design-steps-icon-dot {
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    background-size: 250%;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item-icon {
    margin-top: 9px;
    margin-left: 0;
    background: none
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    top: 6.5px;
    left: -9px;
    margin: 0;
    padding: 14px 0 4px
}

.b-design-steps-vertical.b-design-steps-dot .b-design-steps-item-process .b-design-steps-item-container .b-design-steps-item-icon .b-design-steps-icon-dot {
    top: 0;
    left: 0
}

.b-design-steps-vertical.b-design-steps-dot.b-design-steps-small .b-design-steps-item-icon {
    margin-top: 6px
}

.b-design-steps-navigation .b-design-steps-item {
    padding-left: 0 !important;
    text-align: left
}

.b-design-steps-navigation .b-design-steps-item:before {
    left: 0;
    width: calc(100% - 2px);
    background-color: #e6e8eb;
    border-top-right-radius: 2px
}

.b-design-steps-navigation .b-design-steps-item:after {
    display: none
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-active:before,
.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-finish:before {
    background-color: #1b58f4
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-active .b-design-steps-line-index,
.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-finish .b-design-steps-line-index {
    color: #1b58f4
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-error:before {
    background-color: var(--b-design-error-color)
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-error .b-design-steps-line-index {
    color: var(--b-design-error-color)
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-disabled:before {
    background-color: #e6e8eb
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-disabled .b-design-steps-line-index {
    color: #b8bbc2
}

.b-design-steps-navigation .b-design-steps-item-container {
    margin-left: 0
}

.b-design-steps-navigation .b-design-steps-item-container .b-design-steps-item-content .b-design-steps-item-title {
    line-height: 24px
}

.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-active:before,
.b-design-steps-navigation .b-design-steps-item.b-design-steps-item-finish:before {
    width: calc(100% - 2px);
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    background-size: 250%;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-steps-navigation.b-design-steps-small .b-design-steps-item-container {
    margin-left: 0
}

.b-design-steps-navigation.b-design-steps-small .b-design-steps-item-container .b-design-steps-item-content .b-design-steps-item-title {
    line-height: 16px
}

.b-design-switch {
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 40px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background-image: linear-gradient(90deg, #b8bbc2, #b8bbc2), linear-gradient(90deg, #fff, #fff);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-switch:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(184, 187, 194, .1)
}

.b-design-switch-checked:focus {
    box-shadow: 0 0 0 2px var(--b-design-primary-10)
}

.b-design-switch:focus:hover {
    box-shadow: none
}

.b-design-switch-disabled,
.b-design-switch-loading {
    cursor: not-allowed;
    opacity: .4
}

.b-design-switch-disabled *,
.b-design-switch-loading * {
    box-shadow: none;
    cursor: not-allowed
}

.b-design-switch-inner {
    display: block;
    margin: 0 6px 0 22px;
    color: #fff;
    font-size: 12px;
    transition: margin .2s
}

.b-design-switch-checked .b-design-switch-inner {
    margin: 0 22px 0 6px
}

.b-design-switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    transition: all .2s ease-in-out
}

.b-design-switch-handle:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 transparent;
    transition: all .2s ease-in-out;
    content: ""
}

.b-design-switch-checked .b-design-switch-handle {
    left: calc(100% - 18px)
}

.b-design-switch:not(.b-design-switch-disabled):active .b-design-switch-handle:before {
    right: -30%;
    left: 0
}

.b-design-switch:not(.b-design-switch-disabled):active.b-design-switch-checked .b-design-switch-handle:before {
    right: 0;
    left: -30%
}

.b-design-switch-loading-icon.anticon {
    position: relative;
    top: 1px;
    color: rgba(0, 0, 0, .65);
    vertical-align: top
}

.b-design-switch-checked .b-design-switch-loading-icon {
    color: var(--b-design-primary-color)
}

.b-design-switch-small {
    min-width: 32px;
    height: 16px;
    line-height: 16px
}

.b-design-switch-small .b-design-switch-inner {
    margin: 0 5px 0 18px;
    font-size: 12px
}

.b-design-switch-small .b-design-switch-handle {
    width: 12px;
    height: 12px
}

.b-design-switch-small .b-design-switch-loading-icon {
    top: 1.5px;
    font-size: 9px
}

.b-design-switch-small.b-design-switch-checked .b-design-switch-inner {
    margin: 0 18px 0 5px
}

.b-design-switch-small.b-design-switch-checked .b-design-switch-handle {
    left: calc(100% - 14px)
}

.b-design-switch-rtl {
    direction: rtl
}

.b-design-switch-rtl .b-design-switch-inner {
    margin: 0 22px 0 6px
}

.b-design-switch-rtl .b-design-switch-handle {
    right: 2px;
    left: auto
}

.b-design-switch-rtl:not(.b-design-switch-rtl-disabled):active .b-design-switch-handle:before {
    right: 0;
    left: -30%
}

.b-design-switch-rtl:not(.b-design-switch-rtl-disabled):active.b-design-switch-checked .b-design-switch-handle:before {
    right: -30%;
    left: 0
}

.b-design-switch-rtl.b-design-switch-checked .b-design-switch-inner {
    margin: 0 6px 0 22px
}

.b-design-switch-rtl.b-design-switch-checked .b-design-switch-handle {
    right: calc(100% - 18px)
}

.b-design-switch-rtl.b-design-switch-small.b-design-switch-checked .b-design-switch-handle {
    right: calc(100% - 14px)
}

.b-design-switch {
    overflow: hidden;
    background: #d4d6db
}

.b-design-switch:focus {
    outline: none !important;
    box-shadow: none !important
}

.b-design-switch:focus:hover,
.b-design-switch:hover {
    background: #babcc2
}

.b-design-switch:focus:hover .b-design-switch-handle:before,
.b-design-switch:hover .b-design-switch-handle:before {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-switch-checked {
    background: var(--b-design-primary-color)
}

.b-design-switch-checked:focus {
    box-shadow: none
}

.b-design-switch-checked:focus:hover,
.b-design-switch-checked:hover {
    background: var(--b-design-primary-70)
}

.b-design-switch.b-design-switch-disabled,
.b-design-switch.b-design-switch-disabled:hover {
    background: #e6e8eb;
    box-shadow: none
}

.b-design-switch.b-design-switch-disabled .b-design-switch-handle:before,
.b-design-switch.b-design-switch-disabled:hover .b-design-switch-handle:before {
    background: #f1f2f3;
    box-shadow: none
}

.b-design-switch.b-design-switch-checked.b-design-switch-disabled,
.b-design-switch.b-design-switch-checked.b-design-switch-disabled:hover {
    background: var(--b-design-primary-30);
    box-shadow: none
}

.b-design-switch.b-design-switch-checked.b-design-switch-disabled .b-design-switch-handle:before,
.b-design-switch.b-design-switch-checked.b-design-switch-disabled:hover .b-design-switch-handle:before {
    background: var(--b-design-primary-10)
}

.b-design-switch.b-design-switch-disabled {
    opacity: unset
}

.b-design-switch-loading-icon {
    position: absolute;
    font-size: 12px
}

.b-design-switch-loading-icon.anticon {
    top: 2px
}

.b-design-switch:not(.b-design-switch-checked) .b-design-switch-loading-icon {
    color: #fff
}

.b-design-switch-handle:before {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-switch.b-design-switch-disabled .b-design-switch-handle:before,
.b-design-switch.b-design-switch-disabled .b-design-switch-handle:hover:before {
    box-shadow: none
}

.b-design-switch-small .b-design-switch-loading-icon {
    top: 2px;
    font-size: 8px
}

.b-design-table.b-design-table-middle {
    font-size: 12px
}

.b-design-table.b-design-table-middle .b-design-table-footer,
.b-design-table.b-design-table-middle .b-design-table-tbody>tr>td,
.b-design-table.b-design-table-middle .b-design-table-thead>tr>th,
.b-design-table.b-design-table-middle .b-design-table-title,
.b-design-table.b-design-table-middle tfoot>tr>td,
.b-design-table.b-design-table-middle tfoot>tr>th {
    padding: 14px 16px
}

.b-design-table.b-design-table-middle .b-design-table-filter-trigger {
    margin-right: -8px
}

.b-design-table.b-design-table-middle .b-design-table-expanded-row-fixed {
    margin: -14px -16px
}

.b-design-table.b-design-table-middle .b-design-table-tbody .b-design-table-wrapper:only-child .b-design-table {
    margin: -14px -16px -14px 32px
}

.b-design-table.b-design-table-middle .b-design-table-selection-column {
    -webkit-padding-start: 4px;
    padding-inline-start: 4px
}

.b-design-table.b-design-table-small {
    font-size: 12px
}

.b-design-table.b-design-table-small .b-design-table-footer,
.b-design-table.b-design-table-small .b-design-table-tbody>tr>td,
.b-design-table.b-design-table-small .b-design-table-thead>tr>th,
.b-design-table.b-design-table-small .b-design-table-title,
.b-design-table.b-design-table-small tfoot>tr>td,
.b-design-table.b-design-table-small tfoot>tr>th {
    padding: 8px 16px
}

.b-design-table.b-design-table-small .b-design-table-filter-trigger {
    margin-right: -8px
}

.b-design-table.b-design-table-small .b-design-table-expanded-row-fixed {
    margin: -8px -16px
}

.b-design-table.b-design-table-small .b-design-table-tbody .b-design-table-wrapper:only-child .b-design-table {
    margin: -8px -16px -8px 32px
}

.b-design-table.b-design-table-small .b-design-table-selection-column {
    -webkit-padding-start: 4px;
    padding-inline-start: 4px
}

.b-design-table.b-design-table-bordered>.b-design-table-title {
    border: 1px solid #e6e8eb;
    border-bottom: 0
}

.b-design-table.b-design-table-bordered>.b-design-table-container {
    border-left: 1px solid #e6e8eb
}

.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>tbody>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>tfoot>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>tfoot>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>thead>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>tbody>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>tfoot>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>tfoot>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>thead>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>tbody>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>tfoot>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>tfoot>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>thead>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>tbody>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>tfoot>tr>td,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>tfoot>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>thead>tr>th {
    border-right: 1px solid #e6e8eb
}

.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>thead>tr:not(:last-child)>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>thead>tr:not(:last-child)>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>thead>tr:not(:last-child)>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>thead>tr:not(:last-child)>th {
    border-bottom: 1px solid #e6e8eb
}

.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>thead>tr>th:before,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>thead>tr>th:before,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>thead>tr>th:before,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>thead>tr>th:before {
    background-color: transparent !important
}

.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>tbody>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>tfoot>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>thead>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>tbody>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>tfoot>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>thead>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>tbody>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>tfoot>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>thead>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>tbody>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>tfoot>tr>.b-design-table-cell-fix-right-first:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>thead>tr>.b-design-table-cell-fix-right-first:after {
    border-right: 1px solid #e6e8eb
}

.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>tbody>tr>td>.b-design-table-expanded-row-fixed,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>tbody>tr>td>.b-design-table-expanded-row-fixed,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>tbody>tr>td>.b-design-table-expanded-row-fixed,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>tbody>tr>td>.b-design-table-expanded-row-fixed {
    margin: -16px -17px
}

.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-body>table>tbody>tr>td>.b-design-table-expanded-row-fixed:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table>tbody>tr>td>.b-design-table-expanded-row-fixed:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table>tbody>tr>td>.b-design-table-expanded-row-fixed:after,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>table>tbody>tr>td>.b-design-table-expanded-row-fixed:after {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    border-right: 1px solid #e6e8eb;
    content: ""
}

.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-content>table,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-header>table {
    border-top: 1px solid #e6e8eb
}

.b-design-table.b-design-table-bordered.b-design-table-scroll-horizontal>.b-design-table-container>.b-design-table-body>table>tbody>tr.b-design-table-expanded-row>td,
.b-design-table.b-design-table-bordered.b-design-table-scroll-horizontal>.b-design-table-container>.b-design-table-body>table>tbody>tr.b-design-table-placeholder>td {
    border-right: 0
}

.b-design-table.b-design-table-bordered.b-design-table-middle>.b-design-table-container>.b-design-table-body>table>tbody>tr>td>.b-design-table-expanded-row-fixed,
.b-design-table.b-design-table-bordered.b-design-table-middle>.b-design-table-container>.b-design-table-content>table>tbody>tr>td>.b-design-table-expanded-row-fixed {
    margin: -14px -17px
}

.b-design-table.b-design-table-bordered.b-design-table-small>.b-design-table-container>.b-design-table-body>table>tbody>tr>td>.b-design-table-expanded-row-fixed,
.b-design-table.b-design-table-bordered.b-design-table-small>.b-design-table-container>.b-design-table-content>table>tbody>tr>td>.b-design-table-expanded-row-fixed {
    margin: -8px -17px
}

.b-design-table.b-design-table-bordered>.b-design-table-footer {
    border: 1px solid #e6e8eb;
    border-top: 0
}

.b-design-table-cell .b-design-table-container:first-child {
    border-top: 0
}

.b-design-table-cell-scrollbar:not([rowspan]) {
    box-shadow: 0 1px 0 1px #edeef0
}

.b-design-table-wrapper {
    clear: both;
    max-width: 100%
}

.b-design-table-wrapper:before {
    display: table;
    content: ""
}

.b-design-table-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-table {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    font-size: 14px;
    background: #fff;
    border-radius: 2px
}

.b-design-table table {
    width: 100%;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-collapse: separate;
    border-spacing: 0
}

.b-design-table-tbody>tr>td,
.b-design-table-thead>tr>th,
.b-design-table tfoot>tr>td,
.b-design-table tfoot>tr>th {
    position: relative;
    padding: 16px;
    overflow-wrap: break-word
}

.b-design-table-cell-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all
}

.b-design-table-cell-ellipsis.b-design-table-cell-fix-left-last,
.b-design-table-cell-ellipsis.b-design-table-cell-fix-right-first {
    overflow: visible
}

.b-design-table-cell-ellipsis.b-design-table-cell-fix-left-last .b-design-table-cell-content,
.b-design-table-cell-ellipsis.b-design-table-cell-fix-right-first .b-design-table-cell-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-design-table-cell-ellipsis .b-design-table-column-title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

.b-design-table-title {
    padding: 16px
}

.b-design-table-footer {
    padding: 16px;
    color: #1f2024;
    background: #fafafa
}

.b-design-table-thead>tr>th {
    position: relative;
    color: #1f2024;
    font-weight: 500;
    text-align: left;
    background: #edeef0;
    border-bottom: 1px solid #e6e8eb;
    transition: background .3s ease
}

.b-design-table-thead>tr>th[colspan]:not([colspan="1"]) {
    text-align: center
}

.b-design-table-thead>tr>th:not(:last-child):not(.b-design-table-selection-column):not(.b-design-table-row-expand-icon-cell):not([colspan]):before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    transform: translateY(-50%);
    transition: background-color .3s;
    content: ""
}

.b-design-table-thead>tr:not(:last-child)>th[colspan] {
    border-bottom: 0
}

.b-design-table-tbody>tr>td {
    border-bottom: 1px solid #e6e8eb;
    transition: background .3s
}

.b-design-table-tbody>tr>td>.b-design-table-expanded-row-fixed>.b-design-table-wrapper:only-child .b-design-table,
.b-design-table-tbody>tr>td>.b-design-table-wrapper:only-child .b-design-table {
    margin: -16px -16px -16px 32px
}

.b-design-table-tbody>tr>td>.b-design-table-expanded-row-fixed>.b-design-table-wrapper:only-child .b-design-table-tbody>tr:last-child>td,
.b-design-table-tbody>tr>td>.b-design-table-wrapper:only-child .b-design-table-tbody>tr:last-child>td {
    border-bottom: 0
}

.b-design-table-tbody>tr>td>.b-design-table-expanded-row-fixed>.b-design-table-wrapper:only-child .b-design-table-tbody>tr:last-child>td:first-child,
.b-design-table-tbody>tr>td>.b-design-table-expanded-row-fixed>.b-design-table-wrapper:only-child .b-design-table-tbody>tr:last-child>td:last-child,
.b-design-table-tbody>tr>td>.b-design-table-wrapper:only-child .b-design-table-tbody>tr:last-child>td:first-child,
.b-design-table-tbody>tr>td>.b-design-table-wrapper:only-child .b-design-table-tbody>tr:last-child>td:last-child {
    border-radius: 0
}

.b-design-table-tbody>tr.b-design-table-row:hover>td,
.b-design-table-tbody>tr>td.b-design-table-cell-row-hover {
    background: #f1f2f3
}

.b-design-table-tbody>tr.b-design-table-row-selected>td {
    background: #fff;
    border-color: rgba(0, 0, 0, .03)
}

.b-design-table-tbody>tr.b-design-table-row-selected:hover>td {
    background: #f1f2f3
}

.b-design-table-summary {
    position: relative;
    z-index: 2;
    background: #fff
}

div.b-design-table-summary {
    box-shadow: 0 -1px 0 #e6e8eb
}

.b-design-table-summary>tr>td,
.b-design-table-summary>tr>th {
    border-bottom: 1px solid #e6e8eb
}

.b-design-table-pagination.b-design-pagination {
    margin: 16px 0
}

.b-design-table-pagination {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}

.b-design-table-pagination>* {
    flex: none
}

.b-design-table-pagination-left {
    justify-content: flex-start
}

.b-design-table-pagination-center {
    justify-content: center
}

.b-design-table-pagination-right {
    justify-content: flex-end
}

.b-design-table-thead th.b-design-table-column-has-sorters {
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.b-design-table-thead th.b-design-table-column-has-sorters:hover {
    background: #edeef0
}

.b-design-table-thead th.b-design-table-column-has-sorters:hover:before {
    background-color: transparent !important
}

.b-design-table-thead th.b-design-table-column-has-sorters:focus-visible {
    color: var(--b-design-primary-color)
}

.b-design-table-thead th.b-design-table-column-sort {
    background: #edeef0
}

.b-design-table-thead th.b-design-table-column-sort:before {
    background-color: transparent !important
}

td.b-design-table-column-sort {
    background: #f5f6f7
}

.b-design-table-column-title {
    position: relative;
    z-index: 1;
    flex: 1
}

.b-design-table-column-sorters {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: space-between
}

.b-design-table-column-sorters:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.b-design-table-column-sorter {
    margin-left: 4px;
    font-size: 0;
    transition: color .3s
}

.b-design-table-column-sorter-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.b-design-table-column-sorter-down,
.b-design-table-column-sorter-up {
    font-size: 11px
}

.b-design-table-column-sorter-down.active,
.b-design-table-column-sorter-up.active {
    color: var(--b-design-primary-color)
}

.b-design-table-column-sorter-up+.b-design-table-column-sorter-down {
    margin-top: -.3em
}

.b-design-table-column-sorters:hover .b-design-table-column-sorter {
    color: #464950
}

.b-design-table-filter-column {
    display: flex;
    justify-content: space-between
}

.b-design-table-filter-trigger {
    position: relative;
    display: flex;
    align-items: center;
    margin: -4px -8px -4px 4px;
    padding: 0 4px;
    color: #5e626b;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s
}

.b-design-table-filter-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    min-width: 120px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-table-filter-dropdown .b-design-dropdown-menu {
    max-height: 264px;
    overflow-x: hidden;
    border: 0;
    box-shadow: none
}

.b-design-table-filter-dropdown .b-design-dropdown-menu:empty:after {
    display: block;
    padding: 8px 0;
    color: #b8bbc2;
    font-size: 12px;
    text-align: center;
    content: "Not Found"
}

.b-design-table-filter-dropdown-search {
    padding: 8px;
    border-bottom: 1px solid #e6e8eb
}

.b-design-table-filter-dropdown-search-input input {
    min-width: 140px
}

.b-design-table-filter-dropdown-search-input .anticon {
    color: #b8bbc2
}

.b-design-table-filter-dropdown-checkall {
    width: 100%;
    margin-bottom: 4px;
    margin-left: 4px
}

.b-design-table-filter-dropdown-submenu>ul {
    max-height: calc(100vh - 130px);
    overflow-x: hidden;
    overflow-y: auto
}

.b-design-table-filter-dropdown-submenu .b-design-checkbox-wrapper+span,
.b-design-table-filter-dropdown .b-design-checkbox-wrapper+span {
    padding-left: 8px
}

.b-design-table-filter-dropdown-btns {
    display: flex;
    justify-content: space-between;
    padding: 7px 8px;
    overflow: hidden;
    background-color: inherit;
    border-top: 1px solid #e6e8eb
}

.b-design-table-selection-col {
    width: 32px
}

.b-design-table-bordered .b-design-table-selection-col {
    width: 50px
}

table tr td.b-design-table-selection-column,
table tr th.b-design-table-selection-column {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center
}

table tr td.b-design-table-selection-column .b-design-radio-wrapper,
table tr th.b-design-table-selection-column .b-design-radio-wrapper {
    margin-right: 0
}

table tr th.b-design-table-selection-column.b-design-table-cell-fix-left {
    z-index: 3
}

table tr th.b-design-table-selection-column:after {
    background-color: transparent !important
}

.b-design-table-selection {
    position: relative;
    display: inline-flex;
    flex-direction: column
}

.b-design-table-selection-extra {
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: all .3s;
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
    -webkit-padding-start: 4px;
    padding-inline-start: 4px
}

.b-design-table-selection-extra .anticon:hover {
    color: #464950
}

.b-design-table-expand-icon-col {
    width: 48px
}

.b-design-table-row-expand-icon-cell {
    text-align: center
}

.b-design-table-row-expand-icon-cell .b-design-table-row-expand-icon {
    display: inline-flex;
    float: none;
    vertical-align: sub
}

.b-design-table-row-indent {
    float: left;
    height: 1px
}

.b-design-table-row-expand-icon {
    color: var(--b-design-primary-color);
    outline: none;
    cursor: pointer;
    transition: color .3s;
    float: left;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    padding: 0;
    color: inherit;
    line-height: 17px;
    background: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    transform: scale(.82352941);
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-table-row-expand-icon:focus-visible,
.b-design-table-row-expand-icon:hover {
    color: #0d0d0d
}

.b-design-table-row-expand-icon:active {
    color: #000
}

.b-design-table-row-expand-icon:active,
.b-design-table-row-expand-icon:focus,
.b-design-table-row-expand-icon:hover {
    border-color: currentcolor
}

.b-design-table-row-expand-icon:after,
.b-design-table-row-expand-icon:before {
    position: absolute;
    background: currentcolor;
    transition: transform .3s ease-out;
    content: ""
}

.b-design-table-row-expand-icon:before {
    top: 7px;
    right: 3px;
    left: 3px;
    height: 1px
}

.b-design-table-row-expand-icon:after {
    top: 3px;
    bottom: 3px;
    left: 7px;
    width: 1px;
    transform: rotate(90deg)
}

.b-design-table-row-expand-icon-collapsed:before {
    transform: rotate(-180deg)
}

.b-design-table-row-expand-icon-collapsed:after {
    transform: rotate(0deg)
}

.b-design-table-row-expand-icon-spaced {
    background: transparent;
    border: 0;
    visibility: hidden
}

.b-design-table-row-expand-icon-spaced:after,
.b-design-table-row-expand-icon-spaced:before {
    display: none;
    content: none
}

.b-design-table-row-indent+.b-design-table-row-expand-icon {
    margin-top: 2.5005px;
    margin-right: 8px
}

tr.b-design-table-expanded-row:hover>td,
tr.b-design-table-expanded-row>td {
    background: #f5f6f7
}

tr.b-design-table-expanded-row .b-design-descriptions-view {
    display: flex
}

tr.b-design-table-expanded-row .b-design-descriptions-view table {
    flex: auto;
    width: auto
}

.b-design-table .b-design-table-expanded-row-fixed {
    position: relative;
    margin: -16px;
    padding: 16px
}

.b-design-table-tbody>tr.b-design-table-placeholder {
    text-align: center
}

.b-design-table-empty .b-design-table-tbody>tr.b-design-table-placeholder {
    color: #b8bbc2
}

.b-design-table-tbody>tr.b-design-table-placeholder:hover>td {
    background: #fff
}

.b-design-table-cell-fix-left,
.b-design-table-cell-fix-right {
    position: sticky !important;
    z-index: 2;
    background: #fff
}

.b-design-table-cell-fix-left-first:after,
.b-design-table-cell-fix-left-last:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 30px;
    transform: translateX(100%);
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.b-design-table-cell-fix-left-all:after {
    display: none
}

.b-design-table-cell-fix-right-first:after,
.b-design-table-cell-fix-right-last:after {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 30px;
    transform: translateX(-100%);
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.b-design-table .b-design-table-container:after,
.b-design-table .b-design-table-container:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 30px;
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.b-design-table .b-design-table-container:before {
    left: 0
}

.b-design-table .b-design-table-container:after {
    right: 0
}

.b-design-table-ping-left:not(.b-design-table-has-fix-left)>.b-design-table-container {
    position: relative
}

.b-design-table-ping-left .b-design-table-cell-fix-left-first:after,
.b-design-table-ping-left .b-design-table-cell-fix-left-last:after,
.b-design-table-ping-left:not(.b-design-table-has-fix-left)>.b-design-table-container:before {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .15)
}

.b-design-table-ping-left .b-design-table-cell-fix-left-last:before {
    background-color: transparent !important
}

.b-design-table-ping-right:not(.b-design-table-has-fix-right)>.b-design-table-container {
    position: relative
}

.b-design-table-ping-right .b-design-table-cell-fix-right-first:after,
.b-design-table-ping-right .b-design-table-cell-fix-right-last:after,
.b-design-table-ping-right:not(.b-design-table-has-fix-right)>.b-design-table-container:after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .15)
}

.b-design-table-sticky-holder,
.b-design-table-sticky-scroll {
    position: sticky;
    z-index: 3;
    background: #fff
}

.b-design-table-sticky-scroll {
    bottom: 0;
    display: flex;
    align-items: center;
    border-top: 1px solid #e6e8eb;
    opacity: .6
}

.b-design-table-sticky-scroll:hover {
    transform-origin: center bottom
}

.b-design-table-sticky-scroll-bar {
    height: 8px;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 4px
}

.b-design-table-sticky-scroll-bar-active,
.b-design-table-sticky-scroll-bar:hover {
    background-color: rgba(0, 0, 0, .8)
}

@media (-ms-high-contrast:none) {

    .b-design-table-ping-left .b-design-table-cell-fix-left-last:after,
    .b-design-table-ping-right .b-design-table-cell-fix-right-first:after {
        box-shadow: none !important
    }
}

.b-design-table-title {
    border-radius: 2px 2px 0 0
}

.b-design-table-title+.b-design-table-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.b-design-table-title+.b-design-table-container table,
.b-design-table-title+.b-design-table-container table>thead>tr:first-child th:first-child,
.b-design-table-title+.b-design-table-container table>thead>tr:first-child th:last-child {
    border-radius: 0
}

.b-design-table-container {
    border-top-right-radius: 2px
}

.b-design-table-container,
.b-design-table-container table>thead>tr:first-child th:first-child {
    border-top-left-radius: 2px
}

.b-design-table-container table>thead>tr:first-child th:last-child {
    border-top-right-radius: 2px
}

.b-design-table-footer {
    border-radius: 0 0 2px 2px
}

.b-design-table-rtl,
.b-design-table-wrapper-rtl {
    direction: rtl
}

.b-design-table-wrapper-rtl .b-design-table table {
    text-align: right
}

.b-design-table-wrapper-rtl .b-design-table-thead>tr>th[colspan]:not([colspan="1"]) {
    text-align: center
}

.b-design-table-wrapper-rtl .b-design-table-thead>tr>th:not(:last-child):not(.b-design-table-selection-column):not(.b-design-table-row-expand-icon-cell):not([colspan]):before {
    right: auto;
    left: 0
}

.b-design-table-wrapper-rtl .b-design-table-thead>tr>th {
    text-align: right
}

.b-design-table-tbody>tr .b-design-table-wrapper:only-child .b-design-table.b-design-table-rtl {
    margin: -16px 33px -16px -16px
}

.b-design-table-wrapper.b-design-table-wrapper-rtl .b-design-table-pagination-left {
    justify-content: flex-end
}

.b-design-table-wrapper.b-design-table-wrapper-rtl .b-design-table-pagination-right {
    justify-content: flex-start
}

.b-design-table-wrapper-rtl .b-design-table-column-sorter {
    margin-right: 4px;
    margin-left: 0
}

.b-design-table-wrapper-rtl .b-design-table-filter-column-title {
    padding: 16px 16px 16px 2.3em
}

.b-design-table-rtl .b-design-table-thead tr th.b-design-table-column-has-sorters .b-design-table-filter-column-title {
    padding: 0 0 0 2.3em
}

.b-design-table-wrapper-rtl .b-design-table-filter-trigger {
    margin: -4px 4px -4px -8px
}

.b-design-dropdown-menu-submenu-rtl.b-design-table-filter-dropdown-submenu .b-design-checkbox-wrapper+span,
.b-design-dropdown-menu-submenu-rtl.b-design-table-filter-dropdown .b-design-checkbox-wrapper+span,
.b-design-dropdown-rtl .b-design-table-filter-dropdown-submenu .b-design-checkbox-wrapper+span,
.b-design-dropdown-rtl .b-design-table-filter-dropdown .b-design-checkbox-wrapper+span {
    padding-right: 8px;
    padding-left: 0
}

.b-design-table-wrapper-rtl .b-design-table-selection {
    text-align: center
}

.b-design-table-wrapper-rtl .b-design-table-row-expand-icon,
.b-design-table-wrapper-rtl .b-design-table-row-indent {
    float: right
}

.b-design-table-wrapper-rtl .b-design-table-row-indent+.b-design-table-row-expand-icon {
    margin-right: 0;
    margin-left: 8px
}

.b-design-table-wrapper-rtl .b-design-table-row-expand-icon:after {
    transform: rotate(-90deg)
}

.b-design-table-wrapper-rtl .b-design-table-row-expand-icon-collapsed:before {
    transform: rotate(180deg)
}

.b-design-table-wrapper-rtl .b-design-table-row-expand-icon-collapsed:after {
    transform: rotate(0deg)
}

.b-design-table {
    line-height: 24px
}

.b-design-table a:hover {
    color: var(--b-design-primary-color)
}

.b-design-table-thead>tr>th {
    border-bottom-color: #d4d6db
}

.b-design-table-thead>tr>th:not(:last-child):not(.b-design-table-selection-column):not(.b-design-table-row-expand-icon-cell):not([colspan]):before {
    height: 100%;
    background-color: #d4d6db;
    transform: scaleX(.5) translateY(-50%)
}

.b-design-table-tbody>tr.b-design-table-row-selected>td {
    border-color: #e6e8eb
}

.b-design-table-thead th.b-design-table-column-has-sorters:hover:before {
    background-color: #d4d6db !important
}

.b-design-table-thead th.b-design-table-column-has-sorters:focus-visible {
    color: #5e626b
}

.b-design-table-thead th.b-design-table-column-has-sorters.b-design-table-cell-fix-left:hover,
.b-design-table-thead th.b-design-table-column-has-sorters.b-design-table-cell-fix-right:hover {
    background: #f5f5f5
}

.b-design-table-thead th.b-design-table-column-sort:before {
    background-color: #d4d6db !important
}

.b-design-table-column-sorter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #5e626b;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s
}

.b-design-table-column-sorter-inner {
    flex-direction: row
}

.b-design-table-column-sorter-down,
.b-design-table-column-sorter-up {
    font-size: 14px
}

.b-design-table-column-sorter-down svg,
.b-design-table-column-sorter-up svg {
    display: none !important
}

.b-design-table-column-sorter-down:after,
.b-design-table-column-sorter-up:after {
    width: 14px;
    height: 14px;
    font-family: iconfont !important;
    line-height: 14px;
    content: "\e7c2"
}

.b-design-table-column-sorter-down:after {
    content: "\e7c1"
}

.b-design-table-column-sorter-up+.b-design-table-column-sorter-down {
    margin-top: 0;
    margin-left: -14px
}

.b-design-table-column-sorters:hover .b-design-table-column-sorter {
    background: #d4d6db
}

.b-design-table-filter-trigger {
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    font-size: 14px
}

.b-design-table-filter-trigger .anticon svg {
    display: none !important
}

.b-design-table-filter-trigger .anticon:after {
    width: 14px;
    height: 14px;
    font-family: iconfont !important;
    line-height: 14px;
    content: "\e7db"
}

.b-design-table-filter-trigger:hover {
    color: #474a52;
    background: #d4d6db
}

.b-design-table-filter-trigger.active {
    color: var(--b-design-primary-color)
}

.b-design-table-filter-dropdown {
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1);
    border-radius: 4px
}

.b-design-table-filter-dropdown-tree {
    padding: 8px 8px 0
}

.b-design-table-filter-dropdown-tree .b-design-tree-treenode-checkbox-checked .b-design-tree-node-content-wrapper,
.b-design-table-filter-dropdown-tree .b-design-tree-treenode-checkbox-checked .b-design-tree-node-content-wrapper:hover,
.b-design-table-filter-dropdown-tree .b-design-tree-treenode .b-design-tree-node-content-wrapper:hover {
    background-color: transparent
}

.b-design-table-filter-dropdown-search {
    padding: 8px 16px;
    border-bottom: none
}

.b-design-table-filter-dropdown-search-input .anticon {
    color: #81848f
}

.b-design-table-filter-dropdown-checkall {
    margin-left: 24px
}

.b-design-table-filter-dropdown-btns {
    padding: 5px 16px 6px;
    border-radius: 0 0 4px 4px
}

.b-design-table-filter-dropdown-btns .b-design-btn-sm {
    height: 24px;
    padding: 1px 7px;
    line-height: 20px
}

table tr td.b-design-table-selection-column,
table tr th.b-design-table-selection-column {
    padding-left: 16px
}

.b-design-table-selection-extra .anticon {
    color: #5e626b;
    font-size: 10px
}

.b-design-table-selection-extra .anticon svg {
    display: none !important
}

.b-design-table-selection-extra .anticon:after {
    width: 10px;
    height: 10px;
    font-family: iconfont !important;
    content: "\e7ad"
}

.b-design-table-cell.b-design-table-row-expand-icon-cell {
    padding-right: 0;
    color: #81848f
}

.b-design-table-cell.b-design-table-row-expand-icon-cell .anticon {
    color: #81848f
}

.b-design-table-cell.b-design-table-row-expand-icon-cell>.anticon {
    display: inherit
}

.b-design-table-row-expand-icon {
    position: relative;
    width: 16px;
    height: 16px;
    color: #81848f;
    font-size: 16px;
    vertical-align: middle;
    background: none;
    border: none;
    border-radius: unset;
    transform: none
}

.b-design-table-row-expand-icon:focus,
.b-design-table-row-expand-icon:hover {
    color: #81848f
}

.b-design-table-row-expand-icon:before {
    content: none
}

.b-design-table-row-expand-icon:after {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    font-family: iconfont !important;
    background-color: transparent;
    content: "\e7ad"
}

.b-design-table-row-indent+.b-design-table-row-expand-icon {
    margin-top: 1px
}

.b-design-table-row-expand-icon-expanded:after {
    transform: rotate(180deg)
}

.b-design-table-expanded-row .b-design-table {
    background: #f5f6f7;
    border-left: 1px solid #e6e8eb
}

.b-design-table-expanded-row .b-design-table-thead>tr>th {
    background: #f5f6f7
}

.b-design-table-middle,
.b-design-table-small {
    line-height: 20px
}

.b-design-tabs-small>.b-design-tabs-nav .b-design-tabs-tab {
    padding: 8px 0;
    font-size: 12px
}

.b-design-tabs-large>.b-design-tabs-nav .b-design-tabs-tab {
    padding: 16px 0;
    font-size: 14px
}

.b-design-tabs-card.b-design-tabs-small>.b-design-tabs-nav .b-design-tabs-tab {
    padding: 4px 16px 3px
}

.b-design-tabs-card.b-design-tabs-large>.b-design-tabs-nav .b-design-tabs-tab {
    padding: 10px 24px 8px
}

.b-design-tabs-rtl {
    direction: rtl
}

.b-design-tabs-rtl .b-design-tabs-nav .b-design-tabs-tab {
    margin: 0 0 0 32px
}

.b-design-tabs-rtl .b-design-tabs-nav .b-design-tabs-tab:last-of-type {
    margin-left: 0
}

.b-design-tabs-rtl .b-design-tabs-nav .b-design-tabs-tab .anticon {
    margin-right: 0;
    margin-left: 12px
}

.b-design-tabs-rtl .b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-remove {
    margin-right: 8px;
    margin-left: -4px
}

.b-design-tabs-rtl .b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-remove .anticon {
    margin: 0
}

.b-design-tabs-rtl.b-design-tabs-left>.b-design-tabs-nav {
    order: 1
}

.b-design-tabs-rtl.b-design-tabs-left>.b-design-tabs-content-holder,
.b-design-tabs-rtl.b-design-tabs-right>.b-design-tabs-nav {
    order: 0
}

.b-design-tabs-rtl.b-design-tabs-right>.b-design-tabs-content-holder {
    order: 1
}

.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab {
    margin-right: 0;
    margin-left: 0
}

.b-design-tabs-dropdown-rtl {
    direction: rtl
}

.b-design-tabs-dropdown-rtl .b-design-tabs-dropdown-menu-item {
    text-align: right
}

.b-design-tabs-bottom,
.b-design-tabs-top {
    flex-direction: column
}

.b-design-tabs-bottom>.b-design-tabs-nav,
.b-design-tabs-bottom>div>.b-design-tabs-nav,
.b-design-tabs-top>.b-design-tabs-nav,
.b-design-tabs-top>div>.b-design-tabs-nav {
    margin: 0 0 16px
}

.b-design-tabs-bottom>.b-design-tabs-nav:before,
.b-design-tabs-bottom>div>.b-design-tabs-nav:before,
.b-design-tabs-top>.b-design-tabs-nav:before,
.b-design-tabs-top>div>.b-design-tabs-nav:before {
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 1px solid #e6e8eb;
    content: ""
}

.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    height: 2px
}

.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-ink-bar-animated,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-ink-bar-animated,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-ink-bar-animated,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-ink-bar-animated {
    transition: width .3s, left .3s, right .3s
}

.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before {
    top: 0;
    bottom: 0;
    width: 30px
}

.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before {
    left: 0;
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .08)
}

.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after {
    right: 0;
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .08)
}

.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-left:before,
.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-right:after,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-left:before,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-right:after,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-left:before,
.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-right:after,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-left:before,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-right:after {
    opacity: 1
}

.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-top>.b-design-tabs-nav:before,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-top>div>.b-design-tabs-nav:before {
    bottom: 0
}

.b-design-tabs-bottom>.b-design-tabs-nav,
.b-design-tabs-bottom>div>.b-design-tabs-nav {
    order: 1;
    margin-top: 16px;
    margin-bottom: 0
}

.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-bottom>.b-design-tabs-nav:before,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-bottom>div>.b-design-tabs-nav:before {
    top: 0
}

.b-design-tabs-bottom>.b-design-tabs-content-holder,
.b-design-tabs-bottom>div>.b-design-tabs-content-holder {
    order: 0
}

.b-design-tabs-left>.b-design-tabs-nav,
.b-design-tabs-left>div>.b-design-tabs-nav,
.b-design-tabs-right>.b-design-tabs-nav,
.b-design-tabs-right>div>.b-design-tabs-nav {
    flex-direction: column;
    min-width: 50px
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-tab {
    padding: 8px 24px;
    text-align: center
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab {
    margin: 16px 0 0
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-wrap,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-wrap,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-wrap,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap {
    flex-direction: column
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before {
    right: 0;
    left: 0;
    height: 30px
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before {
    top: 0;
    box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .08)
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-bottom:after,
.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-top:before,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-bottom:after,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-top:before,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-bottom:after,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-top:before,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-bottom:after,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-top:before {
    opacity: 1
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    width: 2px
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-ink-bar-animated,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-ink-bar-animated,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-ink-bar-animated,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-ink-bar-animated {
    transition: height .3s, top .3s
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-operations,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-operations,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-operations,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-nav-operations {
    flex: 1 0 auto;
    flex-direction: column
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    right: 0
}

.b-design-tabs-left>.b-design-tabs-content-holder,
.b-design-tabs-left>div>.b-design-tabs-content-holder {
    margin-left: -1px;
    border-left: 1px solid #e6e8eb
}

.b-design-tabs-left>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane,
.b-design-tabs-left>div>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane {
    padding-left: 24px
}

.b-design-tabs-right>.b-design-tabs-nav,
.b-design-tabs-right>div>.b-design-tabs-nav {
    order: 1
}

.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    left: 0
}

.b-design-tabs-right>.b-design-tabs-content-holder,
.b-design-tabs-right>div>.b-design-tabs-content-holder {
    order: 0;
    margin-right: -1px;
    border-right: 1px solid #e6e8eb
}

.b-design-tabs-right>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane,
.b-design-tabs-right>div>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane {
    padding-right: 24px
}

.b-design-tabs-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.b-design-tabs-dropdown-hidden {
    display: none
}

.b-design-tabs-dropdown-menu {
    max-height: 200px;
    margin: 0;
    padding: 10px 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;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-tabs-dropdown-menu-item {
    display: flex;
    align-items: center;
    min-width: 120px;
    margin: 0;
    padding: 6px 16px;
    overflow: hidden;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.b-design-tabs-dropdown-menu-item>span {
    flex: 1;
    white-space: nowrap
}

.b-design-tabs-dropdown-menu-item-remove {
    flex: none;
    margin-left: 12px;
    color: #474a52;
    font-size: 12px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.b-design-tabs-dropdown-menu-item-remove:hover {
    color: #303133
}

.b-design-tabs-dropdown-menu-item:hover {
    background: #f5f5f5
}

.b-design-tabs-dropdown-menu-item-disabled,
.b-design-tabs-dropdown-menu-item-disabled:hover {
    color: #b8bbc2;
    background: transparent;
    cursor: not-allowed
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab {
    margin: 0;
    padding: 7px 24px;
    background: #fafafa;
    border: 1px solid #e6e8eb;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab-active,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab-active {
    color: var(--b-design-primary-color)
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    visibility: hidden
}

.b-design-tabs-card.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab {
    margin-left: 0
}

.b-design-tabs-card.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-tab-active,
.b-design-tabs-card.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-tab-active {
    border-bottom-color: #fff
}

.b-design-tabs-card.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-tab {
    border-radius: 0 0 2px 2px
}

.b-design-tabs-card.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-tab-active,
.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-tab-active {
    border-top-color: #fff
}

.b-design-tabs-card.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab {
    margin-top: 0
}

.b-design-tabs-card.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-tab {
    border-radius: 2px 0 0 2px
}

.b-design-tabs-card.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-tab-active,
.b-design-tabs-card.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-tab-active {
    border-right-color: #fff
}

.b-design-tabs-card.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-tab {
    border-radius: 0 2px 2px 0
}

.b-design-tabs-card.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-tab-active,
.b-design-tabs-card.b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-tab-active {
    border-left-color: #fff
}

.b-design-tabs {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex
}

.b-design-tabs>.b-design-tabs-nav,
.b-design-tabs>div>.b-design-tabs-nav {
    position: relative;
    display: flex;
    flex: none;
    align-items: center
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-wrap,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-wrap {
    position: relative;
    display: inline-block;
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    transform: translate(0)
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-wrap:before,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:after,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:before {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s;
    content: "";
    pointer-events: none
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-list {
    position: relative;
    display: flex;
    transition: transform .3s
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-operations,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-operations {
    display: flex;
    align-self: stretch
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-operations-hidden,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-operations-hidden {
    position: absolute;
    visibility: hidden;
    pointer-events: none
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-more,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-more {
    position: relative;
    padding: 7px 24px;
    background: transparent;
    border: 0
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-more:after,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-more:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    transform: translateY(100%);
    content: ""
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-add {
    min-width: 38px;
    margin-left: 0;
    padding: 0 8px;
    background: #fafafa;
    border: 1px solid #e6e8eb;
    border-radius: 2px 2px 0 0;
    outline: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-add:hover,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-add:hover {
    color: #303133
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-add:active,
.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-add:focus,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-add:active,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-add:focus {
    color: var(--b-design-primary-color)
}

.b-design-tabs-extra-content {
    flex: none
}

.b-design-tabs-centered>.b-design-tabs-nav .b-design-tabs-nav-wrap:not([class*=b-design-tabs-nav-wrap-ping]),
.b-design-tabs-centered>div>.b-design-tabs-nav .b-design-tabs-nav-wrap:not([class*=b-design-tabs-nav-wrap-ping]) {
    justify-content: center
}

.b-design-tabs-ink-bar {
    position: absolute;
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    pointer-events: none
}

.b-design-tabs-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.b-design-tabs-tab-btn:active,
.b-design-tabs-tab-btn:focus,
.b-design-tabs-tab-remove:active,
.b-design-tabs-tab-remove:focus {
    color: var(--b-design-primary-color)
}

.b-design-tabs-tab-btn,
.b-design-tabs-tab-remove {
    outline: none;
    transition: all .3s
}

.b-design-tabs-tab-remove {
    flex: none;
    margin-right: -4px;
    margin-left: 8px;
    color: #474a52;
    font-size: 12px;
    background: transparent;
    border: none;
    cursor: pointer
}

.b-design-tabs-tab-remove:hover {
    color: #1f2024
}

.b-design-tabs-tab:hover {
    color: #303133
}

.b-design-tabs-tab.b-design-tabs-tab-active .b-design-tabs-tab-btn {
    color: var(--b-design-primary-color);
    text-shadow: 0 0 .25px currentcolor
}

.b-design-tabs-tab.b-design-tabs-tab-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-tabs-tab.b-design-tabs-tab-disabled .b-design-tabs-tab-btn:active,
.b-design-tabs-tab.b-design-tabs-tab-disabled .b-design-tabs-tab-btn:focus,
.b-design-tabs-tab.b-design-tabs-tab-disabled .b-design-tabs-tab-remove:active,
.b-design-tabs-tab.b-design-tabs-tab-disabled .b-design-tabs-tab-remove:focus {
    color: #b8bbc2
}

.b-design-tabs-tab .b-design-tabs-tab-remove .anticon {
    margin: 0
}

.b-design-tabs-tab .anticon {
    margin-right: 12px
}

.b-design-tabs-content {
    display: flex;
    width: 100%
}

.b-design-tabs-content-holder {
    flex: auto;
    min-width: 0;
    min-height: 0
}

.b-design-tabs-content-animated {
    transition: margin .3s
}

.b-design-tabs-tabpane {
    flex: none;
    width: 100%;
    outline: none
}

.b-design-tabs-extra-content {
    padding-bottom: 4px
}

.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-add {
    border: none
}

.b-design-tabs-tab-btn {
    letter-spacing: 1.25px
}

.b-design-tabs-tab.b-design-tabs-tab-active .b-design-tabs-tab-remove {
    color: #81848f
}

.b-design-tabs-tab.b-design-tabs-tab-active .b-design-tabs-tab-btn {
    font-weight: 600;
    text-shadow: none
}

.b-design-tabs-tab .anticon {
    margin-right: 6px
}

.b-design-tabs-tab+.b-design-tabs-tab {
    margin: 0 0 0 32px
}

.b-design-tabs.b-design-tabs-top>.b-design-tabs-nav,
.b-design-tabs.b-design-tabs-top>div>.b-design-tabs-nav {
    margin-bottom: 0
}

.b-design-tabs.b-design-tabs-top>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane,
.b-design-tabs.b-design-tabs-top>div>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane {
    padding-top: 24px
}

.b-design-tabs.b-design-tabs-bottom>.b-design-tabs-nav,
.b-design-tabs.b-design-tabs-bottom>div>.b-design-tabs-nav {
    margin-top: 0
}

.b-design-tabs.b-design-tabs-bottom>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane,
.b-design-tabs.b-design-tabs-bottom>div>.b-design-tabs-content-holder>.b-design-tabs-content>.b-design-tabs-tabpane {
    padding-bottom: 24px
}

.b-design-tabs-tab-with-remove .b-design-tabs-tab-remove {
    position: relative;
    width: 16px;
    height: 16px
}

.b-design-tabs-tab-with-remove .b-design-tabs-tab-remove>* {
    position: relative
}

.b-design-tabs-tab-with-remove .b-design-tabs-tab-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
    content: ""
}

.b-design-tabs-tab-with-remove .b-design-tabs-tab-remove:hover:before {
    background-color: #d4d6db
}

.b-design-tabs-tab-with-remove .b-design-tabs-tab-remove .b-designicon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 12px;
    transform: translate(-50%, -50%)
}

.b-design-tabs-tab-with-remove .b-design-tabs-tab-remove .b-designicon svg {
    display: none !important
}

.b-design-tabs-tab-with-remove .b-design-tabs-tab-remove .b-designicon:after {
    width: 12px;
    height: 12px;
    font-family: iconfont !important;
    line-height: 12px;
    content: "\e7b2"
}

.b-design-tabs-tab-with-remove.b-design-tabs-tab-active .b-design-tabs-tab-remove:hover:before {
    background-color: #edeef0
}

.b-design-tabs-tab-remove,
.b-design-tabs-tab-remove:hover {
    color: #81848f
}

.b-design-tabs:not(.b-design-tabs-card) .b-design-tabs-nav-list {
    align-items: center
}

.b-design-tabs:not(.b-design-tabs-card) .b-design-tabs-tab {
    height: 24px;
    margin: 6px 0;
    padding: 0 12px !important;
    line-height: 24px
}

.b-design-tabs:not(.b-design-tabs-card) .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):hover {
    background-color: #f1f2f3;
    border-radius: 2px
}

.b-design-tabs:not(.b-design-tabs-card):not(.b-design-tabs-right):not(.b-design-tabs-left) .b-design-tabs-tab+.b-design-tabs-tab {
    margin-left: 8px
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    background-size: 250%;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after {
    bottom: 0;
    width: 100%;
    height: 3px;
    border-top-left-radius: 6px 5px;
    border-top-right-radius: 6px 5px
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after {
    top: 0;
    width: 100%;
    height: 3px;
    border-bottom-right-radius: 6px 5px;
    border-bottom-left-radius: 6px 5px
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after {
    right: 0;
    left: auto;
    width: 3px;
    height: 100%;
    border-top-left-radius: 6px 5px;
    border-bottom-left-radius: 6px 5px
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-left .b-design-tabs-tab {
    margin-right: 8px !important
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-right>div>.b-design-tabs-nav .b-design-tabs-tab:not(.b-design-tabs-tab-disabled):after {
    right: auto;
    left: 0;
    width: 3px;
    height: 100%;
    border-top-right-radius: 6px 5px;
    border-bottom-right-radius: 6px 5px
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-right .b-design-tabs-tab {
    margin-left: 8px !important
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-add {
    position: relative;
    min-width: 0;
    height: 32px;
    margin-left: 24px;
    color: #474a52;
    background: transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-add:hover,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-add:hover {
    color: #222224;
    background: #e5e5e5
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-add:focus,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-add:focus {
    color: #474a52
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-add:before,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-add:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 20px;
    background: #e5e5e5;
    transform: translateY(-50%);
    content: ""
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-add .b-designicon,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-add .b-designicon {
    vertical-align: middle
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-more,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-more {
    height: 32px;
    padding: 0 8px;
    color: #474a52;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-more:hover,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-more:hover {
    color: #222224;
    background: #f1f2f3;
    cursor: pointer
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-more .b-designicon,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-more .b-designicon {
    vertical-align: middle
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-operations .b-design-tabs-nav-add,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-operations .b-design-tabs-nav-add {
    margin-left: 0
}

.b-design-tabs:not(.b-design-tabs-card)>.b-design-tabs-nav .b-design-tabs-nav-operations .b-design-tabs-nav-add:before,
.b-design-tabs:not(.b-design-tabs-card)>div>.b-design-tabs-nav .b-design-tabs-nav-operations .b-design-tabs-nav-add:before {
    content: none
}

.b-design-tabs-card .b-design-tabs-nav:before {
    content: unset
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-nav-list {
    background-color: #edeef0;
    border-radius: 2px
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-nav-add,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-nav-add {
    position: relative;
    color: #474a52;
    background: transparent
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-nav-add:hover,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-nav-add:hover {
    color: #222224;
    background: #e5e5e5
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-nav-add:focus,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-nav-add:focus {
    color: #474a52
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-nav-add .b-designicon,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-nav-add .b-designicon {
    vertical-align: middle
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab {
    background-color: #edeef0;
    border: none
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-btn:before,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-btn:before {
    position: absolute;
    display: block;
    height: 3px;
    background: linear-gradient(45deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30));
    background-size: 250%;
    opacity: 0;
    transition: opacity .3s;
    content: "";
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab:hover:not(.b-design-tabs-tab-disabled):not(.b-design-tabs-tab-active),
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab:hover:not(.b-design-tabs-tab-disabled):not(.b-design-tabs-tab-active) {
    background-color: #e5e5e5
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab-active,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab-active {
    z-index: 1;
    background: #fff
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:after,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:after {
    opacity: 0
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:before,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:before {
    opacity: 1
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab-with-remove,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab-with-remove {
    padding-right: 10px
}

.b-design-tabs-card>.b-design-tabs-nav .b-design-tabs-tab-disabled.b-design-tabs-tab-active .b-design-tabs-tab-btn:before,
.b-design-tabs-card>div>.b-design-tabs-nav .b-design-tabs-tab-disabled.b-design-tabs-tab-active .b-design-tabs-tab-btn:before {
    background: #e5e5e5
}

.b-design-tabs-card.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-tab,
.b-design-tabs-card.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-tab {
    border-radius: 2px 2px 0 0
}

.b-design-tabs-card.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-btn:after,
.b-design-tabs-card.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-btn:after {
    top: 0;
    right: 0;
    bottom: 0;
    border-top-right-radius: 2px
}

.b-design-tabs-card.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:before,
.b-design-tabs-card.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:before {
    top: 0;
    right: 0;
    left: 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.b-design-tabs-card.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-btn:after,
.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-tab .b-design-tabs-tab-btn:after {
    top: 0;
    right: 0;
    bottom: 0;
    border-bottom-right-radius: 2px
}

.b-design-tabs-card.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:before,
.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-tab-active .b-design-tabs-tab-btn:before {
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px
}

.b-design-tabs-card .b-design-tabs-tab {
    --tab-border: 1px;
    --tab-grad: calc(78% - var(--tab-border));
    --border-radius: 4px;
    --border-color: #fff;
    --highlight-bg-color: #fff
}

.b-design-tabs-card .b-design-tabs-tab:after,
.b-design-tabs-card .b-design-tabs-tab:before {
    position: absolute;
    bottom: -1px;
    z-index: 1;
    width: var(--border-radius);
    height: var(--border-radius);
    background: radial-gradient(circle at var(--circle-pos), transparent var(--tab-grad), var(--border-color) calc(var(--tab-grad) + .3px), var(--border-color) calc(var(--tab-grad) + var(--tab-border)), var(--highlight-bg-color) calc(var(--tab-grad) + var(--tab-border) + .3px));
    opacity: 0;
    transition: all .3s;
    content: ""
}

.b-design-tabs-card .b-design-tabs-tab:before {
    left: calc(var(--border-radius)*-1);
    --circle-pos: top left
}

.b-design-tabs-card .b-design-tabs-tab:after {
    --circle-pos: top right;
    right: calc(var(--border-radius)*-1)
}

.b-design-tabs-card .b-design-tabs-tab-active:after,
.b-design-tabs-card .b-design-tabs-tab-active:before {
    opacity: 1
}

.b-design-tabs-card.b-design-tabs-bottom .b-design-tabs-tab:before {
    --circle-pos: bottom left;
    top: -1px;
    bottom: auto
}

.b-design-tabs-card.b-design-tabs-bottom .b-design-tabs-tab:after {
    --circle-pos: bottom right;
    top: -1px;
    bottom: auto
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-small>.b-design-tabs-nav .b-design-tabs-tab {
    height: 18px;
    margin: 7px 0;
    padding: 8px 0;
    padding: 0 8px !important;
    font-size: 12px
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-large>.b-design-tabs-nav .b-design-tabs-tab {
    margin: 8px 0;
    padding: 0 12px !important;
    line-height: 24px
}

.b-design-tabs-card.b-design-tabs-small>.b-design-tabs-nav .b-design-tabs-tab {
    height: 32px;
    line-height: 32px
}

.b-design-tag {
    box-sizing: border-box;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: #f1f2f3;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    opacity: 1;
    transition: all .3s
}

.b-design-tag,
.b-design-tag a,
.b-design-tag a:hover {
    color: #474a52
}

.b-design-tag>a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.b-design-tag-close-icon {
    margin-left: 3px;
    color: #474a52;
    font-size: 10px;
    cursor: pointer;
    transition: all .3s
}

.b-design-tag-close-icon:hover {
    color: #1f2024
}

.b-design-tag-has-color {
    border-color: transparent
}

.b-design-tag-has-color,
.b-design-tag-has-color .anticon-close,
.b-design-tag-has-color .anticon-close:hover,
.b-design-tag-has-color a,
.b-design-tag-has-color a:hover {
    color: #fff
}

.b-design-tag-checkable {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer
}

.b-design-tag-checkable:not(.b-design-tag-checkable-checked):hover {
    color: var(--b-design-primary-color)
}

.b-design-tag-checkable-checked,
.b-design-tag-checkable:active {
    color: #fff
}

.b-design-tag-checkable-checked {
    background-color: var(--b-design-primary-60)
}

.b-design-tag-checkable:active {
    background-color: var(--b-design-primary-70)
}

.b-design-tag-hidden {
    display: none
}

.b-design-tag-pink {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2
}

.b-design-tag-pink-inverse {
    color: #fff;
    background: #eb2f96;
    border-color: #eb2f96
}

.b-design-tag-magenta {
    color: #a1105b;
    background: #ffebf5;
    border-color: #ed95b7
}

.b-design-tag-magenta-inverse {
    color: #fff;
    background: #c61e6e;
    border-color: #c61e6e
}

.b-design-tag-red {
    color: #a1181d;
    background: #ffecec;
    border-color: #eda9a1
}

.b-design-tag-red-inverse {
    color: #fff;
    background: #c82727;
    border-color: #c82727
}

.b-design-tag-volcano {
    color: #d4380d;
    background: #fff2e8;
    border-color: #ffbb96
}

.b-design-tag-volcano-inverse {
    color: #fff;
    background: #fa541c;
    border-color: #fa541c
}

.b-design-tag-orange {
    color: #a11b03;
    background: #fff1ee;
    border-color: #eda182
}

.b-design-tag-orange-inverse {
    color: #fff;
    background: #c62f0e;
    border-color: #c62f0e
}

.b-design-tag-yellow {
    color: #d4b106;
    background: #feffe6;
    border-color: #fffb8f
}

.b-design-tag-yellow-inverse {
    color: #fff;
    background: #fadb14;
    border-color: #fadb14
}

.b-design-tag-gold {
    color: #d48806;
    background: #fffbe6;
    border-color: #ffe58f
}

.b-design-tag-gold-inverse {
    color: #fff;
    background: #faad14;
    border-color: #faad14
}

.b-design-tag-cyan {
    color: #08979c;
    background: #e6fffb;
    border-color: #87e8de
}

.b-design-tag-cyan-inverse {
    color: #fff;
    background: #13c2c2;
    border-color: #13c2c2
}

.b-design-tag-lime {
    color: #7cb305;
    background: #fcffe6;
    border-color: #eaff8f
}

.b-design-tag-lime-inverse {
    color: #fff;
    background: #a0d911;
    border-color: #a0d911
}

.b-design-tag-green {
    color: #00523c;
    background: #dff5ef;
    border-color: #4c9e7d
}

.b-design-tag-green-inverse {
    color: #fff;
    background: #007855;
    border-color: #007855
}

.b-design-tag-blue {
    color: #0c3dcf;
    background: #ebf0ff;
    border-color: #96bfff
}

.b-design-tag-blue-inverse {
    color: #fff;
    background: #1b58f4;
    border-color: #1b58f4
}

.b-design-tag-geekblue {
    color: #1d39c4;
    background: #f0f5ff;
    border-color: #adc6ff
}

.b-design-tag-geekblue-inverse {
    color: #fff;
    background: #2f54eb;
    border-color: #2f54eb
}

.b-design-tag-purple {
    color: #5b25cf;
    background: #f5eeff;
    border-color: #d6b5ff
}

.b-design-tag-purple-inverse {
    color: #fff;
    background: #7b38f4;
    border-color: #7b38f4
}

.b-design-tag-success {
    color: var(--b-design-success-color);
    background: #404040;
    border-color: #262626
}

.b-design-tag-processing {
    color: var(--b-design-primary-color);
    background: var(--b-design-info-color-deprecated-bg);
    border-color: var(--b-design-info-color-deprecated-border)
}

.b-design-tag-error {
    color: var(--b-design-error-color);
    background: #404040;
    border-color: #262626
}

.b-design-tag-warning {
    color: var(--b-design-warning-color);
    background: #404040;
    border-color: #262626
}

.b-design-tag>.anticon+span,
.b-design-tag>span+.anticon {
    margin-left: 7px
}

.b-design-tag.b-design-tag-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
    text-align: right
}

.b-design-tag-rtl .b-design-tag-close-icon {
    margin-right: 3px;
    margin-left: 0
}

.b-design-tag-rtl.b-design-tag>.anticon+span,
.b-design-tag-rtl.b-design-tag>span+.anticon {
    margin-right: 7px;
    margin-left: 0
}

.b-design-tag {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    line-height: 28px;
    border: 0
}

.b-design-tag:hover .b-design-tag-close-icon:after {
    background-color: #edeef0;
    border-radius: 100%
}

.b-design-tag-close-icon {
    margin-right: -6px;
    font-weight: 400;
    font-size: 12px
}

.b-design-tag-close-icon svg {
    display: none !important
}

.b-design-tag-close-icon:after {
    display: block;
    width: 14px;
    height: 14px;
    color: #81848f;
    font-size: 12px;
    font-family: iconfont !important;
    line-height: 14px;
    content: "\e7b2"
}

.b-design-tag .anticon:not(.b-design-tag-close-icon):not(.b-design-tag-checked-icon) {
    margin-right: 6px
}

.b-design-tag[disabled] .anticon,
.b-design-tag[disabled] .anticon:before {
    color: #b8bbc2 !important
}

.b-design-tag[disabled] {
    background-color: #f1f2f3;
    cursor: not-allowed;
    pointer-events: none
}

.b-design-tag[disabled],
.b-design-tag[disabled] a {
    color: #b8bbc2
}

.b-design-tag[disabled] .anticon {
    color: #b8bbc2 !important
}

.b-design-tag[disabled] .b-design-tag-close-icon {
    background-color: #f1f2f3
}

.b-design-tag-blue,
.b-design-tag-cyan,
.b-design-tag-geekblue,
.b-design-tag-gold,
.b-design-tag-green,
.b-design-tag-lime,
.b-design-tag-magenta,
.b-design-tag-orange,
.b-design-tag-pink,
.b-design-tag-purple,
.b-design-tag-red,
.b-design-tag-volcano,
.b-design-tag-yellow {
    border: 0
}

.b-design-tag-checkable {
    position: relative;
    background-color: #f1f2f3;
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-clip-path: polygon(calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) 0, 0 0, 0 calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% - .5px) calc(100% + .5px), calc(100% + .5px) calc(100% - .5px), calc(100% + .5px) calc(100% + .5px));
    clip-path: polygon(calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) 0, 0 0, 0 calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% - .5px) calc(100% + .5px), calc(100% + .5px) calc(100% - .5px), calc(100% + .5px) calc(100% + .5px));
    background: #f1f2f3;
    border: 1px solid #f1f2f3
}

.b-design-tag-checkable:hover {
    background: #f1f2f3;
    background: #edeef0;
    border-color: #edeef0
}

.b-design-tag-checkable:hover:before {
    background: #f1f2f3
}

.b-design-tag-checkable:hover:after {
    background: var(--b-design-primary-50)
}

.b-design-tag-checkable:before {
    background: #f1f2f3
}

.b-design-tag-checkable:after {
    background: var(--b-design-primary-50)
}

.b-design-tag-checkable:before {
    right: -.5px;
    bottom: 7px;
    display: block;
    width: 11.312px;
    height: 1px;
    transform: translate(100%, 100%) rotate(-45deg);
    transform-origin: right center
}

.b-design-tag-checkable:after,
.b-design-tag-checkable:before {
    position: absolute;
    background: var(--b-design-primary-color);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    content: ""
}

.b-design-tag-checkable:after {
    right: -1px;
    bottom: -1px;
    width: 8px;
    height: 8px;
    border-top-left-radius: 2px;
    transform: translate(100%, 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 0)
}

.b-design-tag-checkable-checked:before {
    transform: translate(2%) rotate(-45deg)
}

.b-design-tag-checkable-checked:after {
    transform: translate(0)
}

.b-design-tag-checkable-checked {
    -webkit-clip-path: polygon(calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) 0, 0 0, 0 calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% - 8.5px) calc(100% + .5px), calc(100% + .5px) calc(100% - 8.5px), calc(100% + .5px) calc(100% + .5px));
    clip-path: polygon(calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) 0, 0 0, 0 calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% + .5px) calc(100% + .5px), calc(100% - 8.5px) calc(100% + .5px), calc(100% + .5px) calc(100% - 8.5px), calc(100% + .5px) calc(100% + .5px));
    background: var(--b-design-primary-10);
    border-color: var(--b-design-primary-30)
}

.b-design-tag-checkable-checked:before {
    background: var(--b-design-primary-30)
}

.b-design-tag-checkable-checked:after {
    background: var(--b-design-primary-50)
}

.b-design-tag-checkable-checked:hover {
    background: var(--b-design-primary-20);
    border-color: var(--b-design-primary-30)
}

.b-design-tag-checkable-checked:hover:before {
    background: var(--b-design-primary-30)
}

.b-design-tag-checkable-checked:hover:after {
    background: var(--b-design-primary-50)
}

.b-design-tag-checkable-checked:not(.b-design-tag[disabled]) {
    color: var(--b-design-primary-60)
}

.b-design-tag-checkable-checked.b-design-tag[disabled],
.b-design-tag-checkable-checked.b-design-tag[disabled]:hover {
    background: #f1f2f3;
    border-color: #d7d8db
}

.b-design-tag-checkable-checked.b-design-tag[disabled]:before,
.b-design-tag-checkable-checked.b-design-tag[disabled]:hover:before {
    background: #d7d8db
}

.b-design-tag-checkable-checked.b-design-tag[disabled]:after,
.b-design-tag-checkable-checked.b-design-tag[disabled]:hover:after {
    background: #b8bbc2
}

.b-design-tag-checkable:not(.b-design-tag-checkable-checked):hover {
    color: unset
}

.b-design-tag-checkable .b-design-tag-checked-icon {
    display: none;
    color: var(--b-design-primary-60)
}

.b-design-tag-checkable.b-design-tag-checkable-checked .b-design-tag-checked-icon {
    display: flex
}

.b-design-timeline {
    box-sizing: border-box;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    margin: 0;
    padding: 0;
    list-style: none
}

.b-design-timeline-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 14px;
    list-style: none
}

.b-design-timeline-item-tail {
    position: absolute;
    top: 10px;
    left: 4px;
    height: calc(100% - 10px);
    border-left: 1px solid #e6e8eb
}

.b-design-timeline-item-pending .b-design-timeline-item-head {
    font-size: 12px;
    background-color: transparent
}

.b-design-timeline-item-pending .b-design-timeline-item-tail {
    display: none
}

.b-design-timeline-item-head {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 100px
}

.b-design-timeline-item-head-blue {
    color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-timeline-item-head-red {
    color: var(--b-design-error-color);
    border-color: var(--b-design-error-color)
}

.b-design-timeline-item-head-green {
    color: var(--b-design-success-color);
    border-color: var(--b-design-success-color)
}

.b-design-timeline-item-head-gray {
    color: #b8bbc2;
    border-color: #b8bbc2
}

.b-design-timeline-item-head-custom {
    position: absolute;
    top: 5.5px;
    left: 5px;
    margin-top: 0;
    padding: 3px 1px;
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: 0;
    transform: translate(-50%, -50%)
}

.b-design-timeline-item-content {
    position: relative;
    top: -7.001px;
    margin: 0 0 0 26px;
    word-break: break-word
}

.b-design-timeline-item-last>.b-design-timeline-item-tail {
    display: none
}

.b-design-timeline-item-last>.b-design-timeline-item-content {
    min-height: 48px
}

.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-tail,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-tail,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-tail {
    left: 50%
}

.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head {
    margin-left: -4px
}

.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head-custom {
    margin-left: 1px
}

.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-left .b-design-timeline-item-content,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-left .b-design-timeline-item-content,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-left .b-design-timeline-item-content {
    left: calc(50% - 4px);
    width: calc(50% - 14px);
    text-align: left
}

.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-right .b-design-timeline-item-content,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-right .b-design-timeline-item-content,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-content {
    width: calc(50% - 12px);
    margin: 0;
    text-align: right
}

.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-tail {
    left: calc(100% - 5px)
}

.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-content {
    width: calc(100% - 18px)
}

.b-design-timeline.b-design-timeline-pending .b-design-timeline-item-last .b-design-timeline-item-tail {
    display: block;
    height: calc(100% - 14px);
    border-left: 2px dotted #e6e8eb
}

.b-design-timeline.b-design-timeline-reverse .b-design-timeline-item-last .b-design-timeline-item-tail {
    display: none
}

.b-design-timeline.b-design-timeline-reverse .b-design-timeline-item-pending .b-design-timeline-item-tail {
    top: 15px;
    display: block;
    height: calc(100% - 15px);
    border-left: 2px dotted #e6e8eb
}

.b-design-timeline.b-design-timeline-reverse .b-design-timeline-item-pending .b-design-timeline-item-content {
    min-height: 48px
}

.b-design-timeline.b-design-timeline-label .b-design-timeline-item-label {
    position: absolute;
    top: -7.001px;
    width: calc(50% - 12px);
    text-align: right
}

.b-design-timeline.b-design-timeline-label .b-design-timeline-item-right .b-design-timeline-item-label {
    left: calc(50% + 14px);
    width: calc(50% - 14px);
    text-align: left
}

.b-design-timeline-rtl {
    direction: rtl
}

.b-design-timeline-rtl .b-design-timeline-item-tail {
    right: 4px;
    left: auto;
    border-right: 1px solid #e6e8eb;
    border-left: none
}

.b-design-timeline-rtl .b-design-timeline-item-head-custom {
    right: 5px;
    left: auto;
    transform: translate(50%, -50%)
}

.b-design-timeline-rtl .b-design-timeline-item-content {
    margin: 0 18px 0 0
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-tail,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-tail,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-tail {
    right: 50%;
    left: auto
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head {
    margin-right: -4px;
    margin-left: 0
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head-custom {
    margin-right: 1px;
    margin-left: 0
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-left .b-design-timeline-item-content,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-left .b-design-timeline-item-content,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-left .b-design-timeline-item-content {
    right: calc(50% - 4px);
    left: auto;
    text-align: right
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-right .b-design-timeline-item-content,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-right .b-design-timeline-item-content,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-content {
    text-align: left
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-head,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-tail {
    right: 0;
    left: auto
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-content {
    width: 100%;
    margin-right: 18px;
    text-align: right
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-pending .b-design-timeline-item-last .b-design-timeline-item-tail,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-reverse .b-design-timeline-item-pending .b-design-timeline-item-tail {
    border-right: 2px dotted #e6e8eb;
    border-left: none
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-label {
    text-align: left
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-right .b-design-timeline-item-label {
    right: calc(50% + 14px);
    text-align: right
}

.b-design-timeline-item {
    padding-bottom: 0
}

.b-design-timeline-item-content {
    top: 0;
    min-height: 46px;
    margin: 0 0 0 20px;
    padding-bottom: 20px;
    line-height: 24px
}

.b-design-timeline-item-head {
    width: 8px;
    height: 8px
}

.b-design-timeline-item-head:not(.b-design-timeline-item-head-custom) {
    margin-top: 8px;
    margin-left: 1px
}

.b-design-timeline-item-head:not(.b-design-timeline-item-head-custom).b-design-timeline-item-head-blue {
    color: var(--b-design-primary-color);
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-timeline-item-head:not(.b-design-timeline-item-head-custom).b-design-timeline-item-head-red {
    color: var(--b-design-error-color);
    background-color: var(--b-design-error-color);
    border-color: var(--b-design-error-color)
}

.b-design-timeline-item-head:not(.b-design-timeline-item-head-custom).b-design-timeline-item-head-green {
    color: var(--b-design-success-color);
    background-color: var(--b-design-success-color);
    border-color: var(--b-design-success-color)
}

.b-design-timeline-item-head:not(.b-design-timeline-item-head-custom).b-design-timeline-item-head-yellow {
    color: var(--b-design-warning-color);
    background-color: var(--b-design-warning-color);
    border-color: var(--b-design-warning-color) !important
}

.b-design-timeline-item-head:not(.b-design-timeline-item-head-custom).b-design-timeline-item-head-gray {
    color: #60636b;
    border-color: #60636b
}

.b-design-timeline-item-head-custom {
    width: auto;
    height: auto;
    margin-top: 6px
}

.b-design-timeline-item-head-custom.b-design-timeline-item-head-blue .anticon {
    color: var(--b-design-primary-color)
}

.b-design-timeline-item-head-custom.b-design-timeline-item-head-red .anticon {
    color: var(--b-design-error-color)
}

.b-design-timeline-item-head-custom.b-design-timeline-item-head-green .anticon {
    color: var(--b-design-success-color)
}

.b-design-timeline-item-tail {
    top: 23px;
    bottom: 20px;
    width: 1px;
    height: calc(100% - 24px);
    min-height: 20px;
    background-color: #e6e8eb;
    border: none
}

.b-design-timeline-item-title {
    color: #1f2024;
    font-weight: 500;
    font-size: 14px
}

.b-design-timeline-item-description {
    overflow: hidden;
    color: #81848f;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-timeline-item-footer {
    color: #81848f;
    font-size: 10px
}

.b-design-timeline-item-red .b-design-timeline-item-title {
    color: var(--b-design-error-color);
    font-weight: 500
}

.b-design-timeline-item-green .b-design-timeline-item-title {
    color: var(--b-design-success-color)
}

.b-design-timeline-item-active .b-design-timeline-item-title {
    color: #1f2024;
    font-weight: 500
}

.b-design-timeline-item-custom .b-design-timeline-item-tail {
    top: 24px
}

.b-design-timeline-item-disabled .b-design-timeline-item-head {
    color: #b8bbc2;
    border-color: #b8bbc2
}

.b-design-timeline-item-disabled .b-design-timeline-item-content,
.b-design-timeline-item-disabled .b-design-timeline-item-description,
.b-design-timeline-item-disabled .b-design-timeline-item-footer,
.b-design-timeline-item-disabled .b-design-timeline-item-title {
    color: #b8bbc2
}

.b-design-timeline-item-disabled .b-design-timeline-item-tail {
    background-color: #d7d8db
}

.b-design-timeline-item-last>.b-design-timeline-item-tail {
    display: block
}

.b-design-timeline-item-last>.b-design-timeline-item-content {
    min-height: unset
}

.b-design-timeline.b-design-timeline-pending .b-design-timeline-item-last .b-design-timeline-item-tail {
    height: calc(100% - 24px);
    border-left: 1px solid #e6e8eb
}

.b-design-timeline-label.b-design-timeline .b-design-timeline-item-label {
    top: 0
}

.b-design-timeline-label .b-design-timeline-item-active .b-design-timeline-item-label {
    color: #1f2024;
    font-weight: 500
}

.b-design-timeline-label .b-design-timeline-item-red .b-design-timeline-item-label {
    color: var(--b-design-error-color);
    font-weight: 500
}

.b-design-timeline-alternate .b-design-timeline-item-active .b-design-timeline-item-content {
    color: #1f2024
}

.b-design-tooltip {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1070;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: intrinsic;
    max-width: 250px;
    visibility: visible
}

.b-design-tooltip-content {
    position: relative
}

.b-design-tooltip-hidden {
    display: none
}

.b-design-tooltip-placement-top,
.b-design-tooltip-placement-topLeft,
.b-design-tooltip-placement-topRight {
    padding-bottom: 11px
}

.b-design-tooltip-placement-right,
.b-design-tooltip-placement-rightBottom,
.b-design-tooltip-placement-rightTop {
    padding-left: 11px
}

.b-design-tooltip-placement-bottom,
.b-design-tooltip-placement-bottomLeft,
.b-design-tooltip-placement-bottomRight {
    padding-top: 11px
}

.b-design-tooltip-placement-left,
.b-design-tooltip-placement-leftBottom,
.b-design-tooltip-placement-leftTop {
    padding-right: 11px
}

.b-design-tooltip-inner {
    min-width: 30px;
    min-height: 32px;
    padding: 6px 8px;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #303133;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.b-design-tooltip-arrow {
    position: absolute;
    z-index: 2;
    display: block;
    width: 17.3137085px;
    height: 17.3137085px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.b-design-tooltip-arrow-content {
    --antd-arrow-background-color: linear-gradient(to right bottom, rgba(48, 49, 51, 0.9), #303133);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: "";
    pointer-events: auto;
    border-radius: 0 0 2px;
    pointer-events: none
}

.b-design-tooltip-arrow-content:before {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 24px;
    height: 24px;
    background: var(--antd-arrow-background-color);
    background-repeat: no-repeat;
    background-position: -7px -7px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z");
    clip-path: path("M 6.535533905932738 17.464466094067262 A 5 5 0 0 1 10.071067811865476 16 L 14 16 A 2 2 0 0 0 16 14 L 16 10.071067811865476 A 5 5 0 0 1 17.464466094067262 6.535533905932738 L 16.464466094067262 6.535533905932738 L 6.535533905932738 16.464466094067262 Z")
}

.b-design-tooltip-placement-top .b-design-tooltip-arrow,
.b-design-tooltip-placement-topLeft .b-design-tooltip-arrow,
.b-design-tooltip-placement-topRight .b-design-tooltip-arrow {
    transform: translateY(100%)
}

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

.b-design-tooltip-placement-top .b-design-tooltip-arrow {
    left: 50%;
    transform: translateY(100%) translateX(-50%)
}

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

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

.b-design-tooltip-placement-right .b-design-tooltip-arrow,
.b-design-tooltip-placement-rightBottom .b-design-tooltip-arrow,
.b-design-tooltip-placement-rightTop .b-design-tooltip-arrow {
    left: 0;
    transform: translateX(-100%)
}

.b-design-tooltip-placement-right .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-rightBottom .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-rightTop .b-design-tooltip-arrow-content {
    box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(8.65685425px) rotate(135deg)
}

.b-design-tooltip-placement-right .b-design-tooltip-arrow {
    top: 50%;
    transform: translateX(-100%) translateY(-50%)
}

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

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

.b-design-tooltip-placement-left .b-design-tooltip-arrow,
.b-design-tooltip-placement-leftBottom .b-design-tooltip-arrow,
.b-design-tooltip-placement-leftTop .b-design-tooltip-arrow {
    right: 0;
    transform: translateX(100%)
}

.b-design-tooltip-placement-left .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-leftBottom .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-leftTop .b-design-tooltip-arrow-content {
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateX(-8.65685425px) rotate(315deg)
}

.b-design-tooltip-placement-left .b-design-tooltip-arrow {
    top: 50%;
    transform: translateX(100%) translateY(-50%)
}

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

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

.b-design-tooltip-placement-bottom .b-design-tooltip-arrow,
.b-design-tooltip-placement-bottomLeft .b-design-tooltip-arrow,
.b-design-tooltip-placement-bottomRight .b-design-tooltip-arrow {
    top: 0;
    transform: translateY(-100%)
}

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

.b-design-tooltip-placement-bottom .b-design-tooltip-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%)
}

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

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

.b-design-tooltip-pink .b-design-tooltip-inner {
    background-color: #eb2f96
}

.b-design-tooltip-pink .b-design-tooltip-arrow-content:before {
    background: #eb2f96
}

.b-design-tooltip-magenta .b-design-tooltip-inner {
    background-color: #c61e6e
}

.b-design-tooltip-magenta .b-design-tooltip-arrow-content:before {
    background: #c61e6e
}

.b-design-tooltip-red .b-design-tooltip-inner {
    background-color: #c82727
}

.b-design-tooltip-red .b-design-tooltip-arrow-content:before {
    background: #c82727
}

.b-design-tooltip-volcano .b-design-tooltip-inner {
    background-color: #fa541c
}

.b-design-tooltip-volcano .b-design-tooltip-arrow-content:before {
    background: #fa541c
}

.b-design-tooltip-orange .b-design-tooltip-inner {
    background-color: #c62f0e
}

.b-design-tooltip-orange .b-design-tooltip-arrow-content:before {
    background: #c62f0e
}

.b-design-tooltip-yellow .b-design-tooltip-inner {
    background-color: #fadb14
}

.b-design-tooltip-yellow .b-design-tooltip-arrow-content:before {
    background: #fadb14
}

.b-design-tooltip-gold .b-design-tooltip-inner {
    background-color: #faad14
}

.b-design-tooltip-gold .b-design-tooltip-arrow-content:before {
    background: #faad14
}

.b-design-tooltip-cyan .b-design-tooltip-inner {
    background-color: #13c2c2
}

.b-design-tooltip-cyan .b-design-tooltip-arrow-content:before {
    background: #13c2c2
}

.b-design-tooltip-lime .b-design-tooltip-inner {
    background-color: #a0d911
}

.b-design-tooltip-lime .b-design-tooltip-arrow-content:before {
    background: #a0d911
}

.b-design-tooltip-green .b-design-tooltip-inner {
    background-color: #007855
}

.b-design-tooltip-green .b-design-tooltip-arrow-content:before {
    background: #007855
}

.b-design-tooltip-blue .b-design-tooltip-inner {
    background-color: #1b58f4
}

.b-design-tooltip-blue .b-design-tooltip-arrow-content:before {
    background: #1b58f4
}

.b-design-tooltip-geekblue .b-design-tooltip-inner {
    background-color: #2f54eb
}

.b-design-tooltip-geekblue .b-design-tooltip-arrow-content:before {
    background: #2f54eb
}

.b-design-tooltip-purple .b-design-tooltip-inner {
    background-color: #7b38f4
}

.b-design-tooltip-purple .b-design-tooltip-arrow-content:before {
    background: #7b38f4
}

.b-design-tooltip-rtl {
    direction: rtl
}

.b-design-tooltip-rtl .b-design-tooltip-inner {
    text-align: right
}

.b-design-tooltip-arrow-content {
    border-radius: 0 !important
}

.b-design-tooltip-inner {
    min-height: 34px;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.b-design-tooltip-placement-top,
.b-design-tooltip-placement-topLeft,
.b-design-tooltip-placement-topRight {
    padding-bottom: 10px
}

.b-design-tooltip-placement-top .b-design-tooltip-arrow,
.b-design-tooltip-placement-topLeft .b-design-tooltip-arrow,
.b-design-tooltip-placement-topRight .b-design-tooltip-arrow {
    bottom: 0
}

.b-design-tooltip-placement-bottom,
.b-design-tooltip-placement-bottomLeft,
.b-design-tooltip-placement-bottomRight {
    padding-top: 10px
}

.b-design-transfer-customize-list .b-design-transfer-list {
    flex: 1 1 50%;
    width: auto;
    height: auto;
    min-height: 200px
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-small {
    border: 0;
    border-radius: 0
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-small .b-design-table-selection-column {
    width: 40px;
    min-width: 40px
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-small>.b-design-table-content>.b-design-table-body>table>.b-design-table-thead>tr>th {
    background: #edeef0
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-small>.b-design-table-content .b-design-table-row:last-child td {
    border-bottom: 1px solid #e6e8eb
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-small .b-design-table-body {
    margin: 0
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-pagination.b-design-pagination {
    margin: 16px 0 4px
}

.b-design-transfer-customize-list .b-design-input[disabled] {
    background-color: transparent
}

.b-design-transfer-status-error .b-design-transfer-list {
    border-color: var(--b-design-error-color)
}

.b-design-transfer-status-error .b-design-transfer-list-search:not([disabled]) {
    border-color: #d4d6db
}

.b-design-transfer-status-error .b-design-transfer-list-search:not([disabled]):hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-transfer-status-error .b-design-transfer-list-search:not([disabled]):focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-transfer-status-warning .b-design-transfer-list {
    border-color: var(--b-design-warning-color)
}

.b-design-transfer-status-warning .b-design-transfer-list-search:not([disabled]) {
    border-color: #d4d6db
}

.b-design-transfer-status-warning .b-design-transfer-list-search:not([disabled]):hover {
    border-color: #7a7d85;
    border-right-width: 1px
}

.b-design-transfer-status-warning .b-design-transfer-list-search:not([disabled]):focus {
    border-color: var(--b-design-primary-color-hover);
    box-shadow: 0 0 0 2px var(--b-design-primary-color-outline);
    border-right-width: 1px;
    outline: 0
}

.b-design-transfer {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: stretch
}

.b-design-transfer-disabled .b-design-transfer-list {
    background: #f1f2f3
}

.b-design-transfer-list {
    display: flex;
    flex-direction: column;
    width: 180px;
    height: 200px;
    border: 1px solid #d7d8db;
    border-radius: 2px
}

.b-design-transfer-list-with-pagination {
    width: 250px;
    height: auto
}

.b-design-transfer-list-search .anticon-search {
    color: #b8bbc2
}

.b-design-transfer-list-header {
    display: flex;
    flex: none;
    align-items: center;
    height: 36px;
    padding: 6px 16px 7px;
    color: #474a52;
    background: #fff;
    border-bottom: 1px solid #e6e8eb;
    border-radius: 2px 2px 0 0
}

.b-design-transfer-list-header>:not(:last-child) {
    margin-right: 4px
}

.b-design-transfer-list-header>* {
    flex: none
}

.b-design-transfer-list-header-title {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis
}

.b-design-transfer-list-header-dropdown {
    font-size: 10px;
    transform: translateY(10%);
    cursor: pointer
}

.b-design-transfer-list-header-dropdown[disabled] {
    cursor: not-allowed
}

.b-design-transfer-list-body {
    display: flex;
    flex: auto;
    flex-direction: column;
    overflow: hidden;
    font-size: 14px
}

.b-design-transfer-list-body-search-wrapper {
    position: relative;
    flex: none;
    padding: 12px
}

.b-design-transfer-list-content {
    flex: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none
}

.b-design-transfer-list-content-item {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 9px 16px;
    line-height: 18px;
    transition: all .3s
}

.b-design-transfer-list-content-item>:not(:last-child) {
    margin-right: 8px
}

.b-design-transfer-list-content-item>* {
    flex: none
}

.b-design-transfer-list-content-item-text {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-transfer-list-content-item-remove {
    position: relative;
    color: #d7d8db;
    cursor: pointer;
    transition: all .3s
}

.b-design-transfer-list-content-item-remove:hover {
    color: #0d0d0d
}

.b-design-transfer-list-content-item-remove:after {
    position: absolute;
    top: -9px;
    right: -50%;
    bottom: -9px;
    left: -50%;
    content: ""
}

.b-design-transfer-list-content-item:not(.b-design-transfer-list-content-item-disabled):hover {
    background-color: #f1f2f3;
    cursor: pointer
}

.b-design-transfer-list-content-item:not(.b-design-transfer-list-content-item-disabled).b-design-transfer-list-content-item-checked:hover {
    background-color: #edeef0
}

.b-design-transfer-list-content-show-remove .b-design-transfer-list-content-item:not(.b-design-transfer-list-content-item-disabled):hover {
    background: transparent;
    cursor: default
}

.b-design-transfer-list-content-item-checked {
    background-color: var(--b-design-primary-10)
}

.b-design-transfer-list-content-item-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-transfer-list-pagination {
    padding: 8px 0;
    text-align: right;
    border-top: 1px solid #e6e8eb
}

.b-design-transfer-list-body-not-found {
    flex: none;
    width: 100%;
    margin: auto 0;
    color: #b8bbc2;
    text-align: center
}

.b-design-transfer-list-footer {
    border-top: 1px solid #e6e8eb
}

.b-design-transfer-operation {
    margin: 0 8px
}

.b-design-transfer-operation .b-design-btn .anticon {
    font-size: 12px
}

.b-design-transfer .b-design-empty-image {
    max-height: -4px
}

.b-design-transfer-rtl {
    direction: rtl
}

.b-design-transfer-rtl .b-design-transfer-list-search {
    padding-right: 8px;
    padding-left: 24px
}

.b-design-transfer-rtl .b-design-transfer-list-search-action {
    right: auto;
    left: 12px
}

.b-design-transfer-rtl .b-design-transfer-list-header>:not(:last-child) {
    margin-right: 0;
    margin-left: 4px
}

.b-design-transfer-rtl .b-design-transfer-list-header {
    right: 0;
    left: auto
}

.b-design-transfer-rtl .b-design-transfer-list-header-title {
    text-align: left
}

.b-design-transfer-rtl .b-design-transfer-list-content-item>:not(:last-child) {
    margin-right: 0;
    margin-left: 8px
}

.b-design-transfer-rtl .b-design-transfer-list-pagination {
    text-align: left
}

.b-design-transfer-rtl .b-design-transfer-list-footer {
    right: 0;
    left: auto
}

.b-design-transfer-list {
    border-color: #e6e8eb
}

.b-design-transfer-list-header {
    border-bottom: 1px solid #e6e7e8
}

.b-design-transfer-list-footer {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px
}

.b-design-transfer-list-footer-selected {
    font-size: 12px
}

.b-design-transfer-list-content-item,
.b-design-transfer-list-footer,
.b-design-transfer-list-header {
    padding-right: 16px;
    padding-left: 16px
}

.b-design-transfer-list-content-item-text {
    font-size: 12px
}

.b-design-transfer-list-content-item>:not(:last-child) {
    margin-right: 6px
}

.b-design-transfer-list-content-item-checked {
    background-color: #edeef0
}

.b-design-transfer-list-content-item-checked .b-design-transfer-list-content-item-text {
    color: #1f2024
}

.b-design-transfer-list-with-search {
    height: 256px
}

.b-design-transfer-list-with-search .b-design-input-affix-wrapper-focused,
.b-design-transfer-list-with-search .b-design-input-affix-wrapper:focus {
    outline: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box;
    background-position: 80%;
    background-size: 250%;
    border-color: transparent
}

.b-design-transfer-list-with-search .b-design-input-affix-wrapper-focused+.b-design-input-group-addon .b-design-input-search-button,
.b-design-transfer-list-with-search .b-design-input-affix-wrapper:focus+.b-design-input-group-addon .b-design-input-search-button {
    outline: 0 !important;
    box-shadow: none !important;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-40), var(--b-design-primary-30)) border-box !important;
    background-position: 80% !important;
    background-size: 250% !important;
    border-color: transparent !important;
    -webkit-animation: gradient-outline 3s infinite alternate;
    animation: gradient-outline 3s infinite alternate
}

.b-design-transfer-list .b-design-table-tbody {
    background-color: #fff
}

.b-design-transfer-list .b-design-table-row-selected {
    color: var(--b-design-primary-color)
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-small .b-design-table-selection-column {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: unset;
    padding-right: 4px
}

.b-design-transfer-customize-list .b-design-table-wrapper .b-design-table-pagination.b-design-pagination {
    margin: 6px 0
}

.b-design-transfer-list-body .b-design-tree-list .b-design-tree-treenode {
    border-radius: 0
}

.b-design-transfer-list-body .b-design-tree-list .b-design-tree-treenode:not(.b-design-tree-treenode-disabled):hover {
    background-color: #f1f2f3
}

.b-design-transfer-list-body .b-design-tree-list .b-design-tree-treenode-selected {
    background-color: #edeef0
}

.b-design-transfer-operation {
    display: flex;
    flex: none;
    flex-direction: column;
    align-self: center;
    margin: 0 26px;
    vertical-align: middle
}

.b-design-transfer-operation .b-design-btn {
    display: block;
    min-width: 32px !important;
    height: 32px !important
}

.b-design-transfer-operation .b-design-btn .anticon {
    width: 16px;
    margin: auto
}

.b-design-transfer-operation .b-design-btn .anticon svg {
    display: none !important
}

.b-design-transfer-operation .b-design-btn .anticon:after {
    position: absolute;
    left: 50%;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    transform: translateX(-50%);
    content: "\e7ae"
}

.b-design-transfer-operation .b-design-btn .anticon-left:after {
    content: "\e7ac"
}

.b-design-transfer-operation .b-design-btn[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border: 1px solid #d7d8db
}

.b-design-transfer-operation .b-design-btn[disabled] .anticon {
    color: #b8bbc2
}

.b-design-transfer-operation .b-design-btn:first-child {
    margin-bottom: 4px
}

.b-design-transfer-operation .b-design-btn+.b-design-btn {
    -webkit-margin-start: initial;
    margin-inline-start: 0
}

.b-design-select-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.b-design-select-tree-checkbox-input:focus+.b-design-select-tree-checkbox-inner,
.b-design-select-tree-checkbox-wrapper:hover .b-design-select-tree-checkbox-inner,
.b-design-select-tree-checkbox:hover .b-design-select-tree-checkbox-inner {
    border-color: var(--b-design-primary-color)
}

.b-design-select-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--b-design-primary-color);
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect .36s ease-in-out;
    animation: antCheckboxEffect .36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: ""
}

.b-design-select-tree-checkbox-wrapper:hover .b-design-select-tree-checkbox:after,
.b-design-select-tree-checkbox:hover:after {
    visibility: visible
}

.b-design-select-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.b-design-select-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.b-design-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
}

.b-design-select-tree-checkbox-checked .b-design-select-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.b-design-select-tree-checkbox-checked .b-design-select-tree-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-select-tree-checkbox-disabled {
    cursor: not-allowed
}

.b-design-select-tree-checkbox-disabled.b-design-select-tree-checkbox-checked .b-design-select-tree-checkbox-inner:after {
    border-color: #b8bbc2;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-inner {
    background-color: #f1f2f3;
    border-color: #d7d8db !important
}

.b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-inner:after {
    border-color: #f1f2f3;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-select-tree-checkbox-disabled+span {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-select-tree-checkbox-disabled:hover:after,
.b-design-select-tree-checkbox-wrapper:hover .b-design-select-tree-checkbox-disabled:after {
    visibility: hidden
}

.b-design-select-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.b-design-select-tree-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.b-design-select-tree-checkbox-wrapper.b-design-select-tree-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.b-design-select-tree-checkbox-wrapper+.b-design-select-tree-checkbox-wrapper {
    margin-left: 8px
}

.b-design-select-tree-checkbox-wrapper.b-design-select-tree-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.b-design-select-tree-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.b-design-select-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.b-design-select-tree-checkbox-group-item {
    margin-right: 8px
}

.b-design-select-tree-checkbox-group-item:last-child {
    margin-right: 0
}

.b-design-select-tree-checkbox-group-item+.b-design-select-tree-checkbox-group-item {
    margin-left: 0
}

.b-design-select-tree-checkbox-indeterminate .b-design-select-tree-checkbox-inner {
    background-color: #fff;
    border-color: #d7d8db
}

.b-design-select-tree-checkbox-indeterminate .b-design-select-tree-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background-color: var(--b-design-primary-color);
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.b-design-select-tree-checkbox-indeterminate.b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-inner:after {
    background-color: #b8bbc2;
    border-color: #b8bbc2
}

.b-design-tree-select-dropdown {
    padding: 8px 4px
}

.b-design-tree-select-dropdown-rtl {
    direction: rtl
}

.b-design-tree-select-dropdown .b-design-select-tree {
    border-radius: 0
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner {
    align-items: stretch
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper {
    flex: auto
}

.b-design-select-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: #fff;
    border-radius: 2px;
    transition: background-color .3s
}

.b-design-select-tree-focused:not(:hover):not(.b-design-select-tree-active-focused) {
    background: var(--b-design-primary-10)
}

.b-design-select-tree-list-holder-inner {
    align-items: flex-start
}

.b-design-select-tree.b-design-select-tree-block-node .b-design-select-tree-list-holder-inner {
    align-items: stretch
}

.b-design-select-tree.b-design-select-tree-block-node .b-design-select-tree-list-holder-inner .b-design-select-tree-node-content-wrapper {
    flex: auto
}

.b-design-select-tree.b-design-select-tree-block-node .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode.dragging {
    position: relative
}

.b-design-select-tree.b-design-select-tree-block-node .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode.dragging:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    border: 1px solid var(--b-design-primary-color);
    opacity: 0;
    -webkit-animation: ant-tree-node-fx-do-not-use .3s;
    animation: ant-tree-node-fx-do-not-use .3s;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

.b-design-select-tree .b-design-select-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 4px;
    outline: none
}

.b-design-select-tree .b-design-select-tree-treenode-disabled .b-design-select-tree-node-content-wrapper {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-select-tree .b-design-select-tree-treenode-active .b-design-select-tree-node-content-wrapper,
.b-design-select-tree .b-design-select-tree-treenode-disabled .b-design-select-tree-node-content-wrapper:hover {
    background: transparent
}

.b-design-select-tree .b-design-select-tree-treenode:not(.b-design-select-tree .b-design-select-tree-treenode-disabled).filter-node .b-design-select-tree-title {
    color: inherit;
    font-weight: 500
}

.b-design-select-tree .b-design-select-tree-treenode-draggable .b-design-select-tree-draggable-icon {
    width: 32px;
    line-height: 32px;
    text-align: center;
    visibility: visible;
    opacity: .2;
    transition: opacity .3s
}

.b-design-select-tree-treenode:hover .b-design-select-tree .b-design-select-tree-treenode-draggable .b-design-select-tree-draggable-icon {
    opacity: .45
}

.b-design-select-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-select-tree-indent-unit {
    display: inline-block;
    width: 32px
}

.b-design-select-tree-draggable-icon {
    visibility: hidden
}

.b-design-select-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 32px;
    margin: 0;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-select-tree-switcher .b-design-select-tree-switcher-icon,
.b-design-select-tree-switcher .b-design-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline
}

.b-design-select-tree-switcher .b-design-select-tree-switcher-icon svg,
.b-design-select-tree-switcher .b-design-tree-switcher-icon svg {
    transition: transform .3s
}

.b-design-select-tree-switcher-noop {
    cursor: default
}

.b-design-select-tree-switcher_close .b-design-select-tree-switcher-icon svg {
    transform: rotate(-90deg)
}

.b-design-select-tree-switcher-loading-icon {
    color: var(--b-design-primary-color)
}

.b-design-select-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%
}

.b-design-select-tree-switcher-leaf-line:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #f1f2f3;
    content: " "
}

.b-design-select-tree-switcher-leaf-line:after {
    position: absolute;
    width: 18px;
    height: 22px;
    border-bottom: 1px solid #f1f2f3;
    content: " "
}

.b-design-select-tree-checkbox {
    top: auto;
    margin: 9px 8px 0 0
}

.b-design-select-tree .b-design-select-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 32px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 32px;
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s, border 0s, line-height 0s, box-shadow 0s
}

.b-design-select-tree .b-design-select-tree-node-content-wrapper.b-design-select-tree-node-selected,
.b-design-select-tree .b-design-select-tree-node-content-wrapper:hover {
    background-color: transparent
}

.b-design-select-tree .b-design-select-tree-node-content-wrapper .b-design-select-tree-iconEle {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: top
}

.b-design-select-tree .b-design-select-tree-node-content-wrapper .b-design-select-tree-iconEle:empty {
    display: none
}

.b-design-select-tree-unselectable .b-design-select-tree-node-content-wrapper:hover {
    background-color: transparent
}

.b-design-select-tree-node-content-wrapper {
    line-height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-select-tree-node-content-wrapper .b-design-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: var(--b-design-primary-color);
    border-radius: 1px;
    pointer-events: none
}

.b-design-select-tree-node-content-wrapper .b-design-tree-drop-indicator:after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid var(--b-design-primary-color);
    border-radius: 50%;
    content: ""
}

.b-design-select-tree .b-design-select-tree-treenode.drop-container>[draggable] {
    box-shadow: 0 0 0 2px var(--b-design-primary-color)
}

.b-design-select-tree-show-line .b-design-select-tree-indent-unit {
    position: relative;
    height: 100%
}

.b-design-select-tree-show-line .b-design-select-tree-indent-unit:before {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: -4px;
    border-right: 1px solid #d7d8db;
    content: ""
}

.b-design-select-tree-show-line .b-design-select-tree-indent-unit-end:before {
    display: none
}

.b-design-select-tree-show-line .b-design-select-tree-switcher {
    background: #fff
}

.b-design-select-tree-show-line .b-design-select-tree-switcher-line-icon {
    vertical-align: -.15em
}

.b-design-select-tree .b-design-select-tree-treenode-leaf-last .b-design-select-tree-switcher-leaf-line:before {
    top: auto !important;
    bottom: auto !important;
    height: 22px !important
}

.b-design-tree-select-dropdown-rtl .b-design-select-tree .b-design-select-tree-switcher_close .b-design-select-tree-switcher-icon svg {
    transform: rotate(90deg)
}

.b-design-tree-select-dropdown-rtl .b-design-select-tree .b-design-select-tree-switcher-loading-icon {
    transform: scaleY(-1)
}

.b-design-select-tree {
    font-size: 13px
}

.b-design-select-tree-checkbox-wrapper:hover .b-design-select-tree .b-design-select-tree-checkbox:not(.b-design-select-tree .b-design-select-tree-checkbox-checked):not(.b-design-select-tree .b-design-select-tree-checkbox-disabled):not(.b-design-select-tree .b-design-select-tree-checkbox-indeterminate) .b-design-select-tree .b-design-select-tree-checkbox-inner,
.b-design-select-tree .b-design-select-tree-checkbox:hover .b-design-select-tree .b-design-select-tree-checkbox:not(.b-design-select-tree .b-design-select-tree-checkbox-checked):not(.b-design-select-tree .b-design-select-tree-checkbox-disabled):not(.b-design-select-tree .b-design-select-tree-checkbox-indeterminate) .b-design-select-tree .b-design-select-tree-checkbox-inner {
    border-color: #81848f;
    box-shadow: 0 0 0 4px #edeef0
}

.b-design-select-tree .b-design-select-tree-checkbox-checked:after {
    content: unset
}

.b-design-select-tree .b-design-select-tree-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: .75em;
    font-family: iconfont;
    line-height: 1
}

.b-design-select-tree .b-design-select-tree-checkbox-checked .b-design-select-tree-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    color: #fff;
    font-size: .75em;
    font-family: iconfont !important;
    line-height: 1;
    border: 0;
    border-top: 0;
    border-left: 0;
    transform: unset;
    opacity: 1;
    transition: unset;
    content: "\e83d"
}

.b-design-select-tree .b-design-select-tree-checkbox-disabled {
    cursor: not-allowed
}

.b-design-select-tree .b-design-select-tree-checkbox-disabled.b-design-select-tree-checkbox-checked:after {
    color: var(--b-design-primary-10)
}

.b-design-select-tree .b-design-select-tree-checkbox-disabled.b-design-select-tree-checkbox-checked .b-design-select-tree-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-select-tree .b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-inner {
    background-color: #f1f2f3;
    border-color: #d7d8db !important
}

.b-design-select-tree .b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-inner:after {
    border-color: #f1f2f3;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-select-tree .b-design-select-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    line-height: 24px
}

.b-design-select-tree .b-design-select-tree-checkbox-wrapper.b-design-select-tree .b-design-select-tree-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 16px;
    height: 16px
}

.b-design-select-tree .b-design-select-tree-checkbox-indeterminate .b-design-select-tree-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-select-tree .b-design-select-tree-checkbox-indeterminate .b-design-select-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 1px;
    background-color: #fff;
    border: 0;
    border-radius: 1px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.b-design-select-tree .b-design-select-tree-checkbox-indeterminate.b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-select-tree .b-design-select-tree-checkbox-indeterminate.b-design-select-tree-checkbox-disabled .b-design-select-tree-checkbox-inner:after {
    background-color: var(--b-design-primary-10);
    border-color: var(--b-design-primary-10)
}

.b-design-select-tree .b-design-select-tree-treenode {
    padding: 0
}

.b-design-select-tree-switcher {
    width: 14px;
    margin: 0 6px 0 8px;
    color: #81848f
}

.b-design-select-tree.b-design-select-tree-directory .b-design-select-tree-treenode:before {
    bottom: 0
}

.b-design-select-tree.b-design-select-tree-directory .b-design-select-tree-treenode:hover:before {
    background: #edeef0
}

.b-design-select-tree .b-design-select-tree-node-content-wrapper .b-design-select-tree-iconEle {
    width: 14px;
    margin-right: 8px;
    color: #81848f
}

.b-design-select-tree-show-line .b-design-select-tree-treenode-selected .b-design-select-tree-switcher,
.b-design-select-tree-show-line .b-design-select-tree-treenode:not(.b-design-select-tree-show-line .b-design-select-tree-treenode-disabled):hover .b-design-select-tree-switcher {
    color: var(--b-design-primary-60)
}

.b-design-select-tree-indent-unit {
    width: 24px
}

.b-design-select-tree-show-line .b-design-select-tree-indent-unit:before {
    right: 8px;
    border-right-color: #d4d6db
}

.b-design-select-tree-switcher-leaf-line:after {
    width: 10px;
    height: 16px;
    border-bottom-color: #d4d6db
}

.b-design-select-tree-switcher-leaf-line:before {
    right: wpx;
    border-right-color: #d4d6db
}

.b-design-select-tree .b-design-select-tree-treenode-leaf-last .b-design-select-tree-switcher-leaf-line:before {
    height: 16px !important
}

.b-design-select-tree-checkbox-disabled+.b-design-select-tree-node-content-wrapper,
.b-design-select-tree-treenode-disabled .b-design-select-tree-node-content-wrapper {
    color: #b8bbc2
}

.b-design-select-tree.b-design-select-tree-directory .b-design-select-tree-treenode-selected:before,
.b-design-select-tree.b-design-select-tree-directory .b-design-select-tree-treenode-selected:hover:before {
    background: transparent
}

.b-design-tree-select-dropdown {
    padding: 10px 0
}

.b-design-tree-select-dropdown .b-design-select-tree {
    background: transparent
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode {
    padding-right: 16px;
    padding-left: 16px;
    transition: background .3s
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover {
    background-color: #f1f2f3
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-node-content-wrapper {
    color: #474a52
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled):not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-selected):hover .b-design-select-tree-switcher {
    color: #60636b
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-checkbox-checked,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-selected,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-checkbox-checked,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-selected,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-checkbox-checked,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-selected,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-checkbox-checked,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode:not(.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode-disabled).b-design-select-tree-treenode-selected {
    background-color: #edeef0
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper.b-design-select-tree-node-selected,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper:hover,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper.b-design-select-tree-node-selected,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper:hover {
    color: #474a52;
    background-color: transparent
}

.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper.b-design-select-tree-node-content-wrapper:active,
.b-design-tree-select-dropdown .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper.b-design-select-tree-node-selected,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper.b-design-select-tree-node-content-wrapper:active,
.b-design-tree-select-dropdown .b-design-select-tree .b-design-select-tree-list-holder-inner .b-design-select-tree-treenode .b-design-select-tree-node-content-wrapper.b-design-select-tree-node-selected {
    color: var(--b-design-primary-color)
}

@-webkit-keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

@-webkit-keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode {
    position: relative
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    transition: background-color .3s;
    content: "";
    pointer-events: none
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode:hover:before {
    background: #f5f5f5
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode>* {
    z-index: 1
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode .b-design-tree-switcher {
    transition: color .3s
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode .b-design-tree-node-content-wrapper {
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode .b-design-tree-node-content-wrapper:hover {
    background: transparent
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode .b-design-tree-node-content-wrapper.b-design-tree-node-selected {
    color: var(--b-design-primary-color);
    background: transparent
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected:before,
.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected:hover:before {
    background: var(--b-design-primary-color)
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected .b-design-tree-switcher {
    color: var(--b-design-primary-color)
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected .b-design-tree-node-content-wrapper {
    color: var(--b-design-primary-color);
    background: transparent
}

.b-design-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.b-design-tree-checkbox-input:focus+.b-design-tree-checkbox-inner,
.b-design-tree-checkbox-wrapper:hover .b-design-tree-checkbox-inner,
.b-design-tree-checkbox:hover .b-design-tree-checkbox-inner {
    border-color: var(--b-design-primary-color)
}

.b-design-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--b-design-primary-color);
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect .36s ease-in-out;
    animation: antCheckboxEffect .36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: ""
}

.b-design-tree-checkbox-wrapper:hover .b-design-tree-checkbox:after,
.b-design-tree-checkbox:hover:after {
    visibility: visible
}

.b-design-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.b-design-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.b-design-tree-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.b-design-tree-checkbox-checked .b-design-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.b-design-tree-checkbox-checked .b-design-tree-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-tree-checkbox-disabled {
    cursor: not-allowed
}

.b-design-tree-checkbox-disabled.b-design-tree-checkbox-checked .b-design-tree-checkbox-inner:after {
    border-color: #b8bbc2;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-tree-checkbox-disabled .b-design-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.b-design-tree-checkbox-disabled .b-design-tree-checkbox-inner {
    background-color: #f1f2f3;
    border-color: #d7d8db !important
}

.b-design-tree-checkbox-disabled .b-design-tree-checkbox-inner:after {
    border-color: #f1f2f3;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-tree-checkbox-disabled+span {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-tree-checkbox-disabled:hover:after,
.b-design-tree-checkbox-wrapper:hover .b-design-tree-checkbox-disabled:after {
    visibility: hidden
}

.b-design-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.b-design-tree-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.b-design-tree-checkbox-wrapper.b-design-tree-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.b-design-tree-checkbox-wrapper+.b-design-tree-checkbox-wrapper {
    margin-left: 8px
}

.b-design-tree-checkbox-wrapper.b-design-tree-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.b-design-tree-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.b-design-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.b-design-tree-checkbox-group-item {
    margin-right: 8px
}

.b-design-tree-checkbox-group-item:last-child {
    margin-right: 0
}

.b-design-tree-checkbox-group-item+.b-design-tree-checkbox-group-item {
    margin-left: 0
}

.b-design-tree-checkbox-indeterminate .b-design-tree-checkbox-inner {
    background-color: #fff;
    border-color: #d7d8db
}

.b-design-tree-checkbox-indeterminate .b-design-tree-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background-color: var(--b-design-primary-color);
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.b-design-tree-checkbox-indeterminate.b-design-tree-checkbox-disabled .b-design-tree-checkbox-inner:after {
    background-color: #b8bbc2;
    border-color: #b8bbc2
}

.b-design-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: #fff;
    border-radius: 2px;
    transition: background-color .3s
}

.b-design-tree-focused:not(:hover):not(.b-design-tree-active-focused) {
    background: var(--b-design-primary-10)
}

.b-design-tree-list-holder-inner {
    align-items: flex-start
}

.b-design-tree.b-design-tree-block-node .b-design-tree-list-holder-inner {
    align-items: stretch
}

.b-design-tree.b-design-tree-block-node .b-design-tree-list-holder-inner .b-design-tree-node-content-wrapper {
    flex: auto
}

.b-design-tree.b-design-tree-block-node .b-design-tree-list-holder-inner .b-design-tree-treenode.dragging {
    position: relative
}

.b-design-tree.b-design-tree-block-node .b-design-tree-list-holder-inner .b-design-tree-treenode.dragging:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    border: 1px solid var(--b-design-primary-color);
    opacity: 0;
    -webkit-animation: ant-tree-node-fx-do-not-use .3s;
    animation: ant-tree-node-fx-do-not-use .3s;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

.b-design-tree .b-design-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 4px;
    outline: none
}

.b-design-tree .b-design-tree-treenode-disabled .b-design-tree-node-content-wrapper {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-tree .b-design-tree-treenode-active .b-design-tree-node-content-wrapper,
.b-design-tree .b-design-tree-treenode-disabled .b-design-tree-node-content-wrapper:hover {
    background: transparent
}

.b-design-tree .b-design-tree-treenode:not(.b-design-tree .b-design-tree-treenode-disabled).filter-node .b-design-tree-title {
    color: inherit;
    font-weight: 500
}

.b-design-tree .b-design-tree-treenode-draggable .b-design-tree-draggable-icon {
    width: 32px;
    line-height: 32px;
    text-align: center;
    visibility: visible;
    opacity: .2;
    transition: opacity .3s
}

.b-design-tree-treenode:hover .b-design-tree .b-design-tree-treenode-draggable .b-design-tree-draggable-icon {
    opacity: .45
}

.b-design-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-tree-indent-unit {
    display: inline-block;
    width: 32px
}

.b-design-tree-draggable-icon {
    visibility: hidden
}

.b-design-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 32px;
    margin: 0;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-tree-switcher .b-design-select-tree-switcher-icon,
.b-design-tree-switcher .b-design-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline
}

.b-design-tree-switcher .b-design-select-tree-switcher-icon svg,
.b-design-tree-switcher .b-design-tree-switcher-icon svg {
    transition: transform .3s
}

.b-design-tree-switcher-noop {
    cursor: default
}

.b-design-tree-switcher_close .b-design-tree-switcher-icon svg {
    transform: rotate(-90deg)
}

.b-design-tree-switcher-loading-icon {
    color: var(--b-design-primary-color)
}

.b-design-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%
}

.b-design-tree-switcher-leaf-line:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #f1f2f3;
    content: " "
}

.b-design-tree-switcher-leaf-line:after {
    position: absolute;
    width: 18px;
    height: 22px;
    border-bottom: 1px solid #f1f2f3;
    content: " "
}

.b-design-tree-checkbox {
    top: auto;
    margin: 9px 8px 0 0
}

.b-design-tree .b-design-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 32px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 32px;
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s, border 0s, line-height 0s, box-shadow 0s
}

.b-design-tree .b-design-tree-node-content-wrapper.b-design-tree-node-selected,
.b-design-tree .b-design-tree-node-content-wrapper:hover {
    background-color: transparent
}

.b-design-tree .b-design-tree-node-content-wrapper .b-design-tree-iconEle {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: top
}

.b-design-tree .b-design-tree-node-content-wrapper .b-design-tree-iconEle:empty {
    display: none
}

.b-design-tree-unselectable .b-design-tree-node-content-wrapper:hover {
    background-color: transparent
}

.b-design-tree-node-content-wrapper {
    line-height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-tree-node-content-wrapper .b-design-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: var(--b-design-primary-color);
    border-radius: 1px;
    pointer-events: none
}

.b-design-tree-node-content-wrapper .b-design-tree-drop-indicator:after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid var(--b-design-primary-color);
    border-radius: 50%;
    content: ""
}

.b-design-tree .b-design-tree-treenode.drop-container>[draggable] {
    box-shadow: 0 0 0 2px var(--b-design-primary-color)
}

.b-design-tree-show-line .b-design-tree-indent-unit {
    position: relative;
    height: 100%
}

.b-design-tree-show-line .b-design-tree-indent-unit:before {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: -4px;
    border-right: 1px solid #d7d8db;
    content: ""
}

.b-design-tree-show-line .b-design-tree-indent-unit-end:before {
    display: none
}

.b-design-tree-show-line .b-design-tree-switcher {
    background: #fff
}

.b-design-tree-show-line .b-design-tree-switcher-line-icon {
    vertical-align: -.15em
}

.b-design-tree .b-design-tree-treenode-leaf-last .b-design-tree-switcher-leaf-line:before {
    top: auto !important;
    bottom: auto !important;
    height: 22px !important
}

.b-design-tree-rtl {
    direction: rtl
}

.b-design-tree-rtl .b-design-tree-node-content-wrapper[draggable=true] .b-design-tree-drop-indicator:after {
    right: -6px;
    left: unset
}

.b-design-tree .b-design-tree-treenode-rtl {
    direction: rtl
}

.b-design-tree-rtl .b-design-tree-switcher_close .b-design-tree-switcher-icon svg {
    transform: rotate(90deg)
}

.b-design-tree-rtl.b-design-tree-show-line .b-design-tree-indent-unit:before {
    right: auto;
    left: -17px;
    border-right: none;
    border-left: 1px solid #d7d8db
}

.b-design-tree-rtl .b-design-tree-checkbox,
.b-design-tree-select-dropdown-rtl .b-design-select-tree-checkbox {
    margin: 9px 0 0 8px
}

.b-design-checkbox-wrapper:hover .b-design-checkbox:not(.b-design-checkbox-checked):not(.b-design-checkbox-disabled):not(.b-design-checkbox-indeterminate) .b-design-checkbox-inner,
.b-design-checkbox:hover .b-design-checkbox:not(.b-design-checkbox-checked):not(.b-design-checkbox-disabled):not(.b-design-checkbox-indeterminate) .b-design-checkbox-inner {
    border-color: #81848f;
    box-shadow: 0 0 0 4px #edeef0
}

.b-design-checkbox-checked:after {
    content: unset
}

.b-design-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: .75em;
    font-family: iconfont;
    line-height: 1
}

.b-design-checkbox-checked .b-design-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    color: #fff;
    font-size: .75em;
    font-family: iconfont !important;
    line-height: 1;
    border: 0;
    border-top: 0;
    border-left: 0;
    transform: unset;
    opacity: 1;
    transition: unset;
    content: "\e83d"
}

.b-design-checkbox-disabled {
    cursor: not-allowed
}

.b-design-checkbox-disabled.b-design-checkbox-checked:after {
    color: var(--b-design-primary-10)
}

.b-design-checkbox-disabled.b-design-checkbox-checked .b-design-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-checkbox-disabled .b-design-checkbox-inner {
    background-color: #f1f2f3;
    border-color: #d7d8db !important
}

.b-design-checkbox-disabled .b-design-checkbox-inner:after {
    border-color: #f1f2f3;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    line-height: 24px
}

.b-design-checkbox-wrapper.b-design-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 16px;
    height: 16px
}

.b-design-checkbox-indeterminate .b-design-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-checkbox-indeterminate .b-design-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 1px;
    background-color: #fff;
    border: 0;
    border-radius: 1px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.b-design-checkbox-indeterminate.b-design-checkbox-disabled .b-design-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-checkbox-indeterminate.b-design-checkbox-disabled .b-design-checkbox-inner:after {
    background-color: var(--b-design-primary-10);
    border-color: var(--b-design-primary-10)
}

.b-design-tree {
    font-size: 13px
}

.b-design-tree .b-design-tree-treenode {
    padding: 0
}

.b-design-tree-switcher {
    width: 14px;
    margin: 0 6px 0 8px;
    color: #81848f
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode:before {
    bottom: 0
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode:hover:before {
    background: #edeef0
}

.b-design-tree-node-content-wrapper.b-design-tree-node-selected,
.b-design-tree-node-content-wrapper:not(.b-design-tree-treenode-disabled .b-design-tree-node-content-wrapper):not(.b-design-tree-checkable .b-design-tree-node-content-wrapper):not(.b-design-tree-checkbox-disabled+.b-design-tree-node-content-wrapper):not(.b-design-tree-checkbox+.b-design-tree-node-content-wrapper):hover {
    color: var(--b-design-primary-60)
}

.b-design-tree-node-content-wrapper.b-design-tree-node-selected .b-design-tree-iconEle,
.b-design-tree-node-content-wrapper:not(.b-design-tree-treenode-disabled .b-design-tree-node-content-wrapper):not(.b-design-tree-checkable .b-design-tree-node-content-wrapper):not(.b-design-tree-checkbox-disabled+.b-design-tree-node-content-wrapper):not(.b-design-tree-checkbox+.b-design-tree-node-content-wrapper):hover .b-design-tree-iconEle {
    color: var(--b-design-primary-60) !important
}

.b-design-tree-checkbox-wrapper:hover .b-design-tree .b-design-tree-checkbox:not(.b-design-tree .b-design-tree-checkbox-checked):not(.b-design-tree .b-design-tree-checkbox-disabled):not(.b-design-tree .b-design-tree-checkbox-indeterminate) .b-design-tree .b-design-tree-checkbox-inner,
.b-design-tree .b-design-tree-checkbox:hover .b-design-tree .b-design-tree-checkbox:not(.b-design-tree .b-design-tree-checkbox-checked):not(.b-design-tree .b-design-tree-checkbox-disabled):not(.b-design-tree .b-design-tree-checkbox-indeterminate) .b-design-tree .b-design-tree-checkbox-inner {
    border-color: #81848f;
    box-shadow: 0 0 0 4px #edeef0
}

.b-design-tree .b-design-tree-checkbox-checked:after {
    content: unset
}

.b-design-tree .b-design-tree-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: .75em;
    font-family: iconfont;
    line-height: 1
}

.b-design-tree .b-design-tree-checkbox-checked .b-design-tree-checkbox-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    color: #fff;
    font-size: .75em;
    font-family: iconfont !important;
    line-height: 1;
    border: 0;
    border-top: 0;
    border-left: 0;
    transform: unset;
    opacity: 1;
    transition: unset;
    content: "\e83d"
}

.b-design-tree .b-design-tree-checkbox-disabled {
    cursor: not-allowed
}

.b-design-tree .b-design-tree-checkbox-disabled.b-design-tree-checkbox-checked:after {
    color: var(--b-design-primary-10)
}

.b-design-tree .b-design-tree-checkbox-disabled.b-design-tree-checkbox-checked .b-design-tree-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-tree .b-design-tree-checkbox-disabled .b-design-tree-checkbox-inner {
    background-color: #f1f2f3;
    border-color: #d7d8db !important
}

.b-design-tree .b-design-tree-checkbox-disabled .b-design-tree-checkbox-inner:after {
    border-color: #f1f2f3;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.b-design-tree .b-design-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    line-height: 24px
}

.b-design-tree .b-design-tree-checkbox-wrapper.b-design-tree .b-design-tree-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 16px;
    height: 16px
}

.b-design-tree .b-design-tree-checkbox-indeterminate .b-design-tree-checkbox-inner {
    background-color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color)
}

.b-design-tree .b-design-tree-checkbox-indeterminate .b-design-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 1px;
    background-color: #fff;
    border: 0;
    border-radius: 1px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.b-design-tree .b-design-tree-checkbox-indeterminate.b-design-tree-checkbox-disabled .b-design-tree-checkbox-inner {
    background-color: var(--b-design-primary-30);
    border-color: var(--b-design-primary-30) !important
}

.b-design-tree .b-design-tree-checkbox-indeterminate.b-design-tree-checkbox-disabled .b-design-tree-checkbox-inner:after {
    background-color: var(--b-design-primary-10);
    border-color: var(--b-design-primary-10)
}

.b-design-tree .b-design-tree-node-content-wrapper .b-design-tree-iconEle {
    width: 14px;
    margin-right: 8px;
    color: #81848f
}

.b-design-tree-show-line .b-design-tree-treenode-selected .b-design-tree-switcher,
.b-design-tree-show-line .b-design-tree-treenode:not(.b-design-tree-show-line .b-design-tree-treenode-disabled):hover .b-design-tree-switcher {
    color: var(--b-design-primary-60)
}

.b-design-tree-indent-unit {
    width: 24px
}

.b-design-tree-show-line .b-design-tree-indent-unit:before {
    right: 8px;
    border-right-color: #d4d6db
}

.b-design-tree-switcher-leaf-line:after {
    width: 10px;
    height: 16px;
    border-bottom-color: #d4d6db
}

.b-design-tree-switcher-leaf-line:before {
    right: wpx;
    border-right-color: #d4d6db
}

.b-design-tree .b-design-tree-treenode-leaf-last .b-design-tree-switcher-leaf-line:before {
    height: 16px !important
}

.b-design-tree-checkbox-disabled+.b-design-tree-node-content-wrapper,
.b-design-tree-treenode-disabled .b-design-tree-node-content-wrapper {
    color: #b8bbc2
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected:before,
.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected:hover:before {
    background: transparent
}

.b-design-typography {
    color: #474a52;
    overflow-wrap: break-word
}

.b-design-typography.b-design-typography-secondary {
    color: #474a52
}

.b-design-typography.b-design-typography-success {
    color: var(--b-design-success-color)
}

.b-design-typography.b-design-typography-warning {
    color: var(--b-design-warning-color)
}

.b-design-typography.b-design-typography-danger {
    color: var(--b-design-error-color)
}

a.b-design-typography.b-design-typography-danger:active,
a.b-design-typography.b-design-typography-danger:focus {
    color: var(--b-design-error-color-active)
}

a.b-design-typography.b-design-typography-danger:hover {
    color: var(--b-design-error-color-hover)
}

.b-design-typography.b-design-typography-disabled {
    color: #b8bbc2;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.b-design-typography p,
div.b-design-typography {
    margin-bottom: 1em
}

.b-design-typography h1,
div.b-design-typography-h1,
div.b-design-typography-h1>textarea,
h1.b-design-typography {
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: .5em;
    margin-bottom: .25px;
    color: #1f2024;
    font-weight: 400;
    font-size: 60px;
    line-height: 84px;
    letter-spacing: .25px
}

.b-design-typography h2,
div.b-design-typography-h2,
div.b-design-typography-h2>textarea,
h2.b-design-typography {
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .5em;
    margin-bottom: .25px;
    color: #1f2024;
    font-weight: 400;
    font-size: 48px;
    line-height: 68px;
    letter-spacing: .25px
}

.b-design-typography h3,
div.b-design-typography-h3,
div.b-design-typography-h3>textarea,
h3.b-design-typography {
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .5em;
    margin-bottom: .25px;
    color: #1f2024;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: .25px
}

.b-design-typography h4,
div.b-design-typography-h4,
div.b-design-typography-h4>textarea,
h4.b-design-typography {
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .5em;
    margin-bottom: 0;
    color: #1f2024;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0
}

.b-design-typography h5,
div.b-design-typography-h5,
div.b-design-typography-h5>textarea,
h5.b-design-typography {
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .5em;
    margin-bottom: .15px;
    color: #1f2024;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .15px
}

.b-design-typography+h1.b-design-typography,
.b-design-typography+h2.b-design-typography,
.b-design-typography+h3.b-design-typography,
.b-design-typography+h4.b-design-typography,
.b-design-typography+h5.b-design-typography,
.b-design-typography div+h1,
.b-design-typography div+h2,
.b-design-typography div+h3,
.b-design-typography div+h4,
.b-design-typography div+h5,
.b-design-typography h1+h1,
.b-design-typography h1+h2,
.b-design-typography h1+h3,
.b-design-typography h1+h4,
.b-design-typography h1+h5,
.b-design-typography h2+h1,
.b-design-typography h2+h2,
.b-design-typography h2+h3,
.b-design-typography h2+h4,
.b-design-typography h2+h5,
.b-design-typography h3+h1,
.b-design-typography h3+h2,
.b-design-typography h3+h3,
.b-design-typography h3+h4,
.b-design-typography h3+h5,
.b-design-typography h4+h1,
.b-design-typography h4+h2,
.b-design-typography h4+h3,
.b-design-typography h4+h4,
.b-design-typography h4+h5,
.b-design-typography h5+h1,
.b-design-typography h5+h2,
.b-design-typography h5+h3,
.b-design-typography h5+h4,
.b-design-typography h5+h5,
.b-design-typography li+h1,
.b-design-typography li+h2,
.b-design-typography li+h3,
.b-design-typography li+h4,
.b-design-typography li+h5,
.b-design-typography p+h1,
.b-design-typography p+h2,
.b-design-typography p+h3,
.b-design-typography p+h4,
.b-design-typography p+h5,
.b-design-typography ul+h1,
.b-design-typography ul+h2,
.b-design-typography ul+h3,
.b-design-typography ul+h4,
.b-design-typography ul+h5 {
    margin-top: 1.2em
}

a.b-design-typography-ellipsis,
span.b-design-typography-ellipsis {
    display: inline-block;
    max-width: 100%
}

.b-design-typography a,
a.b-design-typography {
    color: var(--b-design-primary-color);
    outline: none;
    cursor: pointer;
    transition: color .3s;
    text-decoration: none
}

.b-design-typography a:focus-visible,
.b-design-typography a:hover,
a.b-design-typography:focus-visible,
a.b-design-typography:hover {
    color: #0d0d0d
}

.b-design-typography a:active,
a.b-design-typography:active {
    color: #000
}

.b-design-typography a:active,
.b-design-typography a:hover,
a.b-design-typography:active,
a.b-design-typography:hover {
    text-decoration: none
}

.b-design-typography a.b-design-typography-disabled,
.b-design-typography a[disabled],
a.b-design-typography.b-design-typography-disabled,
a.b-design-typography[disabled] {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-typography a.b-design-typography-disabled:active,
.b-design-typography a.b-design-typography-disabled:hover,
.b-design-typography a[disabled]:active,
.b-design-typography a[disabled]:hover,
a.b-design-typography.b-design-typography-disabled:active,
a.b-design-typography.b-design-typography-disabled:hover,
a.b-design-typography[disabled]:active,
a.b-design-typography[disabled]:hover {
    color: #b8bbc2
}

.b-design-typography a.b-design-typography-disabled:active,
.b-design-typography a[disabled]:active,
a.b-design-typography.b-design-typography-disabled:active,
a.b-design-typography[disabled]:active {
    pointer-events: none
}

.b-design-typography code {
    margin: 0 .2em;
    padding: .2em .4em .1em;
    font-size: 85%;
    background: hsla(0, 0%, 58.8%, .1);
    border: 1px solid hsla(0, 0%, 39.2%, .2);
    border-radius: 3px
}

.b-design-typography kbd {
    margin: 0 .2em;
    padding: .15em .4em .1em;
    font-size: 90%;
    background: hsla(0, 0%, 58.8%, .06);
    border: solid hsla(0, 0%, 39.2%, .2);
    border-width: 1px 1px 2px;
    border-radius: 3px
}

.b-design-typography mark {
    padding: 0;
    background-color: orange
}

.b-design-typography ins,
.b-design-typography u {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.b-design-typography del,
.b-design-typography s {
    text-decoration: line-through
}

.b-design-typography strong {
    font-weight: 600
}

.b-design-typography-copy,
.b-design-typography-edit,
.b-design-typography-expand {
    color: var(--b-design-primary-color);
    outline: none;
    cursor: pointer;
    transition: color .3s;
    margin-left: 4px
}

.b-design-typography-copy:focus-visible,
.b-design-typography-copy:hover,
.b-design-typography-edit:focus-visible,
.b-design-typography-edit:hover,
.b-design-typography-expand:focus-visible,
.b-design-typography-expand:hover {
    color: #0d0d0d
}

.b-design-typography-copy:active,
.b-design-typography-edit:active,
.b-design-typography-expand:active {
    color: #000
}

.b-design-typography-copy-success,
.b-design-typography-copy-success:focus,
.b-design-typography-copy-success:hover {
    color: var(--b-design-success-color)
}

.b-design-typography-edit-content {
    position: relative
}

div.b-design-typography-edit-content {
    left: -12px;
    margin-top: -7px;
    margin-bottom: calc(1em - 7px)
}

.b-design-typography-edit-content-confirm {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    pointer-events: none
}

.b-design-typography-edit-content textarea {
    height: 1em;
    margin: 0 !important;
    -moz-transition: none
}

.b-design-typography ol,
.b-design-typography ul {
    margin: 0 0 1em;
    padding: 0
}

.b-design-typography ol li,
.b-design-typography ul li {
    margin: 0 0 0 20px;
    padding: 0 0 0 4px
}

.b-design-typography ul {
    list-style-type: circle
}

.b-design-typography ul ul {
    list-style-type: disc
}

.b-design-typography ol {
    list-style-type: decimal
}

.b-design-typography blockquote,
.b-design-typography pre {
    margin: 1em 0
}

.b-design-typography pre {
    padding: .4em .6em;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: hsla(0, 0%, 58.8%, .1);
    border: 1px solid hsla(0, 0%, 39.2%, .2);
    border-radius: 3px
}

.b-design-typography pre code {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    background: transparent;
    border: 0
}

.b-design-typography blockquote {
    padding: 0 0 0 .6em;
    border-left: 4px solid hsla(0, 0%, 39.2%, .2);
    opacity: .85
}

.b-design-typography-single-line {
    white-space: nowrap
}

.b-design-typography-ellipsis-single-line {
    overflow: hidden;
    text-overflow: ellipsis
}

a.b-design-typography-ellipsis-single-line,
span.b-design-typography-ellipsis-single-line {
    vertical-align: bottom
}

.b-design-typography-ellipsis-multiple-line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical
}

.b-design-typography-rtl {
    direction: rtl
}

.b-design-typography-rtl .b-design-typography-copy,
.b-design-typography-rtl .b-design-typography-edit,
.b-design-typography-rtl .b-design-typography-expand {
    margin-right: 4px;
    margin-left: 0
}

.b-design-typography-rtl .b-design-typography-expand {
    float: left
}

div.b-design-typography-edit-content.b-design-typography-rtl {
    right: -12px;
    left: auto
}

.b-design-typography-rtl .b-design-typography-edit-content-confirm {
    right: auto;
    left: 10px
}

.b-design-typography-rtl.b-design-typography ol li,
.b-design-typography-rtl.b-design-typography ul li {
    margin: 0 20px 0 0;
    padding: 0 4px 0 0
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2)
    }

    to {
        background-position: 0 0
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2)
    }

    to {
        background-position: 0 0
    }
}

.b-design-typography p,
div.b-design-typography {
    margin-bottom: .4px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .4px
}

.b-design-typography a:focus-visible,
.b-design-typography a:hover,
a.b-design-typography:focus-visible,
a.b-design-typography:hover {
    color: var(--b-design-primary-color-hover)
}

html {
    --b-design-primary-color: #1b58f4;
    --b-design-primary-color-hover: #1752e4;
    --b-design-primary-color-active: #1752e4;
    --b-design-primary-color-outline: rgba(27, 88, 244, 0.2);
    --b-design-primary-10: #ebf0ff;
    --b-design-primary-20: #d1ddff;
    --b-design-primary-30: #a6bfff;
    --b-design-primary-40: #7ea3ff;
    --b-design-primary-50: #457aff;
    --b-design-primary-60: #1b58f4;
    --b-design-primary-70: #1548c9;
    --b-design-primary-80: #0f348f;
    --b-design-primary-90: #0a215c;
    --b-design-primary-100: #0a215c;
    --b-design-primary-color-deprecated-l-35: #c5d5fc;
    --b-design-primary-color-deprecated-l-20: #7c9ff9;
    --b-design-primary-color-deprecated-t-20: #4979f6;
    --b-design-primary-color-deprecated-t-50: #8dacfa;
    --b-design-primary-color-deprecated-f-12: rgba(27, 88, 244, 0.12);
    --b-design-primary-color-active-deprecated-f-30: rgba(232, 242, 255, 0.3);
    --b-design-primary-color-active-deprecated-d-02: #deecff;
    --b-design-primary-color-active-deprecated-f-20: rgba(235, 240, 255, 0.2);
    --b-design-success-color: #29a64e;
    --b-design-success-color-hover: #219644;
    --b-design-success-color-light: #dff5e5;
    --b-design-success-color-light2: #c0f0ce;
    --b-design-success-color-active: #19803c;
    --b-design-success-color-outline: rgba(41, 166, 78, 0.2);
    --b-design-success-color-deprecated-bg: #a5b8af;
    --b-design-success-color-deprecated-border: #4c9e7d;
    --b-design-error-color: #c82727;
    --b-design-error-color-hover: #bd2424;
    --b-design-error-color-active: #a31f20;
    --b-design-error-color-light: #ffecec;
    --b-design-error-color-light2: #ffd4d4;
    --b-design-error-color-outline: rgba(200, 39, 39, 0.2);
    --b-design-error-color-deprecated-bg: #fff3f0;
    --b-design-error-color-disabled: #ffa9aa;
    --b-design-error-color-deprecated-border: #fad7d2;
    --b-design-warning-color: #ffab00;
    --b-design-warning-color-hover: #f2a200;
    --b-design-warning-color-light: #fcf3e1;
    --b-design-warning-color-light2: #ffe9cc;
    --b-design-warning-color-active: #d98900;
    --b-design-warning-color-outline: rgba(255, 171, 0, 0.2);
    --b-design-warning-color-deprecated-bg: #fffbe6;
    --b-design-warning-color-deprecated-border: #ffe58f;
    --b-design-warning-color-disabled: #f5c689;
    --b-design-warning2-color: #ff7e33;
    --b-design-warning2-color-hover: #f27830;
    --b-design-warning2-color-light: #ffefe5;
    --b-design-warning2-color-light2: #ffe2d1;
    --b-design-warning2-color-active: #d95e21;
    --b-design-warning2-color-outline: rgba(255, 126, 51, 0.2);
    --b-design-warning2-color-deprecated-bg: #fffbe6;
    --b-design-warning2-color-deprecated-border: #ffe58f;
    --b-design-warning2-color-disabled: #f5b793;
    --b-design-info-color: #1b58f4;
    --b-design-info-color-deprecated-bg: #e8f2ff;
    --b-design-info-color-deprecated-border: #96bfff
}

@gradient-avatar-bg :linear-gradient (-45deg, var(--b-design-primary-50), var(--b-design-primary-60));

.b-design-upload {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    outline: 0
}

.b-design-upload p {
    margin: 0
}

.b-design-upload-btn {
    display: block;
    width: 100%;
    outline: none
}

.b-design-upload input[type=file] {
    cursor: pointer
}

.b-design-upload.b-design-upload-select {
    display: inline-block
}

.b-design-upload.b-design-upload-disabled {
    color: #b8bbc2;
    cursor: not-allowed
}

.b-design-upload.b-design-upload-select-picture-card {
    width: 102px;
    height: 102px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    vertical-align: top;
    background-color: #fafafa;
    border: 1px dashed #d7d8db;
    border-radius: 2px;
    cursor: pointer;
    transition: border-color .3s
}

.b-design-upload.b-design-upload-select-picture-card>.b-design-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

.b-design-upload.b-design-upload-select-picture-card:hover {
    border-color: var(--b-design-primary-color)
}

.b-design-upload-disabled.b-design-upload.b-design-upload-select-picture-card:hover {
    border-color: #d7d8db
}

.b-design-upload.b-design-upload-drag {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fafafa;
    border: 1px dashed #d7d8db;
    border-radius: 2px;
    cursor: pointer;
    transition: border-color .3s
}

.b-design-upload.b-design-upload-drag .b-design-upload {
    padding: 16px 0
}

.b-design-upload.b-design-upload-drag.b-design-upload-drag-hover:not(.b-design-upload-disabled) {
    border-color: var(--b-design-primary-70)
}

.b-design-upload.b-design-upload-drag.b-design-upload-disabled {
    cursor: not-allowed
}

.b-design-upload.b-design-upload-drag .b-design-upload-btn {
    display: table;
    height: 100%
}

.b-design-upload.b-design-upload-drag .b-design-upload-drag-container {
    display: table-cell;
    vertical-align: middle
}

.b-design-upload.b-design-upload-drag:not(.b-design-upload-disabled):hover {
    border-color: var(--b-design-primary-50)
}

.b-design-upload.b-design-upload-drag p.b-design-upload-drag-icon {
    margin-bottom: 20px
}

.b-design-upload.b-design-upload-drag p.b-design-upload-drag-icon .anticon {
    color: var(--b-design-primary-50);
    font-size: 48px
}

.b-design-upload.b-design-upload-drag p.b-design-upload-text {
    color: #1f2024;
    font-size: 16px
}

.b-design-upload.b-design-upload-drag p.b-design-upload-hint {
    color: #474a52;
    font-size: 14px
}

.b-design-upload.b-design-upload-drag .anticon-plus {
    color: #b8bbc2;
    font-size: 30px;
    transition: all .3s
}

.b-design-upload.b-design-upload-drag .anticon-plus:hover,
.b-design-upload.b-design-upload-drag:hover .anticon-plus {
    color: #474a52
}

.b-design-upload-picture-card-wrapper {
    display: inline-block;
    width: 100%
}

.b-design-upload-picture-card-wrapper:before {
    display: table;
    content: ""
}

.b-design-upload-picture-card-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-upload-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    line-height: 1.5715
}

.b-design-upload-list:before {
    display: table;
    content: ""
}

.b-design-upload-list:after {
    display: table;
    clear: both;
    content: ""
}

.b-design-upload-list-item {
    position: relative;
    height: 22.001px;
    margin-top: 8px;
    font-size: 14px
}

.b-design-upload-list-item-name {
    display: inline-block;
    width: 100%;
    padding-left: 22px;
    overflow: hidden;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis
}

.b-design-upload-list-item-card-actions {
    position: absolute;
    right: 0
}

.b-design-upload-list-item-card-actions-btn {
    opacity: 0
}

.b-design-upload-list-item-card-actions-btn.b-design-btn-sm {
    height: 22.001px;
    line-height: 1;
    vertical-align: top
}

.b-design-upload-list-item-card-actions.picture {
    top: 22px;
    line-height: 0
}

.b-design-upload-list-item-card-actions-btn:focus,
.b-design-upload-list-item-card-actions.picture .b-design-upload-list-item-card-actions-btn {
    opacity: 1
}

.b-design-upload-list-item-card-actions .anticon {
    color: #474a52;
    transition: all .3s
}

.b-design-upload-list-item-card-actions:hover .anticon {
    color: #474a52
}

.b-design-upload-list-item-info {
    height: 100%;
    transition: background-color .3s
}

.b-design-upload-list-item-info>span {
    display: block;
    width: 100%;
    height: 100%
}

.b-design-upload-list-item-info .anticon-loading .anticon,
.b-design-upload-list-item-info .b-design-upload-text-icon .anticon {
    position: absolute;
    top: 5px;
    color: #474a52;
    font-size: 14px
}

.b-design-upload-list-item:hover .b-design-upload-list-item-info {
    background-color: #f5f5f5
}

.b-design-upload-list-item:hover .b-design-upload-list-item-card-actions-btn {
    opacity: 1
}

.b-design-upload-list-item-error,
.b-design-upload-list-item-error .b-design-upload-list-item-card-actions .anticon,
.b-design-upload-list-item-error .b-design-upload-list-item-name,
.b-design-upload-list-item-error .b-design-upload-text-icon>.anticon {
    color: var(--b-design-error-color)
}

.b-design-upload-list-item-error .b-design-upload-list-item-card-actions-btn {
    opacity: 1
}

.b-design-upload-list-item-progress {
    position: absolute;
    bottom: -12px;
    width: 100%;
    padding-left: 26px;
    line-height: 0
}

.b-design-upload-list-picture-card .b-design-upload-list-item,
.b-design-upload-list-picture .b-design-upload-list-item {
    position: relative;
    height: 66px;
    padding: 8px;
    border: 1px solid #d7d8db;
    border-radius: 2px
}

.b-design-upload-list-picture-card .b-design-upload-list-item:hover,
.b-design-upload-list-picture .b-design-upload-list-item:hover {
    background: transparent
}

.b-design-upload-list-picture-card .b-design-upload-list-item-error,
.b-design-upload-list-picture .b-design-upload-list-item-error {
    border-color: var(--b-design-error-color)
}

.b-design-upload-list-picture-card .b-design-upload-list-item:hover .b-design-upload-list-item-info,
.b-design-upload-list-picture .b-design-upload-list-item:hover .b-design-upload-list-item-info {
    background: transparent
}

.b-design-upload-list-picture-card .b-design-upload-list-item-uploading,
.b-design-upload-list-picture .b-design-upload-list-item-uploading {
    border-style: dashed
}

.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail,
.b-design-upload-list-picture .b-design-upload-list-item-thumbnail {
    width: 48px;
    height: 48px;
    line-height: 60px;
    text-align: center;
    opacity: .8
}

.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail .anticon,
.b-design-upload-list-picture .b-design-upload-list-item-thumbnail .anticon {
    font-size: 26px
}

.b-design-upload-list-picture-card .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"],
.b-design-upload-list-picture .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] {
    fill: #404040
}

.b-design-upload-list-picture-card .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"],
.b-design-upload-list-picture .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"] {
    fill: var(--b-design-error-color)
}

.b-design-upload-list-picture-card .b-design-upload-list-item-icon,
.b-design-upload-list-picture .b-design-upload-list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    transform: translate(-50%, -50%)
}

.b-design-upload-list-picture-card .b-design-upload-list-item-icon .anticon,
.b-design-upload-list-picture .b-design-upload-list-item-icon .anticon {
    font-size: 26px
}

.b-design-upload-list-picture-card .b-design-upload-list-item-image,
.b-design-upload-list-picture .b-design-upload-list-item-image {
    max-width: 100%
}

.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail img,
.b-design-upload-list-picture .b-design-upload-list-item-thumbnail img {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.b-design-upload-list-picture-card .b-design-upload-list-item-name,
.b-design-upload-list-picture .b-design-upload-list-item-name {
    display: inline-block;
    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;
    transition: all .3s
}

.b-design-upload-list-picture-card .b-design-upload-list-item-uploading .b-design-upload-list-item-name,
.b-design-upload-list-picture .b-design-upload-list-item-uploading .b-design-upload-list-item-name {
    margin-bottom: 12px
}

.b-design-upload-list-picture-card .b-design-upload-list-item-progress,
.b-design-upload-list-picture .b-design-upload-list-item-progress {
    bottom: 14px;
    width: calc(100% - 24px);
    margin-top: 0;
    padding-left: 56px
}

.b-design-upload-list-picture-card-container {
    display: inline-block;
    width: 102px;
    height: 102px;
    margin: 0 8px 8px 0;
    vertical-align: top
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-delete,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-download,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye {
    margin: 0 4px;
    color: hsla(0, 0%, 100%, .85)
}

.b-design-upload-list-picture-card .b-design-upload-list-item-name {
    margin: 8px 0 0
}

.b-design-upload-list-picture-card .b-design-upload-list-item-file+.b-design-upload-list-item-name {
    bottom: 10px
}

.b-design-upload-list-picture-card .b-design-upload-list-item-uploading.b-design-upload-list-item {
    background-color: #fafafa
}

.b-design-upload-list-picture-card .b-design-upload-list-item-uploading .b-design-upload-list-item-info {
    height: auto
}

.b-design-upload-list-picture-card .b-design-upload-list-item-uploading .b-design-upload-list-item-info .anticon-delete,
.b-design-upload-list-picture-card .b-design-upload-list-item-uploading .b-design-upload-list-item-info .anticon-eye,
.b-design-upload-list-picture-card .b-design-upload-list-item-uploading .b-design-upload-list-item-info:before {
    display: none
}

.b-design-upload-list-picture-card .b-design-upload-list-item-progress {
    bottom: 32px;
    width: calc(100% - 14px)
}

.b-design-upload-list-picture-container,
.b-design-upload-list-text-container {
    transition: opacity .3s, height .3s
}

.b-design-upload-list-picture-container:before,
.b-design-upload-list-text-container:before {
    display: table;
    width: 0;
    height: 0;
    content: ""
}

.b-design-upload-list-picture-container .b-design-upload-span,
.b-design-upload-list-text-container .b-design-upload-span {
    display: block;
    flex: auto
}

.b-design-upload-list-picture .b-design-upload-span,
.b-design-upload-list-text .b-design-upload-span {
    display: flex;
    align-items: center
}

.b-design-upload-list-picture .b-design-upload-span>*,
.b-design-upload-list-text .b-design-upload-span>* {
    flex: none
}

.b-design-upload-list-picture .b-design-upload-list-item-name,
.b-design-upload-list-text .b-design-upload-list-item-name {
    flex: auto;
    margin: 0;
    padding: 0 8px
}

.b-design-upload-list-picture .b-design-upload-list-item-card-actions,
.b-design-upload-list-text .b-design-upload-list-item-card-actions,
.b-design-upload-list-text .b-design-upload-text-icon .anticon {
    position: static
}

.b-design-upload-list .b-design-upload-animate-inline-appear,
.b-design-upload-list .b-design-upload-animate-inline-enter,
.b-design-upload-list .b-design-upload-animate-inline-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.b-design-upload-list .b-design-upload-animate-inline-appear,
.b-design-upload-list .b-design-upload-animate-inline-enter {
    -webkit-animation-name: uploadAnimateInlineIn;
    animation-name: uploadAnimateInlineIn
}

.b-design-upload-list .b-design-upload-animate-inline-leave {
    -webkit-animation-name: uploadAnimateInlineOut;
    animation-name: uploadAnimateInlineOut
}

@-webkit-keyframes uploadAnimateInlineIn {
    0% {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes uploadAnimateInlineIn {
    0% {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

@-webkit-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
    }
}

.b-design-upload-rtl {
    direction: rtl
}

.b-design-upload-rtl.b-design-upload.b-design-upload-select-picture-card {
    margin-right: auto;
    margin-left: 8px
}

.b-design-upload-list-rtl {
    direction: rtl
}

.b-design-upload-list-rtl .b-design-upload-list-item-list-type-text:hover .b-design-upload-list-item-name-icon-count-1 {
    padding-right: 22px;
    padding-left: 14px
}

.b-design-upload-list-rtl .b-design-upload-list-item-list-type-text:hover .b-design-upload-list-item-name-icon-count-2 {
    padding-right: 22px;
    padding-left: 28px
}

.b-design-upload-list-rtl .b-design-upload-list-item-name {
    padding-right: 22px;
    padding-left: 0
}

.b-design-upload-list-rtl .b-design-upload-list-item-name-icon-count-1 {
    padding-left: 14px
}

.b-design-upload-list-rtl .b-design-upload-list-item-card-actions {
    right: auto;
    left: 0
}

.b-design-upload-list-rtl .b-design-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px
}

.b-design-upload-list-rtl .b-design-upload-list-item-info {
    padding: 0 4px 0 12px
}

.b-design-upload-list-rtl .b-design-upload-list-item-error .b-design-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px
}

.b-design-upload-list-rtl .b-design-upload-list-item-progress {
    padding-right: 26px;
    padding-left: 0
}

.b-design-upload-list-picture-card .b-design-upload-list-item-info,
.b-design-upload-list-picture .b-design-upload-list-item-info {
    padding: 0
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail,
.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-thumbnail {
    right: 8px;
    left: auto
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-icon,
.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-icon {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%)
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-name,
.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-name {
    margin: 0 8px 0 0;
    padding-right: 48px;
    padding-left: 8px
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-name-icon-count-1,
.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-name-icon-count-1 {
    padding-right: 48px;
    padding-left: 18px
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-name-icon-count-2,
.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-name-icon-count-2 {
    padding-right: 48px;
    padding-left: 36px
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-progress,
.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-progress {
    padding-right: 0;
    padding-left: 0
}

.b-design-upload-list-rtl .b-design-upload-list-picture-card-container {
    margin: 0 0 8px 8px
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-actions {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%)
}

.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-file+.b-design-upload-list-item-name {
    margin: 8px 0 0;
    padding: 0
}

.b-design-upload.b-design-upload-select-picture-card {
    background-color: #fff;
    border-color: #d4d6db
}

.b-design-upload.b-design-upload-select-picture-card>.b-design-upload {
    color: var(--b-design-primary-color);
    font-size: 12px
}

.b-design-upload.b-design-upload-drag {
    background-color: #fff;
    border-color: #d4d6db
}

.b-design-upload.b-design-upload-drag .b-design-upload {
    padding: 42px 0
}

.b-design-upload.b-design-upload-drag.b-design-upload-drag-hover:not(.b-design-upload-disabled),
.b-design-upload.b-design-upload-drag:not(.b-design-upload-disabled):hover {
    border-color: var(--b-design-primary-color)
}

.b-design-upload.b-design-upload-drag p.b-design-upload-drag-icon .anticon {
    color: var(--b-design-primary-color);
    font-size: 16px
}

.b-design-upload.b-design-upload-drag p.b-design-upload-text {
    margin: 0 0 4px;
    color: #474a52;
    font-size: 12px
}

.b-design-upload.b-design-upload-drag p.b-design-upload-hint {
    font-size: 12px
}

.b-design-upload-list {
    line-height: 32px
}

.b-design-upload-list-item {
    height: 32px;
    font-size: 12px
}

.b-design-upload-list-item-name {
    padding-left: 4px;
    color: #474a52 !important;
    line-height: 32px
}

.b-design-upload-list-item-card-actions-btn.b-design-btn-sm {
    width: auto;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle
}

.b-design-upload-list-item-card-actions-btn.b-design-btn-sm .anticon {
    height: 16px;
    font-size: 16px
}

.b-design-upload-list-item-card-actions-btn.b-design-btn-sm:hover {
    background: transparent !important
}

.b-design-upload-list-item-card-actions-btn.b-design-btn-sm .anticon-delete svg {
    display: none !important
}

.b-design-upload-list-item-card-actions-btn.b-design-btn-sm .anticon-delete:after {
    position: absolute;
    left: 50%;
    width: 16px;
    height: 16px;
    color: #474a52;
    font-size: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    transform: translateX(-50%);
    content: "\e814"
}

.b-design-upload-list-item-info {
    position: relative;
    z-index: 2;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 2px
}

.b-design-upload-list-item:hover .b-design-upload-list-item-info {
    background-color: transparent
}

.b-design-upload-list-item-error {
    background-color: var(--b-design-error-color-light)
}

.b-design-upload-list-item-error:hover .b-design-upload-list-item-card-actions:after {
    z-index: -1;
    opacity: 0
}

.b-design-upload-list-item-error .b-design-upload-list-item-name {
    color: var(--b-design-error-color) !important
}

.b-design-upload-list-item-error .b-design-upload-list-item-card-actions:after {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    color: #474a52;
    color: var(--b-design-error-color);
    font-size: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    background: var(--b-design-error-color-light);
    transition: all .3s;
    content: "\e846"
}

.b-design-upload-list-item-success {
    background-color: var(--b-design-success-color-light)
}

.b-design-upload-list-item-success:hover .b-design-upload-list-item-card-actions:after {
    z-index: -1;
    opacity: 0
}

.b-design-upload-list-item-success .b-design-upload-list-item-card-actions:after {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    color: #474a52;
    color: var(--b-design-success-color);
    font-size: 16px;
    font-family: iconfont !important;
    line-height: 16px;
    background: var(--b-design-success-color-light);
    transition: all .3s;
    content: "\e83e"
}

.b-design-upload-list-item-done {
    background-color: #f5f6f7
}

.b-design-upload-list-item-progress {
    bottom: 0;
    height: 32px;
    margin-left: -4px;
    padding-left: 0;
    font-size: 14px
}

.b-design-upload-list-item-progress .b-design-progress-inner {
    border-radius: 2px !important
}

.b-design-upload-list-item-progress .b-design-progress-bg {
    height: 32px !important;
    border-radius: 2px !important
}

.b-design-upload-list-item:not(.b-design-upload-list-item-list-type-picture-card) .b-design-progress-status-normal .b-design-progress-bg {
    background: var(--b-design-success-color-light) !important
}

.b-design-upload-list-picture .b-design-upload-list-item {
    height: 32px;
    padding: 4px 8px 4px 4px;
    border: none
}

.b-design-upload-list-picture .b-design-upload-list-item:hover {
    background: #f5f6f7
}

.b-design-upload-list-picture .b-design-upload-list-item-error:hover {
    background: var(--b-design-error-color-light)
}

.b-design-upload-list-picture .b-design-upload-list-item-success:hover {
    background: var(--b-design-success-color-light)
}

.b-design-upload-list-picture .b-design-upload-list-item-thumbnail {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    opacity: .8
}

.b-design-upload-list-picture .b-design-upload-list-item-thumbnail .anticon {
    font-size: 16px;
    vertical-align: middle
}

.b-design-upload-list-picture .b-design-upload-list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    transform: translate(-50%, -50%)
}

.b-design-upload-list-picture .b-design-upload-list-item-icon .anticon {
    font-size: 16px
}

.b-design-upload-list-picture .b-design-upload-list-item-image {
    max-width: 100%
}

.b-design-upload-list-picture .b-design-upload-list-item-thumbnail img {
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden
}

.b-design-upload-list-picture .b-design-upload-list-item-name {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 0 4px;
    padding-right: 8px;
    padding-left: 0;
    line-height: 32px
}

.b-design-upload-list-picture .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] {
    fill: transparent
}

.b-design-upload-list-picture .b-design-upload-list-item-card-actions:after {
    top: 4px;
    right: 0
}

.b-design-upload-list-picture .b-design-upload-list-item-progress {
    bottom: 0;
    width: 100%;
    margin-top: 0;
    padding-left: 0
}

.b-design-upload-list-picture .b-design-upload-list-item-uploading .b-design-upload-list-item-name {
    margin-bottom: 0
}

.b-design-upload-list-picture-card .b-design-upload-list-item {
    height: 100%;
    margin: 0;
    padding: 0
}

.b-design-upload-list-picture-card .b-design-upload-list-item-info {
    position: relative;
    height: 100%;
    overflow: hidden
}

.b-design-upload-list-picture-card .b-design-upload-list-item-info:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .3s;
    content: " "
}

.b-design-upload-list-picture-card .b-design-upload-list-item:hover .b-design-upload-list-item-info:before {
    opacity: 1
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions a {
    display: inline-block;
    height: 16px;
    margin: 0;
    line-height: 16px;
    vertical-align: middle
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-delete,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-download,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye {
    z-index: 10;
    width: 16px;
    margin: 0;
    color: #d4d6db;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-delete:after,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-download:after,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye:after {
    color: #d4d6db
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-delete:hover,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-delete:hover:after,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-download:hover,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-download:hover:after,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye:hover,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye:hover:after {
    color: #fff
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions:hover,
.b-design-upload-list-picture-card .b-design-upload-list-item-info:hover+.b-design-upload-list-item-actions {
    opacity: 1
}

.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail {
    line-height: 102px
}

.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail .anticon {
    margin-top: -32px;
    font-size: 16px;
    vertical-align: middle
}

.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail,
.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.b-design-upload-list-picture-card .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] {
    fill: transparent
}

.b-design-upload-list-picture-card .b-design-upload-list-item-name {
    display: none;
    margin: 4px 0 0;
    padding: 0;
    line-height: 1.5715;
    text-align: center
}

.b-design-upload-list-picture-card .b-design-upload-list-item-file+.b-design-upload-list-item-name {
    position: absolute;
    bottom: 30px;
    display: block
}

.b-design-upload-list-picture-card .b-design-upload-list-item-uploading.b-design-upload-list-item {
    background-color: #fff
}

.b-design-upload-list-picture-card .b-design-upload-list-item-uploading .b-design-upload-list-item-info {
    height: 100%
}

.b-design-upload-list-picture-card .b-design-upload-list-item-progress {
    bottom: 1px;
    left: 3px;
    width: calc(100% + 2px);
    height: 2px;
    padding-left: 0
}

.b-design-upload-list-picture-card .b-design-upload-list-item-progress .b-design-progress {
    line-height: 2px
}

.b-design-upload-list-picture-card .b-design-upload-list-item-progress .b-design-progress-inner {
    background-color: transparent;
    border-radius: 0 2px 2px 0 !important
}

.b-design-upload-list-picture-card .b-design-upload-list-item-progress .b-design-progress-bg {
    height: 2px !important;
    border-radius: 0 2px 2px 0 !important
}

.b-design-upload-list-picture-card .b-design-upload-list-item-done {
    border: none
}

.b-design-upload-list-picture-card .b-design-upload-list-item-error {
    background: #fff;
    border-style: dashed
}

.b-design-upload-list-picture-card .b-design-upload-list-item-error .b-design-upload-list-item-info {
    overflow: unset
}

.b-design-upload-list-picture-card .b-design-upload-list-item-error .b-design-upload-list-item-info:before {
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 2px
}

/*# sourceMappingURL=antd.liteVariable.min.css.map*/