/*!
 * 
 * antd v4.22.7
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

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

/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
    width: 100%;
    height: 100%;
}

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

*,
*::before,
*::after {
    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', '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: 0.5em;
    color: #1f2024;
    font-weight: 500;
}

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

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

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

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

dt {
    font-weight: 500;
}

dd {
    margin-bottom: 0.5em;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1em;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

a:hover {
    color: #0d0d0d;
}

a:active {
    color: #000000;
}

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

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

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

pre,
code,
kbd,
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;
}

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

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75em;
    padding-bottom: 0.3em;
    color: #474a52;
    text-align: left;
    caption-side: bottom;
}

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

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical;
}

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

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

progress {
    vertical-align: baseline;
}

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

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

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

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

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

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

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

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

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

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

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

.anticon>* {
    line-height: 1;
}

.anticon svg {
    display: inline-block;
}

.anticon::before {
    display: none;
}

.anticon .anticon-icon {
    display: block;
}

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

.anticon[tabindex] {
    cursor: pointer;
}

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

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

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

.b-design-fade-enter.b-design-fade-enter-active,
.b-design-fade-appear.b-design-fade-appear-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-enter,
.b-design-fade-appear {
    opacity: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

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

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

    100% {
        opacity: 1;
    }
}

@keyframes antFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

.b-design-move-up-enter.b-design-move-up-enter-active,
.b-design-move-up-appear.b-design-move-up-appear-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-enter,
.b-design-move-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.b-design-move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

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

.b-design-move-down-enter.b-design-move-down-enter-active,
.b-design-move-down-appear.b-design-move-down-appear-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-enter,
.b-design-move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.b-design-move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

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

.b-design-move-left-enter.b-design-move-left-enter-active,
.b-design-move-left-appear.b-design-move-left-appear-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-enter,
.b-design-move-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.b-design-move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

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

.b-design-move-right-enter.b-design-move-right-enter-active,
.b-design-move-right-appear.b-design-move-right-appear-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-enter,
.b-design-move-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.b-design-move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes loadingCircle {
    100% {
        transform: rotate(360deg);
    }
}

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

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

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

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

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

@-webkit-keyframes fadeEffect {
    100% {
        opacity: 0;
    }
}

@keyframes fadeEffect {
    100% {
        opacity: 0;
    }
}

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

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

.b-design-slide-up-enter.b-design-slide-up-enter-active,
.b-design-slide-up-appear.b-design-slide-up-appear-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-enter,
.b-design-slide-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.b-design-slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

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

.b-design-slide-down-enter.b-design-slide-down-enter-active,
.b-design-slide-down-appear.b-design-slide-down-appear-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-enter,
.b-design-slide-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.b-design-slide-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

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

.b-design-slide-left-enter.b-design-slide-left-enter-active,
.b-design-slide-left-appear.b-design-slide-left-appear-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-enter,
.b-design-slide-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.b-design-slide-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

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

.b-design-slide-right-enter.b-design-slide-right-enter-active,
.b-design-slide-right-appear.b-design-slide-right-appear-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-enter,
.b-design-slide-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.b-design-slide-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

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

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

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

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

    100% {
        transform: scaleY(0.8);
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

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

    100% {
        transform: scaleY(0.8);
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

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

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

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

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

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

    100% {
        transform: scaleY(0.8);
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

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

    100% {
        transform: scaleY(0.8);
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b-design-zoom-enter.b-design-zoom-enter-active,
.b-design-zoom-appear.b-design-zoom-appear-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-enter,
.b-design-zoom-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.b-design-zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

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

.b-design-zoom-big-enter.b-design-zoom-big-enter-active,
.b-design-zoom-big-appear.b-design-zoom-big-appear-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-enter,
.b-design-zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.b-design-zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

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

.b-design-zoom-big-fast-enter.b-design-zoom-big-fast-enter-active,
.b-design-zoom-big-fast-appear.b-design-zoom-big-fast-appear-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-enter,
.b-design-zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.b-design-zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

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

.b-design-zoom-up-enter.b-design-zoom-up-enter-active,
.b-design-zoom-up-appear.b-design-zoom-up-appear-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-enter,
.b-design-zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.b-design-zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

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

.b-design-zoom-down-enter.b-design-zoom-down-enter-active,
.b-design-zoom-down-appear.b-design-zoom-down-appear-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-enter,
.b-design-zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.b-design-zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

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

.b-design-zoom-left-enter.b-design-zoom-left-enter-active,
.b-design-zoom-left-appear.b-design-zoom-left-appear-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-enter,
.b-design-zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.b-design-zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

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

.b-design-zoom-right-enter.b-design-zoom-right-enter-active,
.b-design-zoom-right-appear.b-design-zoom-right-appear-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-enter,
.b-design-zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

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

.b-design-zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(0.2);
        opacity: 0;
    }
}

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

    100% {
        transform: scale(0.2);
        opacity: 0;
    }
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(0.8);
        opacity: 0;
    }
}

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

    100% {
        transform: scale(0.8);
        opacity: 0;
    }
}

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

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

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

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

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

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0;
    }
}

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

    100% {
        transform: scale(0.8);
        transform-origin: 50% 0%;
        opacity: 0;
    }
}

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

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

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

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

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

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0;
    }
}

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

    100% {
        transform: scale(0.8);
        transform-origin: 0% 50%;
        opacity: 0;
    }
}

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

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

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

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

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

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0;
    }
}

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

    100% {
        transform: scale(0.8);
        transform-origin: 100% 50%;
        opacity: 0;
    }
}

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

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

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

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

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

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

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

    100% {
        transform: scale(0.8);
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

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

.ant-motion-collapse-legacy-active {
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-motion-collapse {
    overflow: hidden;
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-affix {
    position: fixed;
    z-index: 10;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-alert {
    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: 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 {
    display: none;
    font-size: 14px;
    line-height: 22px;
}

.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 0.3s;
}

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

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

.b-design-alert-close-text:hover {
    color: rgba(0, 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 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 {
    display: block;
    margin-bottom: 4px;
    color: #1f2024;
    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 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.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 {
    margin-right: 8px;
    margin-left: auto;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-anchor {
    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;
    padding-left: 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 0.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 0.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.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::after,
.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 {
    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::after,
.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 {
    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::after,
.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 {
    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;
}

/**
   * Do not merge `height` & `line-height` under style with `selection` & `search`,
   * since chrome may update to redesign with its align logic.
   */
.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-show-arrow .b-design-select-selector,
.b-design-select-multiple.b-design-select-allow-clear .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;
    cursor: default;
    transition: font-size 0.3s, line-height 0.3s, height 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 4px;
    padding-inline-end: 4px;
}

.b-design-select-disabled.b-design-select-multiple .b-design-select-selection-item {
    color: #bfbfbf;
    border-color: #d7d8db;
    cursor: not-allowed;
}

.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: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #474a52;
    font-weight: bold;
    font-size: 10px;
    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 {
    vertical-align: middle;
}

.b-design-select-multiple .b-design-select-selection-item-remove:hover {
    color: rgba(0, 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', 'Segoe UI Emoji', 'Segoe UI Symbol';
    line-height: 20px;
    transition: all 0.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 0.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-multiple.b-design-select-lg .b-design-select-selection-item {
    height: 32px;
    line-height: 32px;
}

.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-open .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-focused .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-open .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-focused .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-warning.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 {
    right: 32px;
}

.b-design-select-status-error.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,
.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 {
    padding-right: 42px;
}

/* Reset search input style */
.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 0.3s cubic-bezier(0.645, 0.045, 0.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;
    outline: 0;
}

.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;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -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: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media all and (-ms-high-contrast: none) {

    .b-design-select-selection-item *::-ms-backdrop,
    .b-design-select-selection-item {
        flex: auto;
    }
}

.b-design-select-selection-placeholder {
    flex: 1;
    overflow: hidden;
    color: #81848f;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}

@media all and (-ms-high-contrast: none) {

    .b-design-select-selection-placeholder *::-ms-backdrop,
    .b-design-select-selection-placeholder {
        flex: auto;
    }
}

.b-design-select-arrow {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 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 0.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 0.3s ease, opacity 0.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;
    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;
    padding: 10px 0;
    overflow: hidden;
    font-size: 14px;
    font-variant: initial;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.b-design-select-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-select-dropdown-placement-bottomLeft,
.b-design-select-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-active.b-design-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn;
}

.b-design-select-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-select-dropdown-placement-topLeft,
.b-design-select-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-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 {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 6px 16px;
    color: #474a52;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: #b8bbc2;
}

.b-design-select-item {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 6px 16px;
    color: #474a52;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
    transition: background 0.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 {
    right: initial;
    left: 15px;
}

.b-design-select-rtl .b-design-select-clear {
    right: initial;
    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-show-arrow .b-design-select-selector,
.b-design-select-rtl.b-design-select-multiple.b-design-select-allow-clear .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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.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 {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.b-design-select .anticon,
.b-design-select .b-design-select-clear,
.b-design-select .b-design-select-arrow {
    font-size: 16px;
}

.b-design-select-clear,
.b-design-select-arrow {
    right: 7px;
    width: auto;
    height: auto;
    margin-top: 0;
    transform: translateY(-50%);
}

.b-design-select-arrow {
    color: #81848f;
    transition: transform 0.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 0.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:hover .b-design-select-clear {
    background-color: #fff;
}

.b-design-select-focused: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-clear,
.b-design-select-lg .b-design-select-arrow {
    right: 11px;
}

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

.b-design-select-sm .anticon,
.b-design-select-sm .b-design-select-clear,
.b-design-select-sm .b-design-select-arrow {
    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, 0.12);
    background-color: rgba(255, 255, 255, 0.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: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    color: #81848f;
    font-weight: normal;
    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 {
    background-color: #fff;
    border-color: var(--b-design-error-color);
    box-shadow: none !important;
}

.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:focus: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 {
    background-color: #fff;
    border-color: var(--b-design-warning-color);
    box-shadow: none !important;
}

.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:focus: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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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: 0.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 {
    fill: #dce0e6;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 .b-design-avatar:not(:first-child) {
    margin-left: -12px;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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: normal;
    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: rgba(255, 255, 255, 0.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-rightTop,
.b-design-popover-placement-rightBottom {
    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-leftTop,
.b-design-popover-placement-leftBottom {
    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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .b-design-popover {
        /* IE10+ */
    }

    .b-design-popover-inner {
        box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    }
}

.b-design-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: #1f2024;
    font-weight: 500;
    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, 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-rightTop .b-design-popover-arrow,
.b-design-popover-placement-rightBottom .b-design-popover-arrow {
    left: 0;
    transform: translateX(-100%);
}

.b-design-popover-placement-right .b-design-popover-arrow-content,
.b-design-popover-placement-rightTop .b-design-popover-arrow-content,
.b-design-popover-placement-rightBottom .b-design-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 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, 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-leftTop .b-design-popover-arrow,
.b-design-popover-placement-leftBottom .b-design-popover-arrow {
    right: 0;
    transform: translateX(100%);
}

.b-design-popover-placement-left .b-design-popover-arrow-content,
.b-design-popover-placement-leftTop .b-design-popover-arrow-content,
.b-design-popover-placement-leftBottom .b-design-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 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-inner {
    background-color: #eb2f96;
}

.b-design-popover-pink .b-design-popover-arrow-content {
    background-color: #eb2f96;
}

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

.b-design-popover-magenta .b-design-popover-arrow-content {
    background-color: #c61e6e;
}

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

.b-design-popover-red .b-design-popover-arrow-content {
    background-color: #c82727;
}

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

.b-design-popover-volcano .b-design-popover-arrow-content {
    background-color: #fa541c;
}

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

.b-design-popover-orange .b-design-popover-arrow-content {
    background-color: #c62f0e;
}

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

.b-design-popover-yellow .b-design-popover-arrow-content {
    background-color: #fadb14;
}

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

.b-design-popover-gold .b-design-popover-arrow-content {
    background-color: #faad14;
}

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

.b-design-popover-cyan .b-design-popover-arrow-content {
    background-color: #13c2c2;
}

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

.b-design-popover-lime .b-design-popover-arrow-content {
    background-color: #a0d911;
}

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

.b-design-popover-green .b-design-popover-arrow-content {
    background-color: #007855;
}

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

.b-design-popover-blue .b-design-popover-arrow-content {
    background-color: #1b58f4;
}

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

.b-design-popover-geekblue .b-design-popover-arrow-content {
    background-color: #2f54eb;
}

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

.b-design-popover-purple .b-design-popover-arrow-content {
    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;
    padding-bottom: 16px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(47, 49, 51, 0.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: 0.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: 0.4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
    background-color: #474a52;
    border-radius: 20px;
    transition: all 0.3s;
}

.b-design-back-top-content:hover {
    background-color: #474a52;
    transition: all 0.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;
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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: normal;
    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 infinite linear;
    animation: antBadgeLoadingCircle 1s infinite linear;
}

.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 infinite ease-in-out;
    animation: antStatusProcessing 1.2s infinite ease-in-out;
    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 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.b-design-badge-zoom-leave {
    -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    -webkit-animation-fill-mode: both;
    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 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}

.b-design-badge-not-a-wrapper .b-design-badge-zoom-leave {
    -webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

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

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

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

@-webkit-keyframes antStatusProcessing {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        transform: scale(2.4);
        opacity: 0;
    }
}

@keyframes antStatusProcessing {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        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 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* stylelint-disable property-no-vendor-prefix */
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    /* stylelint-enable property-no-vendor-prefix */
}

.b-design-scroll-number-only>p.b-design-scroll-number-only-unit {
    height: 20px;
    margin: 0;
    /* stylelint-disable property-no-vendor-prefix */
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    /* stylelint-enable property-no-vendor-prefix */
}

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

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

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

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

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

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

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

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

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

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

    100% {
        transform: scale(1);
    }
}

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

    100% {
        transform: scale(1);
    }
}

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

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

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

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

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

    100% {
        transform: translate(50%, -50%) rotate(360deg);
        transform-origin: 50%;
    }
}

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

    100% {
        transform: translate(50%, -50%) rotate(360deg);
        transform-origin: 50%;
    }
}

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

.b-design-ribbon {
    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: 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(0.75);
    transform-origin: top;
}

.b-design-ribbon-corner::after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: inherit;
    height: inherit;
    color: rgba(0, 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;
    }

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

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

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

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

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

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

    100% {
        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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 .anticon {
    font-size: 14px;
}

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

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

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

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

.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-link>.anticon+span,
.b-design-breadcrumb-link>.anticon+a {
    margin-left: 4px;
}

.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+span,
.b-design-breadcrumb-rtl .b-design-breadcrumb-link>.anticon+a {
    margin-right: 4px;
    margin-left: 0;
}

.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: 0.4px;
}

.b-design-breadcrumb li,
.b-design-breadcrumb span,
.b-design-breadcrumb-link,
.b-design-breadcrumb-link a {
    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 0.3s ease-out !important;
}

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

.b-design-breadcrumb .anticon {
    height: 14px;
    margin: calc((20px - 14px) / 2) 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);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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: 0.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 0.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-topLeft,
.b-design-dropdown-show-arrow.b-design-dropdown-placement-top,
.b-design-dropdown-show-arrow.b-design-dropdown-placement-topRight {
    padding-bottom: 12px;
}

.b-design-dropdown-show-arrow.b-design-dropdown-placement-bottomLeft,
.b-design-dropdown-show-arrow.b-design-dropdown-placement-bottom,
.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, 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, 0.1);
    transform: rotate(-135deg) translateY(-0.5px);
}

.b-design-dropdown-placement-bottom>.b-design-dropdown-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(-135deg) translateY(-0.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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.b-design-dropdown-menu-item-group-title {
    padding: 5px 16px;
    color: #474a52;
    transition: all 0.3s;
}

.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 ul,
.b-design-dropdown-menu-submenu-popup li {
    list-style: none;
}

.b-design-dropdown-menu-submenu-popup ul {
    margin-right: 0.3em;
    margin-left: 0.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 0.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: normal;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.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:hover,
.b-design-dropdown-menu-submenu-title:hover,
.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-submenu-title.b-design-dropdown-menu-item-active,
.b-design-dropdown-menu-submenu-title.b-design-dropdown-menu-submenu-title-active {
    background-color: #f5f5f5;
}

.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 a,
.b-design-dropdown-menu-submenu-title-disabled a {
    pointer-events: none;
}

.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-title .b-design-dropdown-menu-submenu-expand-icon {
    position: absolute;
    right: 8px;
}

.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: #474a52;
    font-size: 10px;
    font-style: normal;
}

.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-enter.b-design-slide-down-enter-active.b-design-dropdown-placement-bottomLeft,
.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-enter.b-design-slide-down-enter-active.b-design-dropdown-placement-bottom,
.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-enter.b-design-slide-down-enter-active.b-design-dropdown-placement-bottomRight,
.b-design-dropdown.b-design-slide-down-appear.b-design-slide-down-appear-active.b-design-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn;
}

.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-appear.b-design-slide-up-appear-active.b-design-dropdown-placement-topLeft,
.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-appear.b-design-slide-up-appear-active.b-design-dropdown-placement-top,
.b-design-dropdown.b-design-slide-up-enter.b-design-slide-up-enter-active.b-design-dropdown-placement-topRight,
.b-design-dropdown.b-design-slide-up-appear.b-design-slide-up-appear-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-bottomLeft,
.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-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-topLeft,
.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-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut;
}

.b-design-dropdown-trigger>.anticon.anticon-down,
.b-design-dropdown-link>.anticon.anticon-down,
.b-design-dropdown-button>.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-submenu-title,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>a,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>.anticon+span>a {
    color: rgba(255, 255, 255, 0.65);
}

.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-submenu-title .b-design-dropdown-menu-submenu-arrow::after,
.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-item>.anticon+span>a .b-design-dropdown-menu-submenu-arrow::after {
    color: rgba(255, 255, 255, 0.65);
}

.b-design-dropdown-menu-dark .b-design-dropdown-menu-item:hover,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-submenu-title:hover,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>a:hover,
.b-design-dropdown-menu-dark .b-design-dropdown-menu-item>.anticon+span>a: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.b-design-dropdown-menu-rtl {
    direction: rtl;
    text-align: right;
}

.b-design-dropdown-rtl .b-design-dropdown-menu-item-group-title,
.b-design-dropdown-menu-submenu-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-submenu-popup ul,
.b-design-dropdown-rtl .b-design-dropdown-menu-submenu-popup li {
    text-align: right;
}

.b-design-dropdown-rtl .b-design-dropdown-menu-item,
.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-submenu-title>.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>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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-dropdown {
    background-color: rgba(255, 255, 255, 0.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, 0.15);
}

.b-design-dropdown-menu-item-group-title {
    color: #81848f !important;
    transition: all 0.3s;
    margin-bottom: 0.4px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.4px;
}

.b-design-dropdown-menu-submenu-popup {
    box-shadow: none !important;
}

.b-design-dropdown-menu-submenu-popup .b-design-dropdown-menu {
    background-color: rgba(255, 255, 255, 0.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';
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-btn {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: #474a52;
    border-color: #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:hover,
.b-design-btn:focus {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover);
    background: #fff;
}

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

.b-design-btn:hover>a:only-child::after,
.b-design-btn:focus>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]:hover,
.b-design-btn[disabled]:focus,
.b-design-btn[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

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

.b-design-btn:hover,
.b-design-btn:focus,
.b-design-btn:active {
    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:hover,
.b-design-btn-primary:focus {
    color: #fff;
    border-color: var(--b-design-primary-color-hover);
    background: var(--b-design-primary-color-hover);
}

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

.b-design-btn-primary:hover>a:only-child::after,
.b-design-btn-primary:focus>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]:hover,
.b-design-btn-primary[disabled]:focus,
.b-design-btn-primary[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

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

.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:last-child:not(:first-child),
.b-design-btn-group .b-design-btn-primary+.b-design-btn-primary {
    border-left-color: var(--b-design-primary-50);
}

.b-design-btn-group .b-design-btn-primary:last-child:not(:first-child)[disabled],
.b-design-btn-group .b-design-btn-primary+.b-design-btn-primary[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:hover,
.b-design-btn-ghost:focus {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover);
    background: transparent;
}

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

.b-design-btn-ghost:hover>a:only-child::after,
.b-design-btn-ghost:focus>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]:hover,
.b-design-btn-ghost[disabled]:focus,
.b-design-btn-ghost[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

.b-design-btn-ghost[disabled]>a:only-child::after,
.b-design-btn-ghost[disabled]:hover>a:only-child::after,
.b-design-btn-ghost[disabled]:focus>a:only-child::after,
.b-design-btn-ghost[disabled]:active>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:hover,
.b-design-btn-dashed:focus {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover);
    background: #fff;
}

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

.b-design-btn-dashed:hover>a:only-child::after,
.b-design-btn-dashed:focus>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]:hover,
.b-design-btn-dashed[disabled]:focus,
.b-design-btn-dashed[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

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

.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:hover,
.b-design-btn-danger:focus {
    color: #fff;
    border-color: var(--b-design-error-color-hover);
    background: var(--b-design-error-color-hover);
}

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

.b-design-btn-danger:hover>a:only-child::after,
.b-design-btn-danger:focus>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]:hover,
.b-design-btn-danger[disabled]:focus,
.b-design-btn-danger[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

.b-design-btn-danger[disabled]>a:only-child::after,
.b-design-btn-danger[disabled]:hover>a:only-child::after,
.b-design-btn-danger[disabled]:focus>a:only-child::after,
.b-design-btn-danger[disabled]:active>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:hover,
.b-design-btn-link:focus {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover);
    background: transparent;
}

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

.b-design-btn-link:hover>a:only-child::after,
.b-design-btn-link:focus>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]:hover,
.b-design-btn-link[disabled]:focus,
.b-design-btn-link[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

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

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

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

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

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

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

.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:hover,
.b-design-btn-text:focus {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover);
    background: transparent;
}

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

.b-design-btn-text:hover>a:only-child::after,
.b-design-btn-text:focus>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]:hover,
.b-design-btn-text[disabled]:focus,
.b-design-btn-text[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

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

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

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

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

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

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

.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:hover,
.b-design-btn-dangerous:focus {
    color: var(--b-design-error-color-hover);
    border-color: var(--b-design-error-color-hover);
    background: #fff;
}

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

.b-design-btn-dangerous:hover>a:only-child::after,
.b-design-btn-dangerous:focus>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]:hover,
.b-design-btn-dangerous[disabled]:focus,
.b-design-btn-dangerous[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

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

.b-design-btn-dangerous[disabled]>a:only-child::after,
.b-design-btn-dangerous[disabled]:hover>a:only-child::after,
.b-design-btn-dangerous[disabled]:focus>a:only-child::after,
.b-design-btn-dangerous[disabled]: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 {
    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:hover,
.b-design-btn-dangerous.b-design-btn-primary:focus {
    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:hover>a:only-child,
.b-design-btn-dangerous.b-design-btn-primary:focus>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-primary:hover>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-primary:focus>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]:hover,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-dangerous.b-design-btn-primary[disabled]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-primary[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-primary[disabled]: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 {
    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:hover,
.b-design-btn-dangerous.b-design-btn-link:focus {
    color: var(--b-design-primary-color-hover);
    border-color: var(--b-design-primary-color-hover);
    background: transparent;
}

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

.b-design-btn-dangerous.b-design-btn-link:hover>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-link:focus>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-primary-color-active);
    border-color: var(--b-design-primary-color-active);
    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]:hover,
.b-design-btn-dangerous.b-design-btn-link[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-link[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-dangerous.b-design-btn-link[disabled]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-link[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-link[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-link[disabled]: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:hover,
.b-design-btn-dangerous.b-design-btn-link:focus {
    color: var(--b-design-error-color-hover);
    border-color: transparent;
    background: transparent;
}

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

.b-design-btn-dangerous.b-design-btn-link:hover>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-link:focus>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]:hover,
.b-design-btn-dangerous.b-design-btn-link[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-link[disabled]:active {
    color: #b8bbc2;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-dangerous.b-design-btn-link[disabled]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-link[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-link[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-link[disabled]: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 {
    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:hover,
.b-design-btn-dangerous.b-design-btn-text:focus {
    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:hover>a:only-child,
.b-design-btn-dangerous.b-design-btn-text:focus>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-text:hover>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-text:focus>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-primary-color-active);
    border-color: var(--b-design-primary-color-active);
    background: transparent;
}

.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]:hover,
.b-design-btn-dangerous.b-design-btn-text[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-text[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-dangerous.b-design-btn-text[disabled]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-text[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-text[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-text[disabled]: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:hover,
.b-design-btn-dangerous.b-design-btn-text:focus {
    color: var(--b-design-error-color-hover);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.018);
}

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

.b-design-btn-dangerous.b-design-btn-text:hover>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-text:focus>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, 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]:hover,
.b-design-btn-dangerous.b-design-btn-text[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-text[disabled]:active {
    color: #b8bbc2;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-dangerous.b-design-btn-text[disabled]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-text[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-text[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-text[disabled]:active>a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: '';
}

.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: 0.35;
    transition: opacity 0.2s;
    content: '';
    pointer-events: none;
}

.b-design-btn .anticon {
    transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-btn .anticon.anticon-plus>svg,
.b-design-btn .anticon.anticon-minus>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 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.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 infinite linear;
    animation: loadingCircle 1s infinite linear;
}

.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:hover,
.b-design-btn-group>span>.b-design-btn:hover,
.b-design-btn-group>.b-design-btn:focus,
.b-design-btn-group>span>.b-design-btn:focus,
.b-design-btn-group>.b-design-btn:active,
.b-design-btn-group>span>.b-design-btn:active {
    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-group .b-design-btn+.b-design-btn,
.b-design-btn+.b-design-btn-group,
.b-design-btn-group span+.b-design-btn,
.b-design-btn-group .b-design-btn+span,
.b-design-btn-group>span+span,
.b-design-btn-group+.b-design-btn,
.b-design-btn-group+.b-design-btn-group {
    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 {
    border-radius: 2px;
}

.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 {
    border-radius: 2px;
}

.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-rtl.b-design-btn-group .b-design-btn+.b-design-btn,
.b-design-btn-rtl.b-design-btn+.b-design-btn-group,
.b-design-btn-rtl.b-design-btn-group span+.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+.b-design-btn,
.b-design-btn-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+.b-design-btn-group,
.b-design-btn-group-rtl.b-design-btn-group span+.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+.b-design-btn,
.b-design-btn-group-rtl.b-design-btn-group+.b-design-btn-group {
    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:focus>span,
.b-design-btn:active>span {
    position: relative;
}

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

.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:hover,
.b-design-btn.b-design-btn-background-ghost:active,
.b-design-btn.b-design-btn-background-ghost:focus {
    background: transparent;
}

.b-design-btn.b-design-btn-background-ghost:hover,
.b-design-btn.b-design-btn-background-ghost:focus {
    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-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:hover,
.b-design-btn-background-ghost.b-design-btn-primary:focus {
    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:hover>a:only-child,
.b-design-btn-background-ghost.b-design-btn-primary:focus>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-primary:hover>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-primary:focus>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]:hover,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-background-ghost.b-design-btn-primary[disabled]>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]:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-primary[disabled]>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]:focus>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]: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 {
    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:hover,
.b-design-btn-background-ghost.b-design-btn-danger:focus {
    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:hover>a:only-child,
.b-design-btn-background-ghost.b-design-btn-danger:focus>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-danger:hover>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-danger:focus>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]:hover,
.b-design-btn-background-ghost.b-design-btn-danger[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-danger[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-background-ghost.b-design-btn-danger[disabled]>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]:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-danger[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-danger[disabled]>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]:focus>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-danger[disabled]: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 {
    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:hover,
.b-design-btn-background-ghost.b-design-btn-dangerous:focus {
    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:hover>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dangerous:focus>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-dangerous:hover>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-dangerous:focus>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]:hover,
.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]:active {
    color: #b8bbc2;
    border-color: #d7d8db;
    background: #f1f2f3;
    text-shadow: none;
    box-shadow: none;
}

.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]>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]:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]>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]:focus>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-dangerous[disabled]: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 {
    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:hover,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:focus {
    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:hover>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:focus>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:hover>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link:focus>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]:hover,
.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]:active {
    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]>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]:focus>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link[disabled]>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]:focus>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link[disabled]:active>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: 0.34em;
}

.b-design-btn-two-chinese-chars>*:not(.anticon) {
    margin-right: -0.34em;
    letter-spacing: 0.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: 0.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:hover,
a.b-design-btn-disabled:focus,
a.b-design-btn-disabled:active {
    color: #b8bbc2;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
}

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

a.b-design-btn-disabled>a:only-child::after,
a.b-design-btn-disabled:hover>a:only-child::after,
a.b-design-btn-disabled:focus>a:only-child::after,
a.b-design-btn-disabled:active>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;
}

a.b-design-btn-sm {
    line-height: 26px;
}

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

.b-design-btn-group-rtl.b-design-btn-group .b-design-btn-primary:last-child:not(:first-child),
.b-design-btn-group-rtl.b-design-btn-group .b-design-btn-primary+.b-design-btn-primary {
    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:last-child:not(:first-child)[disabled],
.b-design-btn-group-rtl.b-design-btn-group .b-design-btn-primary+.b-design-btn-primary[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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 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: calc(8px - 2px);
}

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

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

.b-design-btn-default[disabled]>a:only-child::after,
.b-design-btn-default[disabled]:hover>a:only-child::after,
.b-design-btn-default[disabled]:focus>a:only-child::after,
.b-design-btn-default[disabled]:active>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:hover,
.b-design-btn-primary:focus,
.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:hover::before,
.b-design-btn-primary:focus::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: 0.2;
    transition: all 0.2s ease-out;
    content: '';
}

.b-design-btn-primary::after,
.b-design-btn-primary:hover::after,
.b-design-btn-primary:focus::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 0.2s ease-out;
    content: '';
    pointer-events: none;
}

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

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

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

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

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

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

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

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

.b-design-btn-primary[disabled]:before,
.b-design-btn-primary[disabled]:after {
    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:hover,
.b-design-btn-dashed:focus,
.b-design-btn-dashed:not([disabled]):active {
    color: var(--b-design-primary-color);
    border-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:hover::after,
.b-design-btn-dashed:focus::after,
.b-design-btn-dashed:not([disabled]):active::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: initial;
    display: block;
    background: #fff;
    border-radius: 2px;
    transition: background 0.2s cubic-bezier(0.645, 0.045, 0.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:hover,
.b-design-btn-dashed:focus,
.b-design-btn-dashed:not([disabled]):active {
    -webkit-animation: gradient-outline 3s alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.b-design-btn-dashed[disabled],
.b-design-btn-dashed[disabled]:hover,
.b-design-btn-dashed[disabled]:focus,
.b-design-btn-dashed[disabled]:active {
    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]>a:only-child,
.b-design-btn-dashed[disabled]:hover>a:only-child,
.b-design-btn-dashed[disabled]:focus>a:only-child,
.b-design-btn-dashed[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dashed[disabled]>a:only-child::after,
.b-design-btn-dashed[disabled]:hover>a:only-child::after,
.b-design-btn-dashed[disabled]:focus>a:only-child::after,
.b-design-btn-dashed[disabled]:active>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:hover,
.b-design-btn-text:focus,
.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]:hover,
.b-design-btn-text[disabled]:focus,
.b-design-btn-text[disabled]:active {
    color: #b8bbc2;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
}

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

.b-design-btn-text[disabled]>a:only-child::after,
.b-design-btn-text[disabled]:hover>a:only-child::after,
.b-design-btn-text[disabled]:focus>a:only-child::after,
.b-design-btn-text[disabled]:active>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]:hover,
.b-design-btn-link[disabled]:focus,
.b-design-btn-link[disabled]:active {
    color: var(--b-design-primary-30);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
}

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

.b-design-btn-link[disabled]>a:only-child::after,
.b-design-btn-link[disabled]:hover>a:only-child::after,
.b-design-btn-link[disabled]:focus>a:only-child::after,
.b-design-btn-link[disabled]:active>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]:hover,
.b-design-btn-dangerous[disabled]:focus,
.b-design-btn-dangerous[disabled]:active {
    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]>a:only-child,
.b-design-btn-dangerous[disabled]:hover>a:only-child,
.b-design-btn-dangerous[disabled]:focus>a:only-child,
.b-design-btn-dangerous[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous[disabled]>a:only-child::after,
.b-design-btn-dangerous[disabled]:hover>a:only-child::after,
.b-design-btn-dangerous[disabled]:focus>a:only-child::after,
.b-design-btn-dangerous[disabled]: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,
.b-design-btn-dangerous.b-design-btn-primary:hover,
.b-design-btn-dangerous.b-design-btn-primary:focus,
.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:hover::before,
.b-design-btn-dangerous.b-design-btn-primary:focus::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: 0.2;
    transition: all 0.2s ease-out;
    content: '';
}

.b-design-btn-dangerous.b-design-btn-primary::after,
.b-design-btn-dangerous.b-design-btn-primary:hover::after,
.b-design-btn-dangerous.b-design-btn-primary:focus::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 0.2s ease-out;
    content: '';
    pointer-events: none;
}

.b-design-btn-dangerous.b-design-btn-primary: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:focus:not([disabled]):hover::before,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:not([disabled]):hover::before {
    opacity: 1;
}

.b-design-btn-dangerous.b-design-btn-primary: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:focus:not([disabled]):active::before,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active:not([disabled]):active::before {
    opacity: 0.2;
}

.b-design-btn-dangerous.b-design-btn-primary: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:focus: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>span,
.b-design-btn-dangerous.b-design-btn-primary:hover>span,
.b-design-btn-dangerous.b-design-btn-primary:focus>span,
.b-design-btn-dangerous.b-design-btn-primary:not([disabled]):active>span {
    position: relative;
    z-index: 1;
}

.b-design-btn-dangerous.b-design-btn-primary[disabled],
.b-design-btn-dangerous.b-design-btn-primary[disabled]:hover,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:active {
    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]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-primary[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-primary[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-primary[disabled]: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-dashed,
.b-design-btn-dangerous.b-design-btn-dashed:hover,
.b-design-btn-dangerous.b-design-btn-dashed:focus,
.b-design-btn-dangerous.b-design-btn-dashed:not([disabled]):active {
    color: var(--b-design-error-color);
    border-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]:hover,
.b-design-btn-dangerous.b-design-btn-dashed[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-dashed[disabled]:active {
    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]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-dashed[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-dashed[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-dashed[disabled]: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:not([disabled]):hover {
    border-color: transparent;
}

.b-design-btn-dangerous.b-design-btn-text[disabled],
.b-design-btn-dangerous.b-design-btn-text[disabled]:hover,
.b-design-btn-dangerous.b-design-btn-text[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-text[disabled]:active {
    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]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-text[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-text[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-text[disabled]: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:not([disabled]):hover,
.b-design-btn-dangerous.b-design-btn-link:not([disabled]):active {
    background: transparent;
    border-color: transparent;
}

.b-design-btn-dangerous.b-design-btn-link[disabled],
.b-design-btn-dangerous.b-design-btn-link[disabled]:hover,
.b-design-btn-dangerous.b-design-btn-link[disabled]:focus,
.b-design-btn-dangerous.b-design-btn-link[disabled]:active {
    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]>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]:focus>a:only-child,
.b-design-btn-dangerous.b-design-btn-link[disabled]:active>a:only-child {
    color: currentcolor;
}

.b-design-btn-dangerous.b-design-btn-link[disabled]>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]:focus>a:only-child::after,
.b-design-btn-dangerous.b-design-btn-link[disabled]:active>a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: '';
}

.b-design-btn>.anticon,
.b-design-btn-lg>.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:hover,
.b-design-btn.b-design-btn-background-ghost:active,
.b-design-btn.b-design-btn-background-ghost:focus {
    background: transparent;
}

.b-design-btn.b-design-btn-background-ghost:hover,
.b-design-btn.b-design-btn-background-ghost:focus {
    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-primary,
.b-design-btn-background-ghost.b-design-btn-dashed {
    color: var(--b-design-primary-color);
    border: 1px solid var(--b-design-primary-color) !important;
}

.b-design-btn-background-ghost.b-design-btn-primary:before,
.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-dashed:after {
    content: unset !important;
}

.b-design-btn-background-ghost.b-design-btn-primary[disabled],
.b-design-btn-background-ghost.b-design-btn-dashed[disabled],
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:hover,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:hover,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:focus,
.b-design-btn-background-ghost.b-design-btn-primary[disabled]:active,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:active {
    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-primary[disabled]>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]:hover>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-primary[disabled]:focus>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-primary[disabled]:active>a:only-child,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:active>a:only-child {
    color: currentcolor !important;
}

.b-design-btn-background-ghost.b-design-btn-primary[disabled]>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]:hover>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-primary[disabled]:focus>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-primary[disabled]:active>a:only-child::after,
.b-design-btn-background-ghost.b-design-btn-dashed[disabled]:active>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:hover,
.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.b-design-btn-link:focus {
    color: var(--b-design-error-color-hover) !important;
}

.b-design-btn-background-ghost.b-design-btn-dangerous:active,
.b-design-btn-background-ghost.b-design-btn-dangerous.b-design-btn-link: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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-menu-item-danger.b-design-menu-item {
    color: var(--b-design-error-color);
}

.b-design-menu-item-danger.b-design-menu-item:hover,
.b-design-menu-item-danger.b-design-menu-item-active {
    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 {
    color: var(--b-design-error-color);
}

.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;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: 'tnum';
    margin-bottom: 0;
    padding-left: 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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}

.b-design-menu::before {
    display: table;
    content: '';
}

.b-design-menu::after {
    display: table;
    clear: both;
    content: '';
}

.b-design-menu.b-design-menu-root:focus-visible {
    box-shadow: 0 0 0 2px var(--b-design-primary-20);
}

.b-design-menu ul,
.b-design-menu ol {
    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 0.3s;
}

.b-design-menu-horizontal .b-design-menu-submenu {
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-menu-submenu,
.b-design-menu-submenu-inline {
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.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: initial;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-menu-title-content {
    transition: color 0.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-color: #e6e8eb;
    border-style: solid;
    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:hover,
.b-design-menu-horizontal>.b-design-menu-item-active,
.b-design-menu-horizontal>.b-design-menu-submenu .b-design-menu-submenu-title:hover {
    background-color: transparent;
}

.b-design-menu-item-selected {
    color: var(--b-design-primary-color);
}

.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.b-design-menu-sub,
.b-design-menu-vertical-left.b-design-menu-sub,
.b-design-menu-vertical-right.b-design-menu-sub {
    min-width: 160px;
    max-height: calc(100vh - 100px);
    padding: 0;
    overflow: hidden;
    border-right: 0;
}

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

.b-design-menu-vertical.b-design-menu-sub .b-design-menu-item,
.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 {
    left: 0;
    margin-left: 0;
    border-right: 0;
}

.b-design-menu-vertical.b-design-menu-sub .b-design-menu-item::after,
.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 {
    border-right: 0;
}

.b-design-menu-vertical.b-design-menu-sub>.b-design-menu-item,
.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-submenu,
.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-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 0.3s, background 0.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 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-menu-item .b-design-menu-item-icon,
.b-design-menu-submenu-title .b-design-menu-item-icon,
.b-design-menu-item .anticon,
.b-design-menu-submenu-title .anticon {
    min-width: 14px;
    font-size: 16px;
    transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}

.b-design-menu-item .b-design-menu-item-icon+span,
.b-design-menu-submenu-title .b-design-menu-item-icon+span,
.b-design-menu-item .anticon+span,
.b-design-menu-submenu-title .anticon+span {
    margin-left: 16px;
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}

.b-design-menu-item .b-design-menu-item-icon.svg,
.b-design-menu-submenu-title .b-design-menu-item-icon.svg {
    vertical-align: -0.125em;
}

.b-design-menu-item.b-design-menu-item-only-child>.anticon,
.b-design-menu-submenu-title.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>.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: 0.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 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-menu-submenu-popup>.b-design-menu {
    background-color: #fff;
}

.b-design-menu-submenu-expand-icon,
.b-design-menu-submenu-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    color: #81848f;
    transform: translateY(-50%);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-menu-submenu-arrow::before,
.b-design-menu-submenu-arrow::after {
    position: absolute;
    width: 6px;
    height: 1.5px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    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-expand-icon,
.b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow {
    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 .b-design-menu-submenu-selected,
.b-design-menu-vertical-left .b-design-menu-submenu-selected,
.b-design-menu-vertical-right .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: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-item-active,
.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-item-open,
.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-item-selected,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-selected {
    color: var(--b-design-primary-color);
}

.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:hover::after,
.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-submenu-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-submenu-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-submenu-selected::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 0.3s cubic-bezier(0.645, 0.045, 0.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-vertical .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-inline .b-design-menu-item {
    position: relative;
}

.b-design-menu-vertical .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-inline .b-design-menu-item::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 3px solid var(--b-design-primary-color);
    transform: scaleY(0.0001);
    opacity: 0;
    transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    content: '';
}

.b-design-menu-vertical .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-inline .b-design-menu-item,
.b-design-menu-vertical .b-design-menu-submenu-title,
.b-design-menu-vertical-left .b-design-menu-submenu-title,
.b-design-menu-vertical-right .b-design-menu-submenu-title,
.b-design-menu-inline .b-design-menu-submenu-title {
    height: 48px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 16px;
    overflow: hidden;
    line-height: 48px;
    text-overflow: ellipsis;
}

.b-design-menu-vertical .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-inline .b-design-menu-submenu {
    padding-bottom: 0.02px;
}

.b-design-menu-vertical .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-inline .b-design-menu-item:not(:last-child) {
    margin-bottom: 0px;
}

.b-design-menu-vertical>.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-inline>.b-design-menu-item,
.b-design-menu-vertical>.b-design-menu-submenu>.b-design-menu-submenu-title,
.b-design-menu-vertical-left>.b-design-menu-submenu>.b-design-menu-submenu-title,
.b-design-menu-vertical-right>.b-design-menu-submenu>.b-design-menu-submenu-title,
.b-design-menu-inline>.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-selected::after,
.b-design-menu-inline .b-design-menu-item-selected::after {
    transform: scaleY(1);
    opacity: 1;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.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 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.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% - 16px / 2);
    text-overflow: clip;
}

.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-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-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 .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-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 .b-design-menu-item-icon,
.b-design-menu.b-design-menu-inline-collapsed>.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-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-submenu>.b-design-menu-submenu-title .anticon,
.b-design-menu.b-design-menu-inline-collapsed>.b-design-menu-submenu>.b-design-menu-submenu-title .anticon {
    margin: 0;
    font-size: 16px;
    line-height: 48px;
}

.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-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 .b-design-menu-item-icon+span,
.b-design-menu.b-design-menu-inline-collapsed>.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-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-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 .anticon+span {
    display: inline-block;
    opacity: 0;
}

.b-design-menu.b-design-menu-inline-collapsed .b-design-menu-item-icon,
.b-design-menu.b-design-menu-inline-collapsed .anticon {
    display: inline-block;
}

.b-design-menu.b-design-menu-inline-collapsed-tooltip {
    pointer-events: none;
}

.b-design-menu.b-design-menu-inline-collapsed-tooltip .b-design-menu-item-icon,
.b-design-menu.b-design-menu-inline-collapsed-tooltip .anticon {
    display: none;
}

.b-design-menu.b-design-menu-inline-collapsed-tooltip a {
    color: rgba(255, 255, 255, 0.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-vertical,
.b-design-menu-root.b-design-menu-vertical-left,
.b-design-menu-root.b-design-menu-vertical-right,
.b-design-menu-root.b-design-menu-inline {
    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: 0;
    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-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::before,
.b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow::before,
.b-design-menu-item-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::after {
    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:hover,
.b-design-menu-light .b-design-menu-item-active,
.b-design-menu-light .b-design-menu:not(.b-design-menu-inline) .b-design-menu-submenu-open,
.b-design-menu-light .b-design-menu-submenu-active,
.b-design-menu-light .b-design-menu-submenu-title:hover {
    color: var(--b-design-primary-color);
}

.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-item:focus-visible,
.b-design-menu-dark .b-design-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px var(--b-design-primary-70);
}

.b-design-menu.b-design-menu-dark,
.b-design-menu-dark .b-design-menu-sub,
.b-design-menu.b-design-menu-dark .b-design-menu-sub {
    color: #9b9fa8;
    background: #1f2024;
}

.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.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 {
    opacity: 0.45;
    transition: all 0.3s;
}

.b-design-menu.b-design-menu-dark .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::after,
.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-submenu-title .b-design-menu-submenu-arrow::before,
.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::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: rgba(255, 255, 255, 0.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 .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 {
    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 .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 {
    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:hover,
.b-design-menu-dark .b-design-menu-item-active,
.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:hover>a,
.b-design-menu-dark .b-design-menu-item-active>a,
.b-design-menu-dark .b-design-menu-submenu-active>a,
.b-design-menu-dark .b-design-menu-submenu-open>a,
.b-design-menu-dark .b-design-menu-submenu-selected>a,
.b-design-menu-dark .b-design-menu-submenu-title:hover>a,
.b-design-menu-dark .b-design-menu-item:hover>span>a,
.b-design-menu-dark .b-design-menu-item-active>span>a,
.b-design-menu-dark .b-design-menu-submenu-active>span>a,
.b-design-menu-dark .b-design-menu-submenu-open>span>a,
.b-design-menu-dark .b-design-menu-submenu-selected>span>a,
.b-design-menu-dark .b-design-menu-submenu-title:hover>span>a {
    color: #babcc2;
}

.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-item-active>.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:hover>.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::after,
.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-open>.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::after,
.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-item:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow::before,
.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-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::before,
.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::before {
    background: #babcc2;
}

.b-design-menu-dark .b-design-menu-item:hover {
    background-color: rgba(255, 255, 255, 0.12);
}

.b-design-menu-dark.b-design-menu-dark:not(.b-design-menu-horizontal) .b-design-menu-item-selected {
    background-color: rgba(255, 255, 255, 0.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>span>a,
.b-design-menu-dark .b-design-menu-item-selected>a:hover,
.b-design-menu-dark .b-design-menu-item-selected>span>a:hover {
    color: #babcc2;
}

.b-design-menu-dark .b-design-menu-item-selected .b-design-menu-item-icon,
.b-design-menu-dark .b-design-menu-item-selected .anticon {
    color: #fff;
}

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

.b-design-menu.b-design-menu-dark .b-design-menu-item-selected,
.b-design-menu-submenu-popup.b-design-menu-dark .b-design-menu-item-selected {
    background-color: rgba(255, 255, 255, 0.12);
}

.b-design-menu-dark .b-design-menu-item-disabled,
.b-design-menu-dark .b-design-menu-submenu-disabled,
.b-design-menu-dark .b-design-menu-item-disabled>a,
.b-design-menu-dark .b-design-menu-submenu-disabled>a,
.b-design-menu-dark .b-design-menu-item-disabled>span>a,
.b-design-menu-dark .b-design-menu-submenu-disabled>span>a {
    color: #4b4d52 !important;
    opacity: 0.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::before,
.b-design-menu-dark .b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow::before,
.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-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow::after {
    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.b-design-menu-sub>.b-design-menu-item,
.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-right.b-design-menu-sub>.b-design-menu-item,
.b-design-menu-rtl.b-design-menu-vertical.b-design-menu-sub>.b-design-menu-submenu,
.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-submenu {
    transform-origin: top right;
}

.b-design-menu-rtl .b-design-menu-item .b-design-menu-item-icon,
.b-design-menu-rtl .b-design-menu-submenu-title .b-design-menu-item-icon,
.b-design-menu-rtl .b-design-menu-item .anticon,
.b-design-menu-rtl .b-design-menu-submenu-title .anticon {
    margin-right: auto;
    margin-left: 16px;
}

.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>.b-design-menu-item-icon,
.b-design-menu-rtl .b-design-menu-item.b-design-menu-item-only-child>.anticon,
.b-design-menu-rtl .b-design-menu-submenu-title.b-design-menu-item-only-child>.anticon {
    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-vertical>.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-inline>.b-design-menu-submenu-title .b-design-menu-submenu-arrow {
    right: auto;
    left: 16px;
}

.b-design-menu-rtl .b-design-menu-submenu-vertical>.b-design-menu-submenu-title .b-design-menu-submenu-arrow::before,
.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 {
    transform: rotate(-45deg) translateY(-2px);
}

.b-design-menu-rtl .b-design-menu-submenu-vertical>.b-design-menu-submenu-title .b-design-menu-submenu-arrow::after,
.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 {
    transform: rotate(45deg) translateY(2px);
}

.b-design-menu-rtl.b-design-menu-vertical .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-inline .b-design-menu-item::after {
    right: auto;
    left: 0;
}

.b-design-menu-rtl.b-design-menu-vertical .b-design-menu-item,
.b-design-menu-rtl.b-design-menu-vertical-left .b-design-menu-item,
.b-design-menu-rtl.b-design-menu-vertical-right .b-design-menu-item,
.b-design-menu-rtl.b-design-menu-inline .b-design-menu-item,
.b-design-menu-rtl.b-design-menu-vertical .b-design-menu-submenu-title,
.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-submenu-title,
.b-design-menu-rtl.b-design-menu-inline .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% - 16px / 2);
}

.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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-menu-horizontal {
    color: #474a52;
    /* Clear component */
    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 0.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: calc(3px + 1px);
    border-top-right-radius: calc(3px + 1px);
    -webkit-animation: gradient-outline 6s alternate infinite;
    animation: gradient-outline 6s alternate infinite;
}

.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-horizontal:not(.b-design-menu-dark)>.b-design-menu-item: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-item-active,
.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-item-open,
.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-item-selected,
.b-design-menu-horizontal:not(.b-design-menu-dark)>.b-design-menu-submenu-selected {
    color: #1f2024;
}

.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:hover .b-design-menu-submenu-title:hover,
.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-submenu-active .b-design-menu-submenu-title:hover,
.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-submenu-open .b-design-menu-submenu-title:hover,
.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-submenu-selected .b-design-menu-submenu-title:hover {
    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, 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-vertical .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-inline .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: calc(3px + 1px);
    border-bottom-right-radius: calc(3px + 1px);
    -webkit-animation: gradient-outline 3s alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.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-left .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-item .b-design-menu-title-content,
.b-design-menu-inline .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,
.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-submenu-title .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 {
    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::before,
.b-design-menu-submenu-disabled>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow::before,
.b-design-menu-item-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::after {
    color: #b8bbc2 !important;
    background: transparent !important;
}

.b-design-menu-item-disabled .b-design-menu-submenu-title:active,
.b-design-menu-submenu-disabled .b-design-menu-submenu-title:active,
.b-design-menu-item-disabled: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: rgba(255, 255, 255, 0.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:not(.b-design-menu-item-selected):not(.b-design-menu-item-disabled):hover,
.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) {
    color: #81848f;
    background-color: #f1f2f3;
}

.b-design-menu-light .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-expand-icon,
.b-design-menu-light .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow {
    color: #81848f;
}

.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 {
    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-submenu,
.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:hover {
    color: rgba(255, 255, 255, 0.8);
}

.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-submenu:hover {
    background-color: rgba(255, 255, 255, 0.12);
}

.b-design-menu-dark.b-design-menu-horizontal>.b-design-menu-item-disabled:hover {
    background-color: transparent !important;
}

.b-design-menu.b-design-menu-dark .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.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 {
    opacity: 1;
    transition: all 0.3s;
}

.b-design-menu.b-design-menu-dark .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::after,
.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-submenu-title .b-design-menu-submenu-arrow::before,
.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::before {
    background: transparent !important;
}

.b-design-menu-dark .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-expand-icon,
.b-design-menu-dark .b-design-menu-submenu:hover>.b-design-menu-submenu-title>.b-design-menu-submenu-arrow {
    color: #81848f;
}

.b-design-menu-dark .b-design-menu-item-selected,
.b-design-menu-dark .b-design-menu-submenu-selected,
.b-design-menu-dark .b-design-menu-item-selected:hover,
.b-design-menu-dark .b-design-menu-submenu-selected:hover {
    color: #fff !important;
}

.b-design-menu-dark .b-design-menu-item-selected a,
.b-design-menu-dark .b-design-menu-submenu-selected a,
.b-design-menu-dark .b-design-menu-item-selected:hover a,
.b-design-menu-dark .b-design-menu-submenu-selected:hover a {
    color: #fff !important;
}

.b-design-menu-dark .b-design-menu-item-selected>.b-design-menu-submenu-title,
.b-design-menu-dark .b-design-menu-submenu-selected>.b-design-menu-submenu-title {
    color: #fff !important;
}

@-webkit-keyframes menu-radial-animation {
    0% {
        background-position: 30% 10%;
    }

    50% {
        background-position: 30% 16%;
        filter: saturate(1.8);
    }

    100% {
        background-position: 80% 0%;
    }
}

@keyframes menu-radial-animation {
    0% {
        background-position: 30% 10%;
    }

    50% {
        background-position: 30% 16%;
        filter: saturate(1.8);
    }

    100% {
        background-position: 80% 0%;
    }
}

@-webkit-keyframes menu-vertial-animation {
    0% {
        background-position: 30% 30%;
    }

    50% {
        background-position: 80% 80%;
    }

    100% {
        background-position: 20% 20%;
    }
}

@keyframes menu-vertial-animation {
    0% {
        background-position: 30% 30%;
    }

    50% {
        background-position: 80% 80%;
    }

    100% {
        background-position: 20% 20%;
    }
}

.b-design-menu.b-design-menu[data-primary='true'],
[data-primary='true'] .b-design-menu-sub,
.b-design-menu[data-primary='true'] .b-design-menu-sub {
    color: rgba(255, 255, 255, 0.8);
}

.b-design-menu.b-design-menu[data-primary='true'] .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
[data-primary='true'] .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow,
.b-design-menu[data-primary='true'] .b-design-menu-sub .b-design-menu-submenu-title .b-design-menu-submenu-arrow {
    color: rgba(255, 255, 255, 0.8);
}

.b-design-menu.b-design-menu[data-primary='true'] .b-design-menu-item-group-title {
    color: rgba(255, 255, 255, 0.65);
}

.b-design-menu.b-design-menu[data-primary='true'] {
    position: relative;
    color: rgba(255, 255, 255, 0.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 alternate infinite;
    animation: menu-vertial-animation 6.5s alternate infinite;
}

.b-design-menu.b-design-menu[data-primary='true'] a {
    color: rgba(255, 255, 255, 0.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 alternate infinite;
    animation: menu-radial-animation 6.5s alternate infinite;
    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: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.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-submenu-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:hover {
    color: #fff;
}

.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>.b-design-menu-submenu-title,
.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-submenu-selected:hover>.b-design-menu-submenu-title {
    color: #fff !important;
}

.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 a,
.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-submenu-selected:hover 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: rgba(255, 255, 255, 0.12) !important;
}

.b-design-menu.b-design-menu[data-primary='true'].b-design-menu-vertical .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-inline .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 alternate infinite;
    animation: gradient-outline 6s alternate infinite;
}

.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:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.b-design-menu.b-design-menu[data-primary='true'].b-design-menu-horizontal .b-design-menu-submenu-selected {
    background-color: rgba(255, 255, 255, 0.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-submenu-disabled,
.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-submenu-disabled:hover {
    color: rgba(255, 255, 255, 0.45) !important;
}

.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-submenu-disabled .b-design-menu-submenu-title,
.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:hover .b-design-menu-submenu-title {
    color: rgba(255, 255, 255, 0.45) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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-rightTop,
.b-design-tooltip-placement-rightBottom {
    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-leftTop,
.b-design-tooltip-placement-leftBottom {
    padding-right: 11px;
}

.b-design-tooltip-inner {
    min-width: 30px;
    min-height: 32px;
    padding: 6px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #303133;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.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 {
    bottom: 0;
    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, 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-rightTop .b-design-tooltip-arrow,
.b-design-tooltip-placement-rightBottom .b-design-tooltip-arrow {
    left: 0;
    transform: translateX(-100%);
}

.b-design-tooltip-placement-right .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-rightTop .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-rightBottom .b-design-tooltip-arrow-content {
    box-shadow: -3px 3px 7px rgba(0, 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-leftTop .b-design-tooltip-arrow,
.b-design-tooltip-placement-leftBottom .b-design-tooltip-arrow {
    right: 0;
    transform: translateX(100%);
}

.b-design-tooltip-placement-left .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-leftTop .b-design-tooltip-arrow-content,
.b-design-tooltip-placement-leftBottom .b-design-tooltip-arrow-content {
    box-shadow: 3px -3px 7px rgba(0, 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, 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: 0.4px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.b-design-tooltip-placement-topRight,
.b-design-tooltip-placement-topLeft,
.b-design-tooltip-placement-top {
    padding-bottom: calc(16px - 6px);
}

.b-design-tooltip-placement-topRight .b-design-tooltip-arrow,
.b-design-tooltip-placement-topLeft .b-design-tooltip-arrow,
.b-design-tooltip-placement-top .b-design-tooltip-arrow {
    bottom: 0;
}

.b-design-tooltip-placement-bottomRight,
.b-design-tooltip-placement-bottomLeft,
.b-design-tooltip-placement-bottom {
    padding-top: calc(16px - 6px);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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-month-panel,
.b-design-picker-calendar .b-design-picker-panel .b-design-picker-date-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 th,
.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-body td {
    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:hover .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-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 .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,
.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:hover .b-design-picker-calendar-date-today .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 0.3s;
}

.b-design-picker-calendar-full .b-design-picker-panel .b-design-picker-calendar-date-value {
    line-height: 24px;
    transition: color 0.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-month-select {
    margin-right: 8px;
    margin-left: 0;
}

.b-design-picker-calendar-rtl .b-design-picker-calendar-header .b-design-picker-calendar-mode-switch {
    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-year-select {
    min-width: 90px;
}

.b-design-picker-calendar-header .b-design-picker-calendar-month-select {
    min-width: 90px;
}

.b-design-picker-calendar-full .b-design-picker-calendar-header .b-design-picker-calendar-year-select {
    min-width: 130px;
}

.b-design-picker-calendar-full .b-design-picker-calendar-header .b-design-picker-calendar-month-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:hover .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-today {
    background: var(--b-design-primary-10);
}

.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 .b-design-picker-calendar-date-value,
.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:hover .b-design-picker-calendar-date-today .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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum';
    padding: 4px 11px 4px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #d7d8db;
    border-radius: 2px;
    transition: border 0.3s, box-shadow 0.3s;
}

.b-design-picker:hover,
.b-design-picker-focused {
    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;
    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 0.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:focus,
.b-design-picker-input>input-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-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:hover,
.b-design-picker-input>input-borderless:focus,
.b-design-picker-input>input-borderless-focused,
.b-design-picker-input>input-borderless-disabled,
.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 0.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 6.5px;
}

.b-design-picker-large .b-design-picker-input>input {
    font-size: 16px;
}

.b-design-picker-small {
    padding: 2px 11px 2px;
}

.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%;
    right: 0;
    color: #b8bbc2;
    line-height: 1;
    background: #fff;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s, color 0.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 0.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-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,
.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 {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn;
}

.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,
.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 {
    -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, 0.1);
    transition: left 0.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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    transition: margin 0.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 0;
    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-decade-panel,
.b-design-picker-year-panel,
.b-design-picker-quarter-panel,
.b-design-picker-month-panel,
.b-design-picker-week-panel,
.b-design-picker-date-panel,
.b-design-picker-time-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 0.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-prev-icon,
.b-design-picker-next-icon,
.b-design-picker-super-prev-icon,
.b-design-picker-super-next-icon {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
}

.b-design-picker-prev-icon::before,
.b-design-picker-next-icon::before,
.b-design-picker-super-prev-icon::before,
.b-design-picker-super-next-icon::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: '';
}

.b-design-picker-super-prev-icon::after,
.b-design-picker-super-next-icon::after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: '';
}

.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 th,
.b-design-picker-content td {
    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 0.3s;
    content: '';
}

.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 0.3s, border 0.3s;
}

.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-selected .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-range-end .b-design-picker-cell-inner {
    color: #fff;
    background: var(--b-design-primary-color);
}

.b-design-picker-cell-in-view.b-design-picker-cell-range-start:not(.b-design-picker-cell-range-start-single)::before,
.b-design-picker-cell-in-view.b-design-picker-cell-range-end:not(.b-design-picker-cell-range-end-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-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-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-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.b-design-picker-cell-range-end-single::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 0.3s;
    content: '';
}

.b-design-picker-cell-range-hover-start::after,
.b-design-picker-cell-range-hover-end::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-start.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-start:not(.b-design-picker-cell-range-start-single).b-design-picker-cell-range-hover-start::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-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,
.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 {
    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-start .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-end .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 0.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%;
}

tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:first-child::after,
tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-end:first-child::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,
.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 {
    left: 6px;
    border-left: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:last-child::after,
tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover-start:last-child::after,
.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 {
    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, 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-year-panel .b-design-picker-content,
.b-design-picker-quarter-panel .b-design-picker-content,
.b-design-picker-month-panel .b-design-picker-content {
    height: 264px;
}

.b-design-picker-decade-panel .b-design-picker-cell-inner,
.b-design-picker-year-panel .b-design-picker-cell-inner,
.b-design-picker-quarter-panel .b-design-picker-cell-inner,
.b-design-picker-month-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: #000000;
}

.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-year-panel .b-design-picker-body,
.b-design-picker-quarter-panel .b-design-picker-body,
.b-design-picker-month-panel .b-design-picker-body {
    padding: 0 8px;
}

.b-design-picker-year-panel .b-design-picker-cell-inner,
.b-design-picker-quarter-panel .b-design-picker-cell-inner,
.b-design-picker-month-panel .b-design-picker-cell-inner {
    width: 60px;
}

.b-design-picker-year-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-month-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-panel-rtl .b-design-picker-year-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-month-panel .b-design-picker-cell-range-hover-start::after {
    right: 14px;
    border-right: 1px dashed var(--b-design-primary-color-deprecated-l-20);
    border-radius: 0 2px 2px 0;
}

.b-design-picker-year-panel .b-design-picker-cell-range-hover-end::after,
.b-design-picker-quarter-panel .b-design-picker-cell-range-hover-end::after,
.b-design-picker-month-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-year-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-month-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:hover .b-design-picker-cell-inner,
.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 {
    background: transparent !important;
}

.b-design-picker-week-panel-row td {
    transition: background 0.3s;
}

.b-design-picker-week-panel-row:hover td {
    background: #f1f2f3;
}

.b-design-picker-week-panel-row-selected td,
.b-design-picker-week-panel-row-selected:hover td {
    background: var(--b-design-primary-color);
}

.b-design-picker-week-panel-row-selected td.b-design-picker-cell-week,
.b-design-picker-week-panel-row-selected:hover td.b-design-picker-cell-week {
    color: rgba(255, 255, 255, 0.5);
}

.b-design-picker-week-panel-row-selected td.b-design-picker-cell-today .b-design-picker-cell-inner::before,
.b-design-picker-week-panel-row-selected:hover td.b-design-picker-cell-today .b-design-picker-cell-inner::before {
    border-color: #fff;
}

.b-design-picker-week-panel-row-selected td .b-design-picker-cell-inner,
.b-design-picker-week-panel-row-selected:hover 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 0.3s;
}

.b-design-picker-datetime-panel-active .b-design-picker-date-panel,
.b-design-picker-datetime-panel-active .b-design-picker-time-panel {
    opacity: 0.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 0.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 0.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;
}

/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .b-design-picker-range-wrapper .b-design-picker-month-panel .b-design-picker-cell,
:root .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,
:root .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 0.3s, border 0.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 tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:not(.b-design-picker-cell-selected):first-child::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 .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 {
    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 tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:not(.b-design-picker-cell-selected):last-child::after,
.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 {
    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 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-range-hover-end:first-child::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 .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 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,
.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 {
    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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-picker {
    padding-right: 8px !important;
}

.b-design-picker-suffix,
.b-design-picker-clear {
    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 {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.b-design-picker-clear {
    right: 0px;
    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 0.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:hover .b-design-picker-clear {
    background-color: #fff;
}

.b-design-picker-focused: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: rgba(255, 255, 255, 0.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, 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 16px;
}

.b-design-picker-month-panel .b-design-picker-body,
.b-design-picker-year-panel .b-design-picker-body,
.b-design-picker-quarter-panel .b-design-picker-body {
    padding: 14px 13px 22px 13px;
}

.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 0.3s;
    content: '';
}

.b-design-picker-header>button:hover::before {
    opacity: 1;
}

.b-design-picker-header>button .b-design-picker-super-prev-icon,
.b-design-picker-header>button .b-design-picker-prev-icon,
.b-design-picker-header>button .b-design-picker-next-icon,
.b-design-picker-header>button .b-design-picker-super-next-icon {
    width: 16px;
    height: 16px;
    transform: none;
}

.b-design-picker-header>button .b-design-picker-super-prev-icon:before,
.b-design-picker-header>button .b-design-picker-prev-icon:before,
.b-design-picker-header>button .b-design-picker-next-icon:before,
.b-design-picker-header>button .b-design-picker-super-next-icon:before {
    content: unset;
}

.b-design-picker-header>button .b-design-picker-super-prev-icon:after,
.b-design-picker-header>button .b-design-picker-prev-icon:after,
.b-design-picker-header>button .b-design-picker-next-icon:after,
.b-design-picker-header>button .b-design-picker-super-next-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: 0.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: 0.4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.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-year-panel .b-design-picker-cell,
.b-design-picker-quarter-panel .b-design-picker-cell {
    height: 56px;
    padding: 10px 0;
}

.b-design-picker-year-panel .b-design-picker-cell .b-design-picker-cell-inner,
.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 {
    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: rgba(255, 255, 255, 0.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:hover td {
    background: transparent;
}

.b-design-picker-dropdown .b-design-picker-week-panel-row-selected td,
.b-design-picker-dropdown .b-design-picker-week-panel-row-selected: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 td:before,
.b-design-picker-dropdown .b-design-picker-week-panel-row-selected:hover td:before {
    background: var(--b-design-primary-color);
}

.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-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-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.b-design-picker-cell-range-end-single: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 0.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:last-child::before,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-end::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:first-child::before,
.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-in-range.b-design-picker-cell-start::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-start::before,
.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 {
    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-start::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 {
    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-end::before,
.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: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-start.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-start:not(.b-design-picker-cell-range-start-single).b-design-picker-cell-range-hover-start::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-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,
.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 {
    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 tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:first-child::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 .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-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 {
    left: 2px;
    border-left: 1px solid #1b58f4 !important;
}

.b-design-picker-dropdown tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover:last-child::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 .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 {
    right: 2px;
    left: unset;
    width: 36px !important;
    border-right: 1px solid #1b58f4 !important;
}

tr>.b-design-picker-cell-in-view:last-child.b-design-picker-cell-range-hover-start::after,
.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 {
    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 tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover: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-end:first-child::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 .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 {
    left: 5px !important;
    border-left: 1px solid #1b58f4 !important;
}

.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,
.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 .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 {
    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 tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover: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-end:first-child::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 .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 {
    left: 5px !important;
    border-left: 1px solid #1b58f4 !important;
}

.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,
.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 .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 {
    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 tr>.b-design-picker-cell-in-view.b-design-picker-cell-range-hover: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-end:first-child::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 .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 {
    left: 6px !important;
    border-left: 1px solid #1b58f4 !important;
}

.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,
.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 .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 {
    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 8px;
    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 {
    background-color: #fff;
    border-color: var(--b-design-error-color);
    box-shadow: none !important;
}

.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:focus: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 {
    background-color: #fff;
    border-color: var(--b-design-warning-color);
    box-shadow: none !important;
}

.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:focus: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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-tag {
    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;
    height: auto;
    margin-right: 8px;
    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 0.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 0.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 a,
.b-design-tag-has-color a:hover,
.b-design-tag-has-color .anticon-close,
.b-design-tag-has-color .anticon-close: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:active,
.b-design-tag-checkable-checked {
    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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 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: calc(4px + 2px);
}

.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,
.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-pink {
    border: 0;
}

.b-design-tag-magenta {
    border: 0;
}

.b-design-tag-red {
    border: 0;
}

.b-design-tag-volcano {
    border: 0;
}

.b-design-tag-orange {
    border: 0;
}

.b-design-tag-yellow {
    border: 0;
}

.b-design-tag-gold {
    border: 0;
}

.b-design-tag-cyan {
    border: 0;
}

.b-design-tag-lime {
    border: 0;
}

.b-design-tag-green {
    border: 0;
}

.b-design-tag-blue {
    border: 0;
}

.b-design-tag-geekblue {
    border: 0;
}

.b-design-tag-purple {
    border: 0;
}

.b-design-tag-checkable {
    position: relative;
    background-color: #f1f2f3;
    border: 1px solid #f1f2f3;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-clip-path: polygon(
            /* first outer rect */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) 0, 0 0, 0 calc(100% + 1px / 2),
            /* return to first outer triangle */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% - 0px - 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% - 0px - 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2));
    clip-path: polygon(
            /* first outer rect */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) 0, 0 0, 0 calc(100% + 1px / 2),
            /* return to first outer triangle */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% - 0px - 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% - 0px - 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2));
    background: #f1f2f3;
    border-color: #f1f2f3;
}

.b-design-tag-checkable:hover {
    background: #f1f2f3;
    border-color: #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 {
    position: absolute;
    right: calc(-1px / 2);
    bottom: calc(8px - 1px);
    display: block;
    width: calc(8px * 1.414);
    height: 1px;
    background: var(--b-design-primary-color);
    transform: translate(100%, 100%) rotateZ(-45deg);
    transform-origin: right center;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: '';
}

.b-design-tag-checkable::after {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 8px;
    height: 8px;
    background: var(--b-design-primary-color);
    border-top-left-radius: 2px;
    transform: translate(100%, 100%);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: '';
    -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%, 0) rotateZ(-45deg);
}

.b-design-tag-checkable-checked::after {
    transform: translate(0, 0);
}

.b-design-tag-checkable-checked {
    -webkit-clip-path: polygon(
            /* first outer rect */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) 0, 0 0, 0 calc(100% + 1px / 2),
            /* return to first outer triangle */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% - 8px - 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% - 8px - 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2));
    clip-path: polygon(
            /* first outer rect */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) 0, 0 0, 0 calc(100% + 1px / 2),
            /* return to first outer triangle */
            calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2), calc(100% - 8px - 1px / 2) calc(100% + 1px / 2), calc(100% + 1px / 2) calc(100% - 8px - 1px / 2), calc(100% + 1px / 2) calc(100% + 1px / 2));
    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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
    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-flex;
    align-items: baseline;
    margin-right: 8px;
    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: 0.2em;
    display: inline-block;
    outline: none;
    cursor: pointer;
}

.b-design-radio-wrapper:hover .b-design-radio,
.b-design-radio:hover .b-design-radio-inner,
.b-design-radio-input:focus+.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 0.36s ease-in-out;
    animation: antRadioEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    content: '';
}

.b-design-radio:hover::after,
.b-design-radio-wrapper:hover .b-design-radio::after {
    visibility: visible;
}

.b-design-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-color: #d7d8db;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    transition: all 0.3s;
}

.b-design-radio-inner::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    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;
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    content: ' ';
}

.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 {
    border-color: var(--b-design-primary-color);
}

.b-design-radio-checked .b-design-radio-inner::after {
    transform: scale(0.5);
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.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: 1px solid #d7d8db;
    border-top-width: 1.02px;
    border-left-width: 0;
    cursor: pointer;
    transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.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 0.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 {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d7d8db;
    cursor: not-allowed;
}

.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: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antRadioEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        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 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.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 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.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: calc(4px + 2px);
    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::before {
    background-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 {
    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: initial;
    height: calc(32px - 2 * 3px);
    background-color: transparent;
    border-radius: 2px;
    transition: background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.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: calc(40px - 2 * 4px);
}

.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: calc(28px - 2 * 2px);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.3s, border-color 0.3s;
}

.b-design-card-hoverable:hover {
    border-color: transparent;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}

.b-design-card-bordered {
    border: 1px solid #e6e8eb;
}

.b-design-card-head {
    min-height: 48px;
    margin-bottom: -1px;
    padding: 0 24px;
    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;
    padding: 0 0;
    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: normal;
    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 0;
    color: #474a52;
    font-weight: normal;
    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, 1px 0 0 0 #e6e8eb inset, 0 1px 0 0 #e6e8eb inset;
    transition: all 0.3s;
}

.b-design-card-grid-hoverable:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}

.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 0.3s;
}

.b-design-card-actions>li>span a:not(.b-design-btn),
.b-design-card-actions>li>span>.anticon {
    display: inline-block;
    width: 100%;
    color: #474a52;
    line-height: 22px;
    transition: color 0.3s;
}

.b-design-card-actions>li>span a:not(.b-design-btn):hover,
.b-design-card-actions>li>span>.anticon: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;
    padding: 0 12px;
    font-size: 14px;
}

.b-design-card-small>.b-design-card-head>.b-design-card-head-wrapper>.b-design-card-head-title {
    padding: 0 0;
}

.b-design-card-small>.b-design-card-head>.b-design-card-head-wrapper>.b-design-card-extra {
    padding: 0 0;
    font-size: 14px;
}

.b-design-card-small>.b-design-card-body {
    padding: 12px;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-card {
    padding-top: 12px;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05);
}

.b-design-card:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.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 0.2s cubic-bezier(0.645, 0.045, 0.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-head-title,
.b-design-card-extra {
    padding: 0;
}

.b-design-card-head-title a,
.b-design-card-extra a {
    color: #1b58f4;
}

.b-design-card-head-description,
.b-design-card-meta-description {
    margin-bottom: 0.4px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.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 a:not(.ant-btn),
.b-design-card-actions>li>span>.anticon {
    color: #81848f;
}

.b-design-card-actions>li>span a:not(.ant-btn):hover,
.b-design-card-actions>li>span>.anticon: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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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: rgba(190, 190, 190, 0.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: rgba(190, 190, 190, 0.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: rgba(190, 190, 190, 0.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-title,
.b-design-skeleton-round .b-design-skeleton-content .b-design-skeleton-paragraph>li {
    border-radius: 100px;
}

.b-design-skeleton-active .b-design-skeleton-title,
.b-design-skeleton-active .b-design-skeleton-paragraph>li,
.b-design-skeleton-active .b-design-skeleton-avatar,
.b-design-skeleton-active .b-design-skeleton-button,
.b-design-skeleton-active .b-design-skeleton-input,
.b-design-skeleton-active .b-design-skeleton-image {
    position: relative;
    /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
    z-index: 0;
    overflow: hidden;
    background: transparent;
}

.b-design-skeleton-active .b-design-skeleton-title::after,
.b-design-skeleton-active .b-design-skeleton-paragraph>li::after,
.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-input::after,
.b-design-skeleton-active .b-design-skeleton-image::after {
    position: absolute;
    top: 0;
    right: -150%;
    bottom: 0;
    left: -150%;
    background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
    -webkit-animation: 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 {
    width: 100%;
}

.b-design-skeleton.b-design-skeleton-block .b-design-skeleton-button {
    width: 100%;
}

.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: rgba(190, 190, 190, 0.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: rgba(190, 190, 190, 0.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: rgba(190, 190, 190, 0.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: rgba(190, 190, 190, 0.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%);
    }

    100% {
        transform: translateX(37.5%);
    }
}

@keyframes b-design-skeleton-loading {
    0% {
        transform: translateX(-37.5%);
    }

    100% {
        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-content .b-design-skeleton-title,
.b-design-skeleton-rtl.b-design-skeleton.b-design-skeleton-active .b-design-skeleton-content .b-design-skeleton-paragraph>li {
    -webkit-animation-name: b-design-skeleton-loading-rtl;
    animation-name: b-design-skeleton-loading-rtl;
}

.b-design-skeleton-rtl.b-design-skeleton.b-design-skeleton-active .b-design-skeleton-avatar {
    -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%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes b-design-skeleton-loading-rtl {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 {
    order: 0;
}

.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-top>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.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-top>div>.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-tab+.b-design-tabs-tab {
    margin-right: 0;
    margin-left: 0;
}

.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-bottom>.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-nav-add,
.b-design-tabs-rtl.b-design-tabs-card.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-add {
    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-top,
.b-design-tabs-bottom {
    flex-direction: column;
}

.b-design-tabs-top>.b-design-tabs-nav,
.b-design-tabs-bottom>.b-design-tabs-nav,
.b-design-tabs-top>div>.b-design-tabs-nav,
.b-design-tabs-bottom>div>.b-design-tabs-nav {
    margin: 0 0 16px 0;
}

.b-design-tabs-top>.b-design-tabs-nav::before,
.b-design-tabs-bottom>.b-design-tabs-nav::before,
.b-design-tabs-top>div>.b-design-tabs-nav::before,
.b-design-tabs-bottom>div>.b-design-tabs-nav::before {
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 1px solid #e6e8eb;
    content: '';
}

.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-bottom>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-top>div>.b-design-tabs-nav .b-design-tabs-ink-bar,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    height: 2px;
}

.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-ink-bar-animated,
.b-design-tabs-bottom>.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,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-ink-bar-animated {
    transition: width 0.3s, left 0.3s, right 0.3s;
}

.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap::before,
.b-design-tabs-bottom>.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,
.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-bottom>.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,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap::after {
    top: 0;
    bottom: 0;
    width: 30px;
}

.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap::before,
.b-design-tabs-bottom>.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,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap::before {
    left: 0;
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}

.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap::after,
.b-design-tabs-bottom>.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,
.b-design-tabs-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap::after {
    right: 0;
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}

.b-design-tabs-top>.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-left::before,
.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-bottom>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-left::before {
    opacity: 1;
}

.b-design-tabs-top>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-right::after,
.b-design-tabs-bottom>.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-right::after,
.b-design-tabs-bottom>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::before,
.b-design-tabs-top>div>.b-design-tabs-nav::before {
    bottom: 0;
}

.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 {
    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::before,
.b-design-tabs-bottom>div>.b-design-tabs-nav::before {
    top: 0;
}

.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 {
    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-right>.b-design-tabs-nav,
.b-design-tabs-left>div>.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-right>.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>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-right>.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>div>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab {
    margin: 16px 0 0 0;
}

.b-design-tabs-left>.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-left>div>.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::before,
.b-design-tabs-right>.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>div>.b-design-tabs-nav .b-design-tabs-nav-wrap::before,
.b-design-tabs-left>.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-left>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::after {
    right: 0;
    left: 0;
    height: 30px;
}

.b-design-tabs-left>.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-left>div>.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, 0.08);
}

.b-design-tabs-left>.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-left>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::after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}

.b-design-tabs-left>.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-top::before,
.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>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-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-bottom::after,
.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-right>div>.b-design-tabs-nav .b-design-tabs-nav-wrap.b-design-tabs-nav-wrap-ping-bottom::after {
    opacity: 1;
}

.b-design-tabs-left>.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-left>div>.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-right>.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>div>.b-design-tabs-nav .b-design-tabs-ink-bar-animated {
    transition: height 0.3s, top 0.3s;
}

.b-design-tabs-left>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-right>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-list,
.b-design-tabs-right>div>.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-right>.b-design-tabs-nav .b-design-tabs-nav-operations,
.b-design-tabs-left>div>.b-design-tabs-nav .b-design-tabs-nav-operations,
.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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 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: normal;
    font-size: 12px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all 0.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 0.3s cubic-bezier(0.645, 0.045, 0.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);
    background: #fff;
}

.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-top>.b-design-tabs-nav .b-design-tabs-tab+.b-design-tabs-tab,
.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-top>div>.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 {
    margin-left: 0;
}

.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-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-right>.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>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::before,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-wrap::before,
.b-design-tabs>.b-design-tabs-nav .b-design-tabs-nav-wrap::after,
.b-design-tabs>div>.b-design-tabs-nav .b-design-tabs-nav-wrap::after {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.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 0.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 0.3s cubic-bezier(0.645, 0.045, 0.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>div>.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: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:focus,
.b-design-tabs-tab-remove:focus,
.b-design-tabs-tab-btn:active,
.b-design-tabs-tab-remove:active {
    color: var(--b-design-primary-color);
}

.b-design-tabs-tab-btn {
    outline: none;
    transition: all 0.3s;
}

.b-design-tabs-tab-remove {
    flex: none;
    margin-right: -4px;
    margin-left: 8px;
    color: #474a52;
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
}

.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 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:focus,
.b-design-tabs-tab.b-design-tabs-tab-disabled .b-design-tabs-tab-remove:focus,
.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-remove:active {
    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-tab+.b-design-tabs-tab {
    margin: 0 0 0 32px;
}

.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 0.3s;
}

.b-design-tabs-tabpane {
    flex: none;
    width: 100%;
    outline: none;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.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 0.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 {
    color: #81848f;
}

.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: calc((36px - 24px) / 2) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.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-tab:not(.b-design-tabs-tab-disabled)::after,
.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>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    bottom: 0px;
    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-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-tab:not(.b-design-tabs-tab-disabled)::after,
.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>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    top: 0px;
    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-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-tab:not(.b-design-tabs-tab-disabled)::after,
.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>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    right: 0;
    left: initial;
    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-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-tab:not(.b-design-tabs-tab-disabled)::after,
.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>div>.b-design-tabs-nav .b-design-tabs-ink-bar {
    right: initial;
    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: initial;
    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 0.3s cubic-bezier(0.645, 0.045, 0.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 0.3s;
    content: '';
    -webkit-animation: gradient-outline 3s alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.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) + 0.3px), var(--border-color) calc(var(--tab-grad) + var(--tab-border)), var(--highlight-bg-color) calc(var(--tab-grad) + var(--tab-border) + 0.3px));
    opacity: 0;
    transition: all 0.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: initial;
}

.b-design-tabs-card.b-design-tabs-bottom .b-design-tabs-tab:after {
    --circle-pos: bottom right;
    top: -1px;
    bottom: initial;
}

.b-design-tabs:not(.b-design-tabs-card).b-design-tabs-small>.b-design-tabs-nav .b-design-tabs-tab {
    height: 18px;
    margin: calc((32px - 18px) / 2) 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: calc((40px - 24px) / 2) 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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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-radio-input,
.b-design-carousel .slick-list .slick-slide input.b-design-checkbox-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-radio-input,
.b-design-carousel .slick-list .slick-slide.slick-active input.b-design-checkbox-input {
    visibility: visible;
}

.b-design-carousel .slick-list .slick-slide>div>div {
    vertical-align: bottom;
}

.b-design-carousel .slick-slider .slick-track,
.b-design-carousel .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    touch-action: pan-y;
}

.b-design-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.b-design-carousel .slick-track::before,
.b-design-carousel .slick-track::after {
    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-prev,
.b-design-carousel .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}

.b-design-carousel .slick-prev:hover,
.b-design-carousel .slick-next:hover,
.b-design-carousel .slick-prev:focus,
.b-design-carousel .slick-next:focus {
    color: transparent;
    background: transparent;
    outline: none;
}

.b-design-carousel .slick-prev:hover::before,
.b-design-carousel .slick-next:hover::before,
.b-design-carousel .slick-prev:focus::before,
.b-design-carousel .slick-next:focus::before {
    opacity: 1;
}

.b-design-carousel .slick-prev.slick-disabled::before,
.b-design-carousel .slick-next.slick-disabled::before {
    opacity: 0.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 2px;
    margin-right: 3px;
    margin-left: 3px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    transition: all 0.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: 0.3;
    transition: all 0.5s;
}

.b-design-carousel .slick-dots li button:hover,
.b-design-carousel .slick-dots li button:focus {
    opacity: 0.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:hover,
.b-design-carousel .slick-dots li.slick-active:focus {
    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 {
    width: 4px;
    height: 24px;
}

.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 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-carousel .slick-arrow,
.b-design-carousel .slick-arrow:hover,
.b-design-carousel .slick-arrow:focus {
    color: #fff;
    font-size: 32px;
}

.b-design-carousel .slick-arrow:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.b-design-carousel .slick-arrow.slick-disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

.b-design-carousel .slick-arrow.slick-disabled:hover {
    background: initial;
}

.b-design-carousel .slick-dots li {
    margin-right: calc(8px / 2);
    margin-left: calc(8px / 2);
}

.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: 0.8;
}

.b-design-carousel .slick-prev,
.b-design-carousel .slick-next {
    width: 32px;
    height: 32px;
}

.b-design-carousel .slick-prev svg,
.b-design-carousel .slick-next 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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

@-webkit-keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.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: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
}

.b-design-cascader-checkbox-wrapper:hover .b-design-cascader-checkbox-inner,
.b-design-cascader-checkbox:hover .b-design-cascader-checkbox-inner,
.b-design-cascader-checkbox-input:focus+.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 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: '';
}

.b-design-cascader-checkbox:hover::after,
.b-design-cascader-checkbox-wrapper:hover .b-design-cascader-checkbox::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 0.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 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.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 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.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: 0;
    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 0.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-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: 0.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: 0.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-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: 0.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: 0.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);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

@-webkit-keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.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: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
}

.b-design-checkbox-wrapper:hover .b-design-checkbox-inner,
.b-design-checkbox:hover .b-design-checkbox-inner,
.b-design-checkbox-input:focus+.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 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: '';
}

.b-design-checkbox:hover::after,
.b-design-checkbox-wrapper:hover .b-design-checkbox::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 0.3s;
}

.b-design-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 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.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 {
    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 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.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 {
    cursor: not-allowed;
}

.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 .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-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 {
    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-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 {
    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-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-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: 0.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: 0.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);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-row {
    display: flex;
    flex-flow: row wrap;
    min-width: 0;
}

.b-design-row::before,
.b-design-row::after {
    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-push-0 {
    left: auto;
}

.b-design-col-pull-0 {
    right: auto;
}

.b-design-col-push-0 {
    left: auto;
}

.b-design-col-pull-0 {
    right: auto;
}

.b-design-col-offset-0 {
    margin-left: 0;
}

.b-design-col-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-push-0.b-design-col-rtl {
    right: auto;
}

.b-design-col-pull-0.b-design-col-rtl {
    left: auto;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.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 0.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 16px;
    padding-right: 40px;
}

.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;
    padding-left: 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 16px;
    padding-right: 40px;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.3s;
}

.b-design-comment-content-author-name>* {
    color: #474a52;
}

.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 0.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-descriptions-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.b-design-descriptions-title {
    flex: auto;
    overflow: hidden;
    color: #1f2024;
    font-weight: bold;
    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>th,
.b-design-descriptions-row>td {
    padding-bottom: 16px;
}

.b-design-descriptions-row:last-child {
    border-bottom: none;
}

.b-design-descriptions-item-label {
    color: #1f2024;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5715;
    text-align: start;
}

.b-design-descriptions-item-label::after {
    content: ':';
    position: relative;
    top: -0.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-label,
.b-design-descriptions-item-container .b-design-descriptions-item-content {
    display: inline-flex;
    align-items: baseline;
}

.b-design-descriptions-middle .b-design-descriptions-row>th,
.b-design-descriptions-middle .b-design-descriptions-row>td {
    padding-bottom: 12px;
}

.b-design-descriptions-small .b-design-descriptions-row>th,
.b-design-descriptions-small .b-design-descriptions-row>td {
    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-label,
.b-design-descriptions-bordered .b-design-descriptions-item-content {
    padding: 16px 24px;
    border-right: 1px solid #e6e8eb;
}

.b-design-descriptions-bordered .b-design-descriptions-item-label:last-child,
.b-design-descriptions-bordered .b-design-descriptions-item-content: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-label,
.b-design-descriptions-bordered.b-design-descriptions-middle .b-design-descriptions-item-content {
    padding: 12px 24px;
}

.b-design-descriptions-bordered.b-design-descriptions-small .b-design-descriptions-item-label,
.b-design-descriptions-bordered.b-design-descriptions-small .b-design-descriptions-item-content {
    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-label,
.b-design-descriptions-rtl.b-design-descriptions-bordered .b-design-descriptions-item-content {
    border-right: none;
    border-left: 1px solid #e6e8eb;
}

.b-design-descriptions-rtl.b-design-descriptions-bordered .b-design-descriptions-item-label:last-child,
.b-design-descriptions-rtl.b-design-descriptions-bordered .b-design-descriptions-item-content:last-child {
    border-left: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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: -0.06em;
    display: inline-block;
    height: 0.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::before,
.b-design-divider-horizontal.b-design-divider-with-text::after {
    position: relative;
    top: 50%;
    width: 50%;
    border-top: 1px solid transparent;
    border-top-color: inherit;
    border-bottom: 0;
    transform: translateY(50%);
    content: '';
}

.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 {
    top: 50%;
    width: 95%;
}

.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-color: #e6e8eb;
    border-style: dashed;
    border-width: 1px 0 0;
}

.b-design-divider-horizontal.b-design-divider-with-text.b-design-divider-dashed::before,
.b-design-divider-horizontal.b-design-divider-with-text.b-design-divider-dashed::after {
    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: normal;
    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 {
    width: 5%;
}

.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%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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, 0.45);
    pointer-events: auto;
}

.b-design-drawer-content-wrapper {
    position: absolute;
    z-index: 1000;
    transition: all 0.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 0px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}

.b-design-drawer-right>.b-design-drawer-content-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: -16px 0 32px 0px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}

.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, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 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, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 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 0.3s;
    text-rendering: auto;
}

.b-design-drawer-close:focus,
.b-design-drawer-close:hover {
    color: rgba(0, 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: calc(24px + 8px) calc(24px + 8px);
    border-top: 1px solid #e6e8eb;
}

.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
    transition: none;
}

.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
    transition: all 0.3s;
}

.b-design-drawer-mask-motion-enter-active,
.b-design-drawer-mask-motion-appear-active,
.b-design-drawer-mask-motion-leave-active {
    transition: all 0.3s;
}

.b-design-drawer-mask-motion-enter,
.b-design-drawer-mask-motion-appear {
    opacity: 0;
}

.b-design-drawer-mask-motion-enter-active,
.b-design-drawer-mask-motion-appear-active {
    opacity: 1;
}

.b-design-drawer-mask-motion-leave {
    opacity: 1;
}

.b-design-drawer-mask-motion-leave-active {
    opacity: 0;
}

.b-design-drawer-panel-motion-left-enter-start,
.b-design-drawer-panel-motion-left-appear-start,
.b-design-drawer-panel-motion-left-leave-start {
    transition: none;
}

.b-design-drawer-panel-motion-left-enter-active,
.b-design-drawer-panel-motion-left-appear-active,
.b-design-drawer-panel-motion-left-leave-active {
    transition: all 0.3s;
}

.b-design-drawer-panel-motion-left-enter,
.b-design-drawer-panel-motion-left-appear {
    transform: translateX(-100%);
}

.b-design-drawer-panel-motion-left-enter-active,
.b-design-drawer-panel-motion-left-appear-active {
    transform: translateX(0);
}

.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-enter-start,
.b-design-drawer-panel-motion-right-appear-start,
.b-design-drawer-panel-motion-right-leave-start {
    transition: none;
}

.b-design-drawer-panel-motion-right-enter-active,
.b-design-drawer-panel-motion-right-appear-active,
.b-design-drawer-panel-motion-right-leave-active {
    transition: all 0.3s;
}

.b-design-drawer-panel-motion-right-enter,
.b-design-drawer-panel-motion-right-appear {
    transform: translateX(100%);
}

.b-design-drawer-panel-motion-right-enter-active,
.b-design-drawer-panel-motion-right-appear-active {
    transform: translateX(0);
}

.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-enter-start,
.b-design-drawer-panel-motion-top-appear-start,
.b-design-drawer-panel-motion-top-leave-start {
    transition: none;
}

.b-design-drawer-panel-motion-top-enter-active,
.b-design-drawer-panel-motion-top-appear-active,
.b-design-drawer-panel-motion-top-leave-active {
    transition: all 0.3s;
}

.b-design-drawer-panel-motion-top-enter,
.b-design-drawer-panel-motion-top-appear {
    transform: translateY(-100%);
}

.b-design-drawer-panel-motion-top-enter-active,
.b-design-drawer-panel-motion-top-appear-active {
    transform: translateY(0);
}

.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-enter-start,
.b-design-drawer-panel-motion-bottom-appear-start,
.b-design-drawer-panel-motion-bottom-leave-start {
    transition: none;
}

.b-design-drawer-panel-motion-bottom-enter-active,
.b-design-drawer-panel-motion-bottom-appear-active,
.b-design-drawer-panel-motion-bottom-leave-active {
    transition: all 0.3s;
}

.b-design-drawer-panel-motion-bottom-enter,
.b-design-drawer-panel-motion-bottom-appear {
    transform: translateY(100%);
}

.b-design-drawer-panel-motion-bottom-enter-active,
.b-design-drawer-panel-motion-bottom-appear-active {
    transform: translateY(0);
}

.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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-drawer-header {
    padding: 24px calc(24px + 8px);
    border-bottom: 0;
}

.b-design-drawer-body {
    padding: 16px calc(24px + 8px);
    padding-bottom: 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-top .b-design-drawer-extra,
.b-design-drawer-bottom .b-design-drawer-extra {
    right: calc(24px + 8px);
}

.b-design-drawer-top .b-design-drawer-content,
.b-design-drawer-bottom .b-design-drawer-content {
    min-height: 260px;
}

.b-design-drawer-mask {
    background-color: rgba(71, 74, 82, 0.6);
    -webkit-backdrop-filter: blur(4px) saturate(2.1);
    backdrop-filter: blur(4px) saturate(2.1);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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-label,
.b-design-form-inline .b-design-form-item>.b-design-form-item-control {
    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-text {
    display: inline-block;
}

.b-design-form-inline .b-design-form-item .b-design-form-item-has-feedback {
    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-form-vertical .b-design-form-item-label,
.b-design-col-24.b-design-form-item-label,
.b-design-col-xl-24.b-design-form-item-label {
    padding: 0 0 6px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
}

.b-design-form-vertical .b-design-form-item-label>label,
.b-design-col-24.b-design-form-item-label>label,
.b-design-col-xl-24.b-design-form-item-label>label {
    margin: 0;
}

.b-design-form-vertical .b-design-form-item-label>label::after,
.b-design-col-24.b-design-form-item-label>label::after,
.b-design-col-xl-24.b-design-form-item-label>label::after {
    display: none;
}

.b-design-form-rtl.b-design-form-vertical .b-design-form-item-label,
.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 {
    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: initial;
        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-label,
    .b-design-form .b-design-form-item .b-design-form-item-control {
        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: initial;
        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: initial;
        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: initial;
        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: initial;
        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: initial;
        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 {
    /* Some non-status related component style is in `components.less` */
    /* To support leave along ErrorList. We add additional className to handle explain style */
}

.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='radio'],
.b-design-form input[type='checkbox'] {
    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='file']:focus,
.b-design-form input[type='radio']:focus,
.b-design-form input[type='checkbox']: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;
    margin: 0;
    padding: 0;
    color: #474a52;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum';
    margin-bottom: 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: -0.5px;
    margin: 0 8px 0 2px;
}

.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 0.3s cubic-bezier(0.215, 0.61, 0.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 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    pointer-events: none;
}

.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 0.3s cubic-bezier(0.645, 0.045, 0.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 {
    opacity: 1;
}

.b-design-show-help-leave {
    opacity: 1;
}

.b-design-show-help-leave-active {
    opacity: 0;
}

.b-design-show-help-item {
    overflow: hidden;
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.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 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.b-design-show-help-item-leave-active {
    transform: translateY(-5px);
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

    100% {
        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 {
    padding: 0;
}

.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>.b-design-select .b-design-select-arrow,
.b-design-form-rtl .b-design-form-item-has-feedback>.b-design-select .b-design-select-clear,
.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 {
    right: auto;
    left: 32px;
}

.b-design-form-rtl .b-design-form-item-has-feedback>.b-design-select .b-design-select-selection-selected-value,
.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 {
    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-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-has-error .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: initial;
    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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center center;
    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, 0.5);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.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-enter,
.b-design-image-preview.b-design-zoom-appear {
    transform: none;
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.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, 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: scale3d(1, 1, 1);
    cursor: -webkit-grab;
    cursor: grab;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto;
}

.b-design-image-preview-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.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: rgba(255, 255, 255, 0.85);
    list-style: none;
    background: rgba(0, 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: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.85);
    background: rgba(0, 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: rgba(255, 255, 255, 0.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-input-number-affix-wrapper {
    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 0.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:focus,
.b-design-input-number-affix-wrapper-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-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:hover,
.b-design-input-number-affix-wrapper-borderless:focus,
.b-design-input-number-affix-wrapper-borderless-focused,
.b-design-input-number-affix-wrapper-borderless-disabled,
.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 0.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:focus,
.b-design-input-number-status-error:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number-focused {
    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:focus,
.b-design-input-number-status-warning:not(.b-design-input-number-disabled):not(.b-design-input-number-borderless).b-design-input-number-focused {
    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:focus,
.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 {
    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:focus,
.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 {
    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;
    padding: 6px 11px;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    transition: all 0.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:hover {
    border-color: #7a7d85;
    border-right-width: 1px;
}

.b-design-input-number:focus,
.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] {
    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:hover,
.b-design-input-number-borderless:focus,
.b-design-input-number-borderless-focused,
.b-design-input-number-borderless-disabled,
.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 0.3s, height 0s;
}

.b-design-input-number-lg {
    padding: 7px 15px;
    font-size: 16px;
}

.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 {
    z-index: 1;
    border-right-width: 1px;
}

.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: normal;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all 0.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-open .b-design-select-selector,
.b-design-input-number-group-addon .b-design-select-focused .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>.b-design-input-number:first-child,
.b-design-input-number-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.b-design-input-number-group>.b-design-input-number:first-child .b-design-select .b-design-select-selector,
.b-design-input-number-group-addon: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>.b-design-input-number:last-child,
.b-design-input-number-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.b-design-input-number-group>.b-design-input-number:last-child .b-design-select .b-design-select-selector,
.b-design-input-number-group-addon: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):hover,
.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):hover {
    z-index: 1;
}

.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-wrap: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):focus {
    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 {
    display: inline-flex;
}

.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-select>.b-design-select-selector,
.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-cascader-picker .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-input-group-wrapper .b-design-input {
    border-right-width: 1px;
    border-radius: 0;
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select>.b-design-select-selector:hover,
.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-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:hover {
    z-index: 1;
}

.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-auto-complete .b-design-input:focus,
.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-input-group-wrapper .b-design-input:focus {
    z-index: 1;
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select-focused {
    z-index: 1;
}

.b-design-input-number-group.b-design-input-number-group-compact>.b-design-select>.b-design-select-arrow {
    z-index: 1;
}

.b-design-input-number-group.b-design-input-number-group-compact>*:first-child,
.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>.b-design-select-auto-complete:first-child .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker:first-child .b-design-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.b-design-input-number-group.b-design-input-number-group-compact>*:last-child,
.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>.b-design-cascader-picker:last-child .b-design-input,
.b-design-input-number-group.b-design-input-number-group-compact>.b-design-cascader-picker-focused:last-child .b-design-input {
    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 {
    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-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: bold;
    line-height: 0;
    text-align: center;
    border-left: 1px solid #d7d8db;
    transition: all 0.1s linear;
}

.b-design-input-number-handler:active {
    background: #e6e7e8;
}

.b-design-input-number-handler:hover .b-design-input-number-handler-up-inner,
.b-design-input-number-handler:hover .b-design-input-number-handler-down-inner {
    color: #f1f2f3;
}

.b-design-input-number-handler-up-inner,
.b-design-input-number-handler-down-inner {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 4px;
    width: 12px;
    height: 12px;
    color: #474a52;
    line-height: 12px;
    transition: all 0.1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.b-design-input-number-handler-up-inner>*,
.b-design-input-number-handler-down-inner>* {
    line-height: 1;
}

.b-design-input-number-handler-up-inner svg,
.b-design-input-number-handler-down-inner svg {
    display: inline-block;
}

.b-design-input-number-handler-up-inner::before,
.b-design-input-number-handler-down-inner::before {
    display: none;
}

.b-design-input-number-handler-up-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-down-inner .b-design-input-number-handler-up-inner-icon,
.b-design-input-number-handler-down-inner .b-design-input-number-handler-down-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 0.24s linear 0.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 {
    display: none;
}

.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 0.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;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -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 {
    padding: 0;
}

.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%;
    background: #fff;
    border-radius: 0 2px 2px 0;
    opacity: 0;
    transition: opacity 0.24s linear 0.1s;
}

.b-design-input-number-handler-wrap .b-design-input-number-handler .b-design-input-number-handler-up-inner,
.b-design-input-number-handler-wrap .b-design-input-number-handler .b-design-input-number-handler-down-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:hover .b-design-input-number-handler-wrap,
.b-design-input-number-focused .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:hover:not(.b-design-input-number-borderless) .b-design-input-number-handler-down,
.b-design-input-number-focused:not(.b-design-input-number-borderless) .b-design-input-number-handler-down {
    border-top: 1px solid #d7d8db;
}

.b-design-input-number-handler-up-disabled,
.b-design-input-number-handler-down-disabled {
    cursor: not-allowed;
}

.b-design-input-number-handler-up-disabled:hover .b-design-input-number-handler-up-inner,
.b-design-input-number-handler-down-disabled:hover .b-design-input-number-handler-down-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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-input-number {
    display: inline-flex;
    width: 140px;
}

.b-design-input-number-focused,
.b-design-input-number-focused:hover,
.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 {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -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-handler-wrap,
.b-design-input-number-disabled .b-design-input-number-handler-wrap {
    position: absolute;
    display: block;
    flex-shrink: 0;
    order: 2;
    background: transparent;
    opacity: 1;
}

.b-design-input-number-handler-wrap .anticon,
.b-design-input-number-disabled .b-design-input-number-handler-wrap .anticon {
    position: absolute;
}

.b-design-input-number:hover:not(.b-design-input-number-borderless) .b-design-input-number-handler-down,
.b-design-input-number-focused: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: calc(2px / 2);
}

.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: calc(2px / 2);
}

.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-up:hover,
.b-design-input-number-handler-down: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:focus,
.b-design-input-number-handler:active {
    background-color: #e6e7e8;
}

.b-design-input-number-handler-down-disabled:focus,
.b-design-input-number-handler-up-disabled:focus,
.b-design-input-number-handler-down-disabled:active,
.b-design-input-number-handler-up-disabled:active {
    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-up::after,
.b-design-input-number-disabled .b-design-input-number-handler-down::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-up::after,
.b-design-input-number-sm .b-design-input-number-handler-down::after {
    font-size: 14px;
}

.b-design-input-number-sm input {
    padding: 0 11px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.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:focus,
.b-design-input-affix-wrapper-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-rtl .b-design-input-affix-wrapper:focus,
.b-design-input-rtl .b-design-input-affix-wrapper-focused {
    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:hover,
.b-design-input-affix-wrapper-borderless:focus,
.b-design-input-affix-wrapper-borderless-focused,
.b-design-input-affix-wrapper-borderless-disabled,
.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 0.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 0.3s;
}

.anticon.b-design-input-clear-icon:hover,
.b-design-input-clear-icon:hover {
    color: #474a52;
}

.anticon.b-design-input-clear-icon:active,
.b-design-input-clear-icon:active {
    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:focus,
.b-design-input-status-error:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input-focused {
    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:focus,
.b-design-input-status-warning:not(.b-design-input-disabled):not(.b-design-input-borderless).b-design-input-focused {
    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:focus,
.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 {
    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:focus,
.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 {
    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-warning.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 {
    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;
    padding: 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 0.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:focus,
.b-design-input-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-rtl .b-design-input:focus,
.b-design-input-rtl .b-design-input-focused {
    border-right-width: 0;
    border-left-width: 1px !important;
}

.b-design-input-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.b-design-input-disabled:hover {
    border-color: #d4d6db;
    border-right-width: 1px;
}

.b-design-input[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.b-design-input[disabled]:hover {
    border-color: #d4d6db;
    border-right-width: 1px;
}

.b-design-input-borderless,
.b-design-input-borderless:hover,
.b-design-input-borderless:focus,
.b-design-input-borderless-focused,
.b-design-input-borderless-disabled,
.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 0.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 {
    z-index: 1;
    border-right-width: 1px;
}

.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: normal;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all 0.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-open .b-design-select-selector,
.b-design-input-group-addon .b-design-select-focused .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>.b-design-input:first-child,
.b-design-input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.b-design-input-group>.b-design-input:first-child .b-design-select .b-design-select-selector,
.b-design-input-group-addon: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>.b-design-input:last-child,
.b-design-input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.b-design-input-group>.b-design-input:last-child .b-design-select .b-design-select-selector,
.b-design-input-group-addon: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):hover,
.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):hover {
    z-index: 1;
}

.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-wrap: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):focus {
    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 {
    display: inline-flex;
}

.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-select>.b-design-select-selector,
.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-cascader-picker .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-input-group-wrapper .b-design-input {
    border-right-width: 1px;
    border-radius: 0;
}

.b-design-input-group.b-design-input-group-compact>.b-design-select>.b-design-select-selector:hover,
.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-cascader-picker .b-design-input:hover,
.b-design-input-group.b-design-input-group-compact>.b-design-input-group-wrapper .b-design-input:hover {
    z-index: 1;
}

.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-auto-complete .b-design-input:focus,
.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-input-group-wrapper .b-design-input:focus {
    z-index: 1;
}

.b-design-input-group.b-design-input-group-compact>.b-design-select-focused {
    z-index: 1;
}

.b-design-input-group.b-design-input-group-compact>.b-design-select>.b-design-select-arrow {
    z-index: 1;
}

.b-design-input-group.b-design-input-group-compact>*:first-child,
.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>.b-design-select-auto-complete:first-child .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker:first-child .b-design-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.b-design-input-group.b-design-input-group-compact>*:last-child,
.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>.b-design-cascader-picker:last-child .b-design-input,
.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker-focused:last-child .b-design-input {
    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 {
    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-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>.b-design-input-rtl:first-child,
.b-design-input-group-rtl .b-design-input-group-addon: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>.b-design-input:last-child,
.b-design-input-group-rtl.b-design-input-group-addon:last-child {
    border-radius: 2px 0 0 2px;
}

.b-design-input-group-rtl.b-design-input-group .b-design-input-affix-wrapper:not(:first-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>*:first-child,
.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>.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-cascader-picker:first-child .b-design-input {
    border-radius: 0 2px 2px 0;
}

.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>*:last-child,
.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>.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-cascader-picker:last-child .b-design-input,
.b-design-input-group-rtl.b-design-input-group.b-design-input-group-compact>.b-design-cascader-picker-focused:last-child .b-design-input {
    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 0.3s;
}

.b-design-input-password-icon.anticon:hover {
    color: rgba(0, 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;
    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: -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:hover,
.b-design-input-search .b-design-input:focus {
    border-color: #7a7d85;
}

.b-design-input-search .b-design-input:hover+.b-design-input-group-addon .b-design-input-search-button:not(.b-design-btn-primary),
.b-design-input-search .b-design-input:focus+.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:hover,
.b-design-input-search-button:focus {
    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-wrapper-rtl {
    direction: rtl;
}

.b-design-input-group-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:hover+.b-design-input-group-addon .b-design-input-search-button:not(.b-design-btn-primary),
.b-design-input-search-rtl .b-design-input:focus+.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:hover,
.b-design-input-search-rtl>.b-design-input-group>.b-design-input-affix-wrapper-focused {
    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 screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .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;
    }
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-input {
    font-size: 13px;
    line-height: 18px;
}

.b-design-input:focus,
.b-design-input-focused {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -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:not(.b-design-input-affix-wrapper-disabled):focus,
.b-design-input-affix-wrapper-focused:not(.b-design-input-affix-wrapper-disabled),
.b-design-input-affix-wrapper:not(.b-design-input-affix-wrapper-disabled):focus:hover,
.b-design-input-affix-wrapper-focused:not(.b-design-input-affix-wrapper-disabled):hover {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -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-suffix {
    color: #b8bbc2;
}

.b-design-input-affix-wrapper-disabled .b-design-input-prefix .anticon,
.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: calc(8px + 4px);
}

.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: calc(12px + 4px);
}

.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-show-count-suffix,
.b-design-input-prefix,
.b-design-input-suffix {
    color: #81848f;
}

.b-design-input-password-icon.anticon {
    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:hover:not(.b-design-input-affix-wrapper-status-error-disabled),
.b-design-input-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:hover:not(.b-design-input-status-error-disabled) {
    background-color: #fff;
    border-color: var(--b-design-error-color);
}

.b-design-input-affix-wrapper-status-error:focus:not(.b-design-input-affix-wrapper-status-error-disabled),
.b-design-input-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-status-error:focus: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:hover:not(.b-design-input-affix-wrapper-status-warning-disabled),
.b-design-input-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:hover:not(.b-design-input-status-warning-disabled) {
    background-color: #fff;
    border-color: var(--b-design-warning-color);
}

.b-design-input-affix-wrapper-status-warning:focus:not(.b-design-input-affix-wrapper-status-warning-disabled),
.b-design-input-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-status-warning:focus: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-group-addon,
.b-design-input-search .b-design-input-wrapper .b-design-input-affix-wrapper {
    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::before,
.b-design-input-search .b-design-input-wrapper .b-design-input-group-addon .b-design-input-search-button::after {
    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-disabled+.b-design-input-group-addon,
.b-design-input-search .b-design-input-wrapper .b-design-input-affix-wrapper-disabled+.b-design-input-group-addon {
    background-color: #f1f2f3 !important;
}

.b-design-input-search .b-design-input-wrapper .b-design-input-disabled+.b-design-input-group-addon .b-design-input-search-button,
.b-design-input-search .b-design-input-wrapper .b-design-input-affix-wrapper-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 {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.b-design-input-search .b-design-input-lg {
    line-height: 24px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    /* fix firefox can't set height smaller than content on flex item */
    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-header,
.b-design-layout-footer {
    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;
    /* fix firefox can't set height smaller than content on flex item */
    min-height: 0;
}

.b-design-layout-sider {
    position: relative;
    /* fix firefox can't set width smaller than content on flex item */
    min-width: 0;
    background: #1f2024;
    transition: all 0.2s;
}

.b-design-layout-sider-children {
    height: 100%;
    margin-top: -0.1px;
    padding-top: 0.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 0.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 0.3s ease;
}

.b-design-layout-sider-zero-width-trigger::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: all 0.3s;
    content: '';
}

.b-design-layout-sider-zero-width-trigger:hover::after {
    background: rgba(255, 255, 255, 0.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 {
    color: #474a52;
    background: #fff;
}

.b-design-layout-sider-light .b-design-layout-sider-zero-width-trigger {
    color: #474a52;
    background: #fff;
}

.b-design-layout-rtl {
    direction: rtl;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@-webkit-keyframes menu-radial-animation {
    0% {
        background-position: 30% 10%;
    }

    50% {
        background-position: 30% 16%;
        filter: saturate(1.8);
    }

    100% {
        background-position: 80% 0%;
    }
}

@keyframes menu-radial-animation {
    0% {
        background-position: 30% 10%;
    }

    50% {
        background-position: 30% 16%;
        filter: saturate(1.8);
    }

    100% {
        background-position: 80% 0%;
    }
}

@-webkit-keyframes menu-vertial-animation {
    0% {
        background-position: 30% 30%;
    }

    50% {
        background-position: 80% 80%;
    }

    100% {
        background-position: 20% 20%;
    }
}

@keyframes menu-vertial-animation {
    0% {
        background-position: 30% 30%;
    }

    50% {
        background-position: 80% 80%;
    }

    100% {
        background-position: 20% 20%;
    }
}

.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 alternate infinite;
    animation: gradient-outline 6s alternate infinite;
}

.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 alternate infinite;
    animation: menu-vertial-animation 6.5s alternate infinite;
}

.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 alternate infinite;
    animation: menu-radial-animation 6.5s alternate infinite;
    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';
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
    color: #474a52;
    font-size: 14px;
    line-height: 1.5715;
}

.b-design-list-item-meta-title>a {
    color: #474a52;
    transition: all 0.3s;
}

.b-design-list-item-meta-title>a:hover {
    color: var(--b-design-primary-color);
}

.b-design-list-item-meta-description {
    color: #474a52;
    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-header {
    background: transparent;
}

.b-design-list-footer {
    background: transparent;
}

.b-design-list-header,
.b-design-list-footer {
    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: initial;
}

.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 {
    margin-bottom: 12px;
    color: #1f2024;
    font-size: 16px;
    line-height: 24px;
}

.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-header {
    padding-right: 24px;
    padding-left: 24px;
}

.b-design-list-bordered .b-design-list-footer {
    padding-right: 24px;
    padding-left: 24px;
}

.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-item {
    padding: 8px 0;
}

.b-design-list-bordered.b-design-list-sm .b-design-list-header,
.b-design-list-bordered.b-design-list-sm .b-design-list-footer {
    padding: 8px 0;
}

.b-design-list-bordered.b-design-list-lg .b-design-list-item {
    padding: 12px 0;
}

.b-design-list-bordered.b-design-list-lg .b-design-list-header,
.b-design-list-bordered.b-design-list-lg .b-design-list-footer {
    padding: 12px 0;
}

@media screen and (max-width: 768px) {
    .b-design-list-item-action {
        margin-left: 24px;
    }

    .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 {
        margin-right: 24px;
        margin-left: 0;
    }

    .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;
    }
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-list {
    padding: 0 24px;
    line-height: 18px;
    background: #fff;
    border-radius: 2px;
}

.b-design-list-header,
.b-design-list-item:not(.b-design-list-item-with-meta),
.b-design-list-footer {
    margin-bottom: 0.4px;
    color: #474a52;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.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-header,
.b-design-list-split .b-design-list-item,
.b-design-list-split .b-design-list-footer {
    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 {
    margin-bottom: 0.4px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.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: 0.4px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.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 0;
}

.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 {
    margin-bottom: 0.4px;
    color: #474a52;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.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: 0.4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.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 {
    margin-bottom: 0.4px;
    color: #1f2024;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4px;
    margin-bottom: 4px;
    font-weight: 500;
}

.b-design-list-lg .b-design-list-header,
.b-design-list-lg .b-design-list-item:not(.b-design-list-item-with-meta),
.b-design-list-lg .b-design-list-footer {
    margin-bottom: 0.4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4px;
    padding: 12px 0;
    color: #474a52;
}

.b-design-list-sm .b-design-list-header,
.b-design-list-sm .b-design-list-item:not(.b-design-list-item-with-meta),
.b-design-list-sm .b-design-list-footer {
    margin-bottom: 0.4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.4px;
    padding: 8px 0;
    color: #474a52;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-pagination {
    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-pagination ul,
.b-design-pagination ol {
    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-total-text {
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    line-height: 30px;
    vertical-align: middle;
}

.b-design-pagination-item {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    margin-right: 8px;
    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', 'Segoe UI Emoji', 'Segoe UI Symbol';
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    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;
    color: #474a52;
    transition: none;
}

.b-design-pagination-item a:hover {
    text-decoration: none;
}

.b-design-pagination-item:hover {
    border-color: var(--b-design-primary-color);
    transition: all 0.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 0.3s;
}

.b-design-pagination-item:focus-visible a {
    color: var(--b-design-primary-color);
}

.b-design-pagination-item-active {
    font-weight: 400;
    background: #edeef0;
    border-color: var(--b-design-primary-color);
}

.b-design-pagination-item-active a {
    color: var(--b-design-primary-color);
}

.b-design-pagination-item-active:hover {
    border-color: var(--b-design-primary-50);
}

.b-design-pagination-item-active:focus-visible {
    border-color: var(--b-design-primary-50);
}

.b-design-pagination-item-active:hover a {
    color: var(--b-design-primary-50);
}

.b-design-pagination-item-active:focus-visible a {
    color: var(--b-design-primary-50);
}

.b-design-pagination-jump-prev,
.b-design-pagination-jump-next {
    outline: 0;
}

.b-design-pagination-jump-prev .b-design-pagination-item-container,
.b-design-pagination-jump-next .b-design-pagination-item-container {
    position: relative;
}

.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-link-icon,
.b-design-pagination-jump-next .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 0.2s;
}

.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-link-icon-svg,
.b-design-pagination-jump-next .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-prev .b-design-pagination-item-container .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-next .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: 0.13em;
    opacity: 1;
    transition: all 0.2s;
}

.b-design-pagination-jump-prev:hover .b-design-pagination-item-link-icon,
.b-design-pagination-jump-next:hover .b-design-pagination-item-link-icon {
    opacity: 1;
}

.b-design-pagination-jump-prev:hover .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-next:hover .b-design-pagination-item-ellipsis {
    opacity: 0;
}

.b-design-pagination-jump-prev:focus-visible .b-design-pagination-item-link-icon,
.b-design-pagination-jump-next:focus-visible .b-design-pagination-item-link-icon {
    opacity: 1;
}

.b-design-pagination-jump-prev:focus-visible .b-design-pagination-item-ellipsis,
.b-design-pagination-jump-next:focus-visible .b-design-pagination-item-ellipsis {
    opacity: 0;
}

.b-design-pagination-prev,
.b-design-pagination-jump-prev,
.b-design-pagination-jump-next {
    margin-right: 8px;
}

.b-design-pagination-prev,
.b-design-pagination-next,
.b-design-pagination-jump-prev,
.b-design-pagination-jump-next {
    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', '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 0.3s;
}

.b-design-pagination-prev,
.b-design-pagination-next {
    font-family: Arial, Helvetica, sans-serif;
    outline: 0;
}

.b-design-pagination-prev button,
.b-design-pagination-next button {
    color: #474a52;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.b-design-pagination-prev:hover button,
.b-design-pagination-next:hover button {
    border-color: var(--b-design-primary-50);
}

.b-design-pagination-prev .b-design-pagination-item-link,
.b-design-pagination-next .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 0.3s;
}

.b-design-pagination-prev:focus-visible .b-design-pagination-item-link,
.b-design-pagination-next:focus-visible .b-design-pagination-item-link {
    color: var(--b-design-primary-color);
    border-color: var(--b-design-primary-color);
}

.b-design-pagination-prev:hover .b-design-pagination-item-link,
.b-design-pagination-next: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;
    margin-left: 16px;
    vertical-align: middle;
}

@media all and (-ms-high-contrast: none) {

    .b-design-pagination-options *::-ms-backdrop,
    .b-design-pagination-options {
        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 0.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:focus,
.b-design-pagination-options-quick-jumper input-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-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:hover,
.b-design-pagination-options-quick-jumper input-borderless:focus,
.b-design-pagination-options-quick-jumper input-borderless-focused,
.b-design-pagination-options-quick-jumper input-borderless-disabled,
.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 0.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-prev,
.b-design-pagination-simple .b-design-pagination-next {
    height: 24px;
    line-height: 24px;
    vertical-align: top;
}

.b-design-pagination-simple .b-design-pagination-prev .b-design-pagination-item-link,
.b-design-pagination-simple .b-design-pagination-next .b-design-pagination-item-link {
    height: 24px;
    background-color: transparent;
    border: 0;
}

.b-design-pagination-simple .b-design-pagination-prev .b-design-pagination-item-link::after,
.b-design-pagination-simple .b-design-pagination-next .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 0.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-total-text,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-simple-pager {
    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-prev,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-next {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 24px;
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev .b-design-pagination-item-link,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-next .b-design-pagination-item-link {
    background: transparent;
    border-color: transparent;
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev .b-design-pagination-item-link::after,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-next .b-design-pagination-item-link::after {
    height: 24px;
    line-height: 24px;
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-jump-prev,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-jump-next {
    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-size-changer {
    top: 0px;
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-options-quick-jumper {
    height: 24px;
    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;
    cursor: not-allowed;
}

.b-design-pagination.b-design-pagination-disabled .b-design-pagination-item a {
    color: #b8bbc2;
    background: transparent;
    border: none;
    cursor: not-allowed;
}

.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-active a {
    color: #b8bbc2;
}

.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-total-text {
    margin-right: 0;
    margin-left: 8px;
}

.b-design-pagination-rtl .b-design-pagination-item,
.b-design-pagination-rtl .b-design-pagination-prev,
.b-design-pagination-rtl .b-design-pagination-jump-prev,
.b-design-pagination-rtl .b-design-pagination-jump-next {
    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 {
    margin-right: 0;
    margin-left: 8px;
}

.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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 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', 'Segoe UI Emoji', 'Segoe UI Symbol';
    background: transparent;
    border-color: transparent !important;
    transition: all 0.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 0.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', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.b-design-pagination-jump-prev .b-design-pagination-item-container .b-design-pagination-item-link-icon,
.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-next .b-design-pagination-item-container .b-design-pagination-item-ellipsis {
    color: #474a52;
}

.b-design-pagination-prev,
.b-design-pagination-jump-prev,
.b-design-pagination-jump-next {
    margin-right: 4px;
}

.b-design-pagination-prev,
.b-design-pagination-next {
    outline: 0;
}

.b-design-pagination-prev button,
.b-design-pagination-next button {
    color: #474a52;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.b-design-pagination-prev .b-design-pagination-item-link,
.b-design-pagination-next .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-prev .b-design-pagination-item-link .anticon,
.b-design-pagination-next .b-design-pagination-item-link .anticon {
    font-size: 16px;
}

.b-design-pagination-prev .b-design-pagination-item-link::before,
.b-design-pagination-next .b-design-pagination-item-link::before {
    width: 16px;
    height: 16px;
    font-family: 'iconfont' !important;
    line-height: 17px;
    content: '\e7ac';
}

.b-design-pagination-prev .b-design-pagination-item-link svg,
.b-design-pagination-next .b-design-pagination-item-link svg {
    display: none !important;
}

.b-design-pagination-prev:focus-visible .b-design-pagination-item-link,
.b-design-pagination-next:focus-visible .b-design-pagination-item-link,
.b-design-pagination-prev:hover .b-design-pagination-item-link,
.b-design-pagination-next: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:hover,
.b-design-pagination-disabled:focus-visible {
    cursor: not-allowed;
}

.b-design-pagination-disabled .b-design-pagination-item-link,
.b-design-pagination-disabled:hover .b-design-pagination-item-link,
.b-design-pagination-disabled:focus-visible .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 {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.b-design-pagination.b-design-pagination-mini .b-design-pagination-item {
    margin: 0;
    margin-right: 3px;
    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 0.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-prev,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-next {
    margin-right: 3px;
}

.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-next:focus-visible .b-design-pagination-item-link,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-prev:hover .b-design-pagination-item-link,
.b-design-pagination.b-design-pagination-mini .b-design-pagination-next: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: 0px;
}

.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: calc(24px - 2 * 1px);
}

.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-prev,
.b-design-pagination-simple .b-design-pagination-next {
    height: 32px;
}

.b-design-pagination-simple .b-design-pagination-prev .b-design-pagination-item-link,
.b-design-pagination-simple .b-design-pagination-next .b-design-pagination-item-link {
    height: 32px;
}

.b-design-pagination-simple .b-design-pagination-prev:hover,
.b-design-pagination-simple .b-design-pagination-next: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-prev>.b-design-pagination-item-link,
.b-design-pagination-simple .b-design-pagination-next>.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:focus,
.b-design-pagination-simple .b-design-pagination-simple-pager>input-focused {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -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-prev,
.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-next,
.b-design-pagination-simple.b-design-pagination-mini .b-design-pagination-item-link {
    height: 24px;
}

.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-prev>.b-design-pagination-item-link,
.b-design-pagination-simple.b-design-pagination-disabled .b-design-pagination-next>.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: initial;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.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 0.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 0.3s;
    content: '';
    pointer-events: none;
}

.b-design-spin-blur {
    clear: both;
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.b-design-spin-blur::after {
    opacity: 0.4;
    pointer-events: auto;
}

.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(0.75);
    transform-origin: 50% 50%;
    opacity: 0.3;
    -webkit-animation: antSpinMove 1s infinite linear alternate;
    animation: antSpinMove 1s infinite linear alternate;
}

.b-design-spin-dot-item:nth-child(1) {
    top: 0;
    left: 0;
}

.b-design-spin-dot-item:nth-child(2) {
    top: 0;
    right: 0;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.b-design-spin-dot-item:nth-child(3) {
    right: 0;
    bottom: 0;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.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 infinite linear;
    animation: antRotate 1.2s infinite linear;
}

.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 all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ */
    .b-design-spin-blur {
        background: #fff;
        opacity: 0.5;
    }
}

@-webkit-keyframes antSpinMove {
    to {
        opacity: 1;
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1;
    }
}

@-webkit-keyframes antRotate {
    to {
        transform: rotate(360deg);
    }
}

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

.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: 0.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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:focus,
.b-design-mentions-status-error:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions-focused {
    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:focus,
.b-design-mentions-status-warning:not(.b-design-mentions-disabled):not(.b-design-mentions-borderless).b-design-mentions-focused {
    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;
    padding: 6px 11px;
    color: #474a52;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d6db;
    border-radius: 2px;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    height: auto;
    padding: 0;
    overflow: hidden;
    line-height: 1.5715;
    white-space: pre-wrap;
    vertical-align: bottom;
}

.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:focus,
.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-disabled {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.b-design-mentions-disabled:hover {
    border-color: #d4d6db;
    border-right-width: 1px;
}

.b-design-mentions[disabled] {
    color: #b8bbc2;
    background-color: #f1f2f3;
    border-color: #d4d6db;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.b-design-mentions[disabled]:hover {
    border-color: #d4d6db;
    border-right-width: 1px;
}

.b-design-mentions-borderless,
.b-design-mentions-borderless:hover,
.b-design-mentions-borderless:focus,
.b-design-mentions-borderless-focused,
.b-design-mentions-borderless-disabled,
.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 0.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>textarea,
.b-design-mentions-measure {
    min-height: 30px;
    margin: 0;
    padding: 6px 11px;
    overflow: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    /* stylelint-disable declaration-block-no-redundant-longhand-properties */
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    line-height: inherit;
    /* stylelint-enable declaration-block-no-redundant-longhand-properties */
    direction: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    text-align: inherit;
    vertical-align: top;
    word-wrap: break-word;
    word-break: inherit;
    -moz-tab-size: inherit;
    -o-tab-size: inherit;
    tab-size: inherit;
}

.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: initial;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.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: normal;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background 0.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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-mentions-status-error {
    background-color: #fff;
    border-color: var(--b-design-error-color);
    box-shadow: none !important;
}

.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-error:focus:not(.b-design-mentions-status-error-disabled) {
    background-color: #fff;
    border-color: var(--b-design-error-color);
}

.b-design-mentions-status-warning {
    background-color: #fff;
    border-color: var(--b-design-warning-color);
    box-shadow: none !important;
}

.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-status-warning:focus:not(.b-design-mentions-status-warning-disabled) {
    background-color: #fff;
    border-color: var(--b-design-warning-color);
}

.b-design-mentions:focus,
.b-design-mentions-focused,
.b-design-mentions:focus:hover,
.b-design-mentions-focused:hover {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
    -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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 11px 12px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    pointer-events: all;
}

.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 {
    position: relative;
    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: 0.3s;
    animation-duration: 0.3s;
}

@-webkit-keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1;
    }

    100% {
        max-height: 0;
        padding: 0;
        opacity: 0;
    }
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1;
    }

    100% {
        max-height: 0;
        padding: 0;
        opacity: 0;
    }
}

.b-design-message-rtl {
    direction: rtl;
}

.b-design-message-rtl span {
    direction: rtl;
}

.b-design-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-message-notice-content {
    height: 40px;
    line-height: calc(16px + 2px);
    box-shadow: 0 1px 4px 0 rgba(75, 77, 82, 0.15), 0 4px 16px 0 rgba(47, 49, 51, 0.1);
    background-color: rgba(255, 255, 255, 0.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: calc(16px + 2px);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-modal {
    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';
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    padding-bottom: 24px;
}

.b-design-modal.b-design-zoom-enter,
.b-design-modal.b-design-zoom-appear {
    transform: none;
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.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, 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;
}

.b-design-modal-wrap {
    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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    pointer-events: auto;
}

.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 0.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, 0.75);
    text-decoration: none;
}

.b-design-modal-header {
    padding: 16px calc(24px + 8px);
    color: #474a52;
    background: #fff;
    border-bottom: 1px solid #e6e8eb;
    border-radius: 8px 8px 0 0;
}

.b-design-modal-body {
    padding: 24px calc(24px + 8px);
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word;
}

.b-design-modal-footer {
    padding: calc(24px + 8px) calc(24px + 8px);
    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-warning .b-design-modal-confirm-body>.anticon,
.b-design-modal-confirm-confirm .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: initial;
    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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-modal {
    width: 640px !important;
}

.b-design-modal-content {
    box-shadow: 0 4px 16px 0 rgba(47, 49, 51, 0.2);
}

.b-design-modal-header {
    border-bottom: 0;
}

.b-design-modal-header .b-design-modal-title {
    line-height: 24px;
    letter-spacing: 0.5px;
}

.b-design-modal-close .anticon-close {
    font-weight: 400;
    font-size: calc(16px + 8px);
}

.b-design-modal-close .anticon-close svg {
    display: none !important;
}

.b-design-modal-close .anticon-close::after {
    width: calc(16px + 8px);
    height: calc(16px + 8px);
    font-family: 'iconfont' !important;
    line-height: calc(16px + 8px);
    content: '\e7b2';
}

.b-design-modal-body {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.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, 0.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: 0.5px;
}

.b-design-modal-confirm .b-design-modal-body .b-design-modal-confirm-content {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-notification {
    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;
    z-index: 1010;
    margin-right: 24px;
}

.b-design-notification-close-icon {
    font-size: 14px;
    cursor: pointer;
}

.b-design-notification-hook-holder {
    position: relative;
}

.b-design-notification-notice {
    position: relative;
    width: 348px;
    max-width: calc(100vw - 24px * 2);
    margin-bottom: 16px;
    margin-left: auto;
    padding: 16px 24px;
    overflow: hidden;
    line-height: 1.5715;
    word-wrap: break-word;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.b-design-notification-top .b-design-notification-notice,
.b-design-notification-bottom .b-design-notification-notice {
    margin-right: auto;
    margin-left: auto;
}

.b-design-notification-topLeft .b-design-notification-notice,
.b-design-notification-bottomLeft .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(348px - 24px * 2 - 24px - 48px - 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;
    color: #474a52;
    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: 0.24s;
    animation-duration: 0.24s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.b-design-notification-fade-enter,
.b-design-notification-fade-appear {
    -webkit-animation-duration: 0.24s;
    animation-duration: 0.24s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.b-design-notification-fade-leave {
    -webkit-animation-duration: 0.24s;
    animation-duration: 0.24s;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.b-design-notification-fade-enter.b-design-notification-fade-enter-active,
.b-design-notification-fade-appear.b-design-notification-fade-appear-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;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes NotificationFadeIn {
    0% {
        left: 348px;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1;
    }

    100% {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
}

@keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1;
    }

    100% {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
}

.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-message {
    margin-right: 48px;
    margin-left: 0;
}

.b-design-notification-rtl .b-design-notification-notice-with-icon .b-design-notification-notice-description {
    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-top,
.b-design-notification-bottom {
    margin-right: 0;
    margin-left: 0;
}

.b-design-notification-top .b-design-notification-fade-enter.b-design-notification-fade-enter-active,
.b-design-notification-top .b-design-notification-fade-appear.b-design-notification-fade-appear-active {
    -webkit-animation-name: NotificationTopFadeIn;
    animation-name: NotificationTopFadeIn;
}

.b-design-notification-bottom .b-design-notification-fade-enter.b-design-notification-fade-enter-active,
.b-design-notification-bottom .b-design-notification-fade-appear.b-design-notification-fade-appear-active {
    -webkit-animation-name: NotificationBottomFadeIn;
    animation-name: NotificationBottomFadeIn;
}

.b-design-notification-topLeft,
.b-design-notification-bottomLeft {
    margin-right: 0;
    margin-left: 24px;
}

.b-design-notification-topLeft .b-design-notification-fade-enter.b-design-notification-fade-enter-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-bottomLeft .b-design-notification-fade-appear.b-design-notification-fade-appear-active {
    -webkit-animation-name: NotificationLeftFadeIn;
    animation-name: NotificationLeftFadeIn;
}

@-webkit-keyframes NotificationTopFadeIn {
    0% {
        margin-top: -100%;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes NotificationTopFadeIn {
    0% {
        margin-top: -100%;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes NotificationBottomFadeIn {
    0% {
        margin-bottom: -100%;
        opacity: 0;
    }

    100% {
        margin-bottom: 0;
        opacity: 1;
    }
}

@keyframes NotificationBottomFadeIn {
    0% {
        margin-bottom: -100%;
        opacity: 0;
    }

    100% {
        margin-bottom: 0;
        opacity: 1;
    }
}

@-webkit-keyframes NotificationLeftFadeIn {
    0% {
        right: 348px;
        opacity: 0;
    }

    100% {
        right: 0;
        opacity: 1;
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        right: 348px;
        opacity: 0;
    }

    100% {
        right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-notification-notice {
    position: relative;
    padding: 19px 44px 32px 24px;
    border-radius: 4px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.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: 0.4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.4px;
    color: #474a52;
}

.b-design-notification-notice-with-icon .b-design-notification-notice-message,
.b-design-notification-notice-with-icon .b-design-notification-notice-description {
    margin-left: 26px;
}

.b-design-notification-notice-icon {
    margin-top: 5px;
    margin-left: 0;
    font-size: 18px;
    line-height: 28px;
}

.b-design-notification-notice-success::before,
.b-design-notification-notice-info::before,
.b-design-notification-notice-warning::before,
.b-design-notification-notice-error::before,
.b-design-notification-notice-loading::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 {
    background: #1b58f4;
}

.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: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(6px) saturate(2.1);
    backdrop-filter: blur(6px) saturate(2.1);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-page-header {
    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;
    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 0.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: #000000;
}

.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;
    color: #1f2024;
    font-weight: 600;
    font-size: 20px;
    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 {
    margin-right: 0;
    margin-left: 12px;
}

.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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-breadcrumb+.b-design-page-header-heading {
    margin-top: 16px;
}

.b-design-page-header-heading-title {
    margin-bottom: 0.5em;
    line-height: 1.5;
    letter-spacing: 0.5em;
    margin-bottom: 0.15px;
    color: #1f2024;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
    font-weight: 600;
}

.b-design-page-header-heading-sub-title {
    margin-top: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-popconfirm {
    z-index: 1060;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.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 0.3s;
    animation: b-design-progress-appear 0.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-success-bg,
.b-design-progress-bg {
    position: relative;
    background-color: var(--b-design-primary-60);
    border-radius: 100px;
    transition: all 0.4s cubic-bezier(0.08, 0.82, 0.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(0.23, 1, 0.32, 1) infinite;
    animation: b-design-progress-active 2.4s cubic-bezier(0.23, 1, 0.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;
    color: #1f2024;
    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: 0.1;
    }

    20% {
        transform: translateX(-100%) scaleX(0);
        opacity: 0.5;
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 0;
    }
}

@keyframes b-design-progress-active {
    0% {
        transform: translateX(-100%) scaleX(0);
        opacity: 0.1;
    }

    20% {
        transform: translateX(-100%) scaleX(0);
        opacity: 0.5;
    }

    100% {
        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-normal .b-design-progress-text .anticon,
.b-design-progress-status-active .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(to right, var(--b-design-primary-60), var(--b-design-primary-50)) !important;
}

.b-design-progress-status-success .b-design-progress-bg {
    background-image: linear-gradient(to right, #029469, var(--b-design-success-color)) !important;
}

.b-design-progress-status-exception .b-design-progress-bg {
    background-image: linear-gradient(to right, var(--b-design-error-color), #ec4344) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 0.3s, outline 0s;
}

.b-design-rate-star>div:hover {
    transform: scale(1, 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, 1);
}

.b-design-rate-star-first,
.b-design-rate-star-second {
    color: #d7d8db;
    transition: all 0.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-half .b-design-rate-star-first,
.b-design-rate-star-full .b-design-rate-star-second {
    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: 0.25px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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 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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
    color: #b8bbc2;
    cursor: not-allowed;
}

.segmented-item-selected {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}

.segmented-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.b-design-segmented {
    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;
    padding: 2px;
    color: rgba(0, 0, 0, 0.65);
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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):hover,
.b-design-segmented:not(.b-design-segmented-disabled):focus {
    background-color: rgba(0, 0, 0, 0.06);
}

.b-design-segmented-item {
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.b-design-segmented-item-selected {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    color: #262626;
}

.b-design-segmented-item:hover,
.b-design-segmented-item:focus {
    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:hover,
.b-design-segmented-item-disabled:focus {
    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, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    padding: 4px 0;
}

.b-design-segmented-thumb-motion-appear-active {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-slider {
    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;
    height: 12px;
    margin: 10px 6px 10px;
    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 {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #f1f2f3;
    border-radius: 2px;
    transition: background-color 0.3s;
}

.b-design-slider-track {
    position: absolute;
    height: 4px;
    background-color: var(--b-design-primary-30);
    border-radius: 2px;
    transition: background-color 0.3s;
}

.b-design-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #fff;
    border: solid 2px var(--b-design-primary-30);
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.b-design-slider-handle-dragging {
    z-index: 1;
}

.b-design-slider-handle:focus {
    border-color: var(--b-design-primary-color);
    outline: none;
    box-shadow: 0 0 0 5px var(--b-design-primary-color);
}

.b-design-slider-handle.b-design-tooltip-open {
    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-handle,
.b-design-slider-disabled .b-design-slider-dot {
    background-color: #fff;
    border-color: #b8bbc2 !important;
    box-shadow: none;
    cursor: not-allowed;
}

.b-design-slider-disabled .b-design-slider-mark-text,
.b-design-slider-disabled .b-design-slider-dot {
    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):hover .b-design-slider-track,
.b-design-slider:not(.b-design-slider-disabled) .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 {
    background: linear-gradient(90deg, var(--b-design-primary-60), var(--b-design-primary-50));
    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(calc(8 / 12)) !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 {
    background: #f1f2f3;
}

.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:hover {
    width: 14px;
    height: 14px;
    margin-left: -5px;
}

.b-design-slider-vertical.b-design-slider:not(.b-design-slider-vertical-disabled) .b-design-slider-handle:focus {
    width: 14px;
    height: 14px;
    margin-left: -5px;
}

.b-design-slider-vertical .b-design-slider-mark-text {
    transform: translateY(50%) scale(calc(8 / 12)) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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', '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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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-tail,
.b-design-steps-item:last-child>.b-design-steps-item-container>.b-design-steps-item-content>.b-design-steps-item-title::after {
    display: none;
}

.b-design-steps-item-icon,
.b-design-steps-item-content {
    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', 'Segoe UI Emoji', 'Segoe UI Symbol';
    line-height: 24px;
    text-align: center;
    border: 1px solid #b8bbc2;
    border-radius: 24px;
    transition: background-color 0.3s, border-color 0.3s;
}

.b-design-steps-item-icon .b-design-steps-icon {
    position: relative;
    top: -0.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 0.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: normal;
    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-title,
.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-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 {
    transition: color 0.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-title,
.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-description {
    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: 0px;
    left: 0.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 {
    width: calc(100% - 20px);
    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 0.3s;
    /* expand hover area */
}

.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, 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;
    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: 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 0.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: 0.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, 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 0.3s, left 0.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-vertical>.b-design-steps-item>.b-design-steps-item-container>.b-design-steps-item-tail {
    visibility: hidden;
}

.b-design-steps-navigation.b-design-steps-horizontal>.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: 0.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-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 {
    /* expand hover area */
}

.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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.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-item-wait .b-design-steps-item-icon .anticon {
    color: #d7d8db;
}

.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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.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-small .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-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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.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 {
    width: calc(100% - 2px);
    background-color: #1b58f4;
    background-size: 250%;
}

.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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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(to right, #b8bbc2, #b8bbc2), linear-gradient(to right, #fff, #fff);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.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, 0.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-checked {
    background: var(--b-design-primary-color);
}

.b-design-switch-loading,
.b-design-switch-disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.b-design-switch-loading *,
.b-design-switch-disabled * {
    box-shadow: none;
    cursor: not-allowed;
}

.b-design-switch-inner {
    display: block;
    margin: 0 6px 0 22px;
    color: #fff;
    font-size: 12px;
    transition: margin 0.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 0.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 rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
    content: '';
}

.b-design-switch-checked .b-design-switch-handle {
    left: calc(100% - 16px - 2px);
}

.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, 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% - 12px - 2px);
}

.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% - 16px - 2px);
}

.b-design-switch-rtl.b-design-switch-small.b-design-switch-checked .b-design-switch-handle {
    right: calc(100% - 12px - 2px);
}

.b-design-switch {
    overflow: hidden;
    background: #d4d6db;
}

.b-design-switch:focus {
    outline: none !important;
    box-shadow: none !important;
}

.b-design-switch:hover,
.b-design-switch:focus:hover {
    background: #babcc2;
}

.b-design-switch:hover .b-design-switch-handle::before,
.b-design-switch:focus:hover .b-design-switch-handle::before {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.b-design-switch-checked {
    background: var(--b-design-primary-color);
}

.b-design-switch-checked:focus {
    box-shadow: none;
}

.b-design-switch-checked:hover,
.b-design-switch-checked:focus: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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-table.b-design-table-middle {
    font-size: 12px;
}

.b-design-table.b-design-table-middle .b-design-table-title,
.b-design-table.b-design-table-middle .b-design-table-footer,
.b-design-table.b-design-table-middle .b-design-table-thead>tr>th,
.b-design-table.b-design-table-middle .b-design-table-tbody>tr>td,
.b-design-table.b-design-table-middle tfoot>tr>th,
.b-design-table.b-design-table-middle tfoot>tr>td {
    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-title,
.b-design-table.b-design-table-small .b-design-table-footer,
.b-design-table.b-design-table-small .b-design-table-thead>tr>th,
.b-design-table.b-design-table-small .b-design-table-tbody>tr>td,
.b-design-table.b-design-table-small tfoot>tr>th,
.b-design-table.b-design-table-small tfoot>tr>td {
    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-content>table>thead>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-body>table>thead>tr>th,
.b-design-table.b-design-table-bordered>.b-design-table-container>.b-design-table-summary>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-header>table>tbody>tr>td,
.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-summary>table>tbody>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-header>table>tfoot>tr>th,
.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-summary>table>tfoot>tr>th,
.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-header>table>tfoot>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-summary>table>tfoot>tr>td {
    border-right: 1px solid #e6e8eb;
}

.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-body>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-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-body>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-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>thead>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-summary>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-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-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-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-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-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-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-summary>table>tfoot>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-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-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-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-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-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-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-content>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-body>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-content>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-body>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-thead>tr>th,
.b-design-table-tbody>tr>td,
.b-design-table tfoot>tr>th,
.b-design-table tfoot>tr>td {
    position: relative;
    padding: 16px 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 16px;
}

.b-design-table-footer {
    padding: 16px 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 0.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;
    background-color: #d4d6db;
    transform: translateY(-50%);
    transition: background-color 0.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 0.3s;
}

.b-design-table-tbody>tr>td>.b-design-table-wrapper:only-child .b-design-table,
.b-design-table-tbody>tr>td>.b-design-table-expanded-row-fixed>.b-design-table-wrapper:only-child .b-design-table {
    margin: -16px -16px -16px 32px;
}

.b-design-table-tbody>tr>td>.b-design-table-wrapper:only-child .b-design-table-tbody>tr:last-child>td,
.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 {
    border-bottom: 0;
}

.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-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-wrapper:only-child .b-design-table-tbody>tr:last-child>td:last-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 {
    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, 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>th,
.b-design-table-summary>tr>td {
    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 0.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-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 {
    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;
    color: #5e626b;
    font-size: 0;
    transition: color 0.3s;
}

.b-design-table-column-sorter-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.b-design-table-column-sorter-up,
.b-design-table-column-sorter-down {
    font-size: 11px;
}

.b-design-table-column-sorter-up.active,
.b-design-table-column-sorter-down.active {
    color: var(--b-design-primary-color);
}

.b-design-table-column-sorter-up+.b-design-table-column-sorter-down {
    margin-top: -0.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 0.3s;
}

.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 {
    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, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 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-tree {
    padding: 8px 8px 0;
}

.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-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 {
    background-color: transparent;
}

.b-design-table-filter-dropdown-search {
    padding: 8px;
    border-bottom: 1px #e6e8eb solid;
}

.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 .b-design-checkbox-wrapper+span,
.b-design-table-filter-dropdown-submenu .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 th.b-design-table-selection-column,
table tr td.b-design-table-selection-column {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
}

table tr th.b-design-table-selection-column .b-design-radio-wrapper,
table tr td.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 0.3s;
    -webkit-margin-start: 100%;
    margin-inline-start: 100%;
    -webkit-padding-start: 4px;
    padding-inline-start: 4px;
}

.b-design-table-selection-extra .anticon {
    color: #5e626b;
    font-size: 10px;
}

.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 0.3s;
    position: relative;
    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(0.82352941);
    transition: all 0.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: #000000;
}

.b-design-table-row-expand-icon:focus,
.b-design-table-row-expand-icon:hover,
.b-design-table-row-expand-icon:active {
    border-color: currentcolor;
}

.b-design-table-row-expand-icon::before,
.b-design-table-row-expand-icon::after {
    position: absolute;
    background: currentcolor;
    transition: transform 0.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::before,
.b-design-table-row-expand-icon-spaced::after {
    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>td,
tr.b-design-table-expanded-row:hover>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 -16px;
    padding: 16px 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 0.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 0.3s;
    content: '';
    pointer-events: none;
}

.b-design-table .b-design-table-container::before,
.b-design-table .b-design-table-container::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 30px;
    transition: box-shadow 0.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:not(.b-design-table-has-fix-left)>.b-design-table-container::before {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.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 {
    box-shadow: inset 10px 0 8px -8px rgba(0, 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:not(.b-design-table-has-fix-right)>.b-design-table-container::after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.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 {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.b-design-table-sticky-holder {
    position: sticky;
    z-index: calc(2 + 1);
    background: #fff;
}

.b-design-table-sticky-scroll {
    position: sticky;
    bottom: 0;
    z-index: calc(2 + 1);
    display: flex;
    align-items: center;
    background: #ffffff;
    border-top: 1px solid #e6e8eb;
    opacity: 0.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, 0.35);
    border-radius: 4px;
}

.b-design-table-sticky-scroll-bar:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.b-design-table-sticky-scroll-bar-active {
    background-color: rgba(0, 0, 0, 0.8);
}

@media all and (-ms-high-contrast: none) {
    .b-design-table-ping-left .b-design-table-cell-fix-left-last::after {
        box-shadow: none !important;
    }

    .b-design-table-ping-right .b-design-table-cell-fix-right-first::after {
        box-shadow: none !important;
    }
}

.b-design-table {
    /* title + table */
    /* table */
    /* table + footer */
}

.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 {
    border-radius: 0;
}

.b-design-table-title+.b-design-table-container table>thead>tr:first-child th:first-child {
    border-radius: 0;
}

.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-left-radius: 2px;
    border-top-right-radius: 2px;
}

.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-wrapper-rtl {
    direction: rtl;
}

.b-design-table-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-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-menu-submenu-rtl.b-design-table-filter-dropdown .b-design-checkbox-wrapper+span,
.b-design-dropdown-menu-submenu-rtl.b-design-table-filter-dropdown-submenu .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-indent {
    float: right;
}

.b-design-table-wrapper-rtl .b-design-table-row-expand-icon {
    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);
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.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(0.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 0.3s;
}

.b-design-table-column-sorter-inner {
    flex-direction: row;
}

.b-design-table-column-sorter-up,
.b-design-table-column-sorter-down {
    font-size: 14px;
}

.b-design-table-column-sorter-up svg,
.b-design-table-column-sorter-down svg {
    display: none !important;
}

.b-design-table-column-sorter-up::after,
.b-design-table-column-sorter-down::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: rgba(255, 255, 255, 0.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 .b-design-tree-node-content-wrapper:hover {
    background-color: transparent;
}

.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 {
    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 th.b-design-table-selection-column,
table tr td.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 {
    color: #81848f;
}

.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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

@-webkit-keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@-webkit-keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.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 0.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 0.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:hover::before,
.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected::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: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
}

.b-design-tree-checkbox-wrapper:hover .b-design-tree-checkbox-inner,
.b-design-tree-checkbox:hover .b-design-tree-checkbox-inner,
.b-design-tree-checkbox-input:focus+.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 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: '';
}

.b-design-tree-checkbox:hover::after,
.b-design-tree-checkbox-wrapper:hover .b-design-tree-checkbox::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 0.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 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.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 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.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 0.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 0.3s;
    animation: ant-tree-node-fx-do-not-use 0.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 0;
    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-disabled .b-design-tree-node-content-wrapper:hover {
    background: transparent;
}

.b-design-tree .b-design-tree-treenode-active .b-design-tree-node-content-wrapper {
    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: 0.2;
    transition: opacity 0.3s;
}

.b-design-tree-treenode:hover .b-design-tree .b-design-tree-treenode-draggable .b-design-tree-draggable-icon {
    opacity: 0.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-tree-switcher-icon,
.b-design-tree-switcher .b-design-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline;
}

.b-design-tree-switcher .b-design-tree-switcher-icon svg,
.b-design-tree-switcher .b-design-select-tree-switcher-icon svg {
    transition: transform 0.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: initial;
    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 0.3s, border 0s, line-height 0s, box-shadow 0s;
}

.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-node-selected {
    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: -0.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 {
    margin: 9px 0 0 8px;
}

.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: 0.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: 0.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: 0.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: 0.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:not(.b-design-tree-show-line .b-design-tree-treenode-disabled):hover .b-design-tree-switcher,
.b-design-tree-show-line .b-design-tree-treenode-selected .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-treenode-disabled .b-design-tree-node-content-wrapper,
.b-design-tree-checkbox-disabled+.b-design-tree-node-content-wrapper {
    color: #b8bbc2;
}

.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected:hover::before,
.b-design-tree.b-design-tree-directory .b-design-tree-treenode-selected::before {
    background: transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
    width: auto;
    height: auto;
    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-tail,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-tail,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-tail,
.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head-custom {
    left: 50%;
}

.b-design-timeline.b-design-timeline-alternate .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-right .b-design-timeline-item-head,
.b-design-timeline.b-design-timeline-label .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-right .b-design-timeline-item-head-custom,
.b-design-timeline.b-design-timeline-label .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-right .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 {
    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-right .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 {
    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-tail,
.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 {
    left: calc(100% - 4px - 1px);
}

.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-tail,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-tail,
.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-alternate .b-design-timeline-item-head,
.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-label .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-right .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .b-design-timeline-item-head-custom {
    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-right .b-design-timeline-item-head,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .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-right .b-design-timeline-item-head-custom,
.b-design-timeline-rtl.b-design-timeline.b-design-timeline-label .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-right .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 {
    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-right .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 {
    text-align: left;
}

.b-design-timeline-rtl.b-design-timeline.b-design-timeline-right .b-design-timeline-item-right .b-design-timeline-item-tail,
.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 {
    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 {
    border-right: 2px dotted #e6e8eb;
    border-left: none;
}

.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 calc(16px / 2 + 12px);
    padding-bottom: 20px;
    line-height: 24px;
}

.b-design-timeline-item-head {
    width: calc(16px / 2);
    height: calc(16px / 2);
}

.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-title,
.b-design-timeline-item-disabled .b-design-timeline-item-description,
.b-design-timeline-item-disabled .b-design-timeline-item-footer {
    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;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

@-webkit-keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.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 0.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 0.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 {
    display: flex;
    flex: none;
    flex-direction: column;
    align-self: center;
    margin: 0 8px;
    vertical-align: middle;
}

.b-design-transfer-operation .b-design-btn {
    display: block;
}

.b-design-transfer-operation .b-design-btn:first-child {
    margin-bottom: 4px;
}

.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;
}

@-webkit-keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

.b-design-transfer-list {
    border-color: #e6e8eb;
}

.b-design-transfer-list-header {
    border-bottom: 1px #e6e7e8 solid;
}

.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-header,
.b-design-transfer-list-content-item,
.b-design-transfer-list-footer {
    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:focus,
.b-design-transfer-list-with-search .b-design-input-affix-wrapper-focused {
    border-color: var(--b-design-primary-color);
    outline: 0;
    box-shadow: none;
    background: linear-gradient(white, white) 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:focus+.b-design-input-group-addon .b-design-input-search-button,
.b-design-transfer-list-with-search .b-design-input-affix-wrapper-focused+.b-design-input-group-addon .b-design-input-search-button {
    border-color: var(--b-design-primary-color) !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: linear-gradient(white, white) 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 alternate infinite;
    animation: gradient-outline 3s alternate infinite;
}

.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 #d7d8db solid;
}

.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: initial;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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));

@-webkit-keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 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: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
}

.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,
.b-design-select-tree-checkbox-input:focus+.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 0.36s ease-in-out;
    animation: antCheckboxEffect 0.36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: '';
}

.b-design-select-tree-checkbox:hover::after,
.b-design-select-tree-checkbox-wrapper:hover .b-design-select-tree-checkbox::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 0.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 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.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 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.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 0.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 0.3s;
    animation: ant-tree-node-fx-do-not-use 0.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 0;
    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-disabled .b-design-select-tree-node-content-wrapper:hover {
    background: transparent;
}

.b-design-select-tree .b-design-select-tree-treenode-active .b-design-select-tree-node-content-wrapper {
    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: 0.2;
    transition: opacity 0.3s;
}

.b-design-select-tree-treenode:hover .b-design-select-tree .b-design-select-tree-treenode-draggable .b-design-select-tree-draggable-icon {
    opacity: 0.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-tree-switcher-icon,
.b-design-select-tree-switcher .b-design-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline;
}

.b-design-select-tree-switcher .b-design-tree-switcher-icon svg,
.b-design-select-tree-switcher .b-design-select-tree-switcher-icon svg {
    transition: transform 0.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: initial;
    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 0.3s, border 0s, line-height 0s, box-shadow 0s;
}

.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-node-selected {
    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: -0.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-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: 0.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: 0.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-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: 0.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: 0.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:not(.b-design-select-tree-show-line .b-design-select-tree-treenode-disabled):hover .b-design-select-tree-switcher,
.b-design-select-tree-show-line .b-design-select-tree-treenode-selected .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-treenode-disabled .b-design-select-tree-node-content-wrapper,
.b-design-select-tree-checkbox-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:hover::before,
.b-design-select-tree.b-design-select-tree-directory .b-design-select-tree-treenode-selected::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 0.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 .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 .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-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 .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 .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 .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 .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-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 .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 .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 .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 .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-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 .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 .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-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-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-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-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-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-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-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-checkbox-checked {
    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: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:hover,
.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-selected {
    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 .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-selected {
    color: var(--b-design-primary-color);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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-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;
}

div.b-design-typography,
.b-design-typography p {
    margin-bottom: 1em;
}

h1.b-design-typography,
div.b-design-typography-h1,
div.b-design-typography-h1>textarea,
.b-design-typography h1 {
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: 0.5em;
    margin-bottom: 0.25px;
    color: #1f2024;
    font-weight: 400;
    font-size: 60px;
    line-height: 84px;
    letter-spacing: 0.25px;
}

h2.b-design-typography,
div.b-design-typography-h2,
div.b-design-typography-h2>textarea,
.b-design-typography h2 {
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.5em;
    margin-bottom: 0.25px;
    color: #1f2024;
    font-weight: 400;
    font-size: 48px;
    line-height: 68px;
    letter-spacing: 0.25px;
}

h3.b-design-typography,
div.b-design-typography-h3,
div.b-design-typography-h3>textarea,
.b-design-typography h3 {
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.5em;
    margin-bottom: 0.25px;
    color: #1f2024;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0.25px;
}

h4.b-design-typography,
div.b-design-typography-h4,
div.b-design-typography-h4>textarea,
.b-design-typography h4 {
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.5em;
    margin-bottom: 0;
    color: #1f2024;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;
}

h5.b-design-typography,
div.b-design-typography-h5,
div.b-design-typography-h5>textarea,
.b-design-typography h5 {
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5em;
    margin-bottom: 0.15px;
    color: #1f2024;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.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 {
    margin-top: 1.2em;
}

.b-design-typography div+h1,
.b-design-typography ul+h1,
.b-design-typography li+h1,
.b-design-typography p+h1,
.b-design-typography h1+h1,
.b-design-typography h2+h1,
.b-design-typography h3+h1,
.b-design-typography h4+h1,
.b-design-typography h5+h1,
.b-design-typography div+h2,
.b-design-typography ul+h2,
.b-design-typography li+h2,
.b-design-typography p+h2,
.b-design-typography h1+h2,
.b-design-typography h2+h2,
.b-design-typography h3+h2,
.b-design-typography h4+h2,
.b-design-typography h5+h2,
.b-design-typography div+h3,
.b-design-typography ul+h3,
.b-design-typography li+h3,
.b-design-typography p+h3,
.b-design-typography h1+h3,
.b-design-typography h2+h3,
.b-design-typography h3+h3,
.b-design-typography h4+h3,
.b-design-typography h5+h3,
.b-design-typography div+h4,
.b-design-typography ul+h4,
.b-design-typography li+h4,
.b-design-typography p+h4,
.b-design-typography h1+h4,
.b-design-typography h2+h4,
.b-design-typography h3+h4,
.b-design-typography h4+h4,
.b-design-typography h5+h4,
.b-design-typography div+h5,
.b-design-typography ul+h5,
.b-design-typography li+h5,
.b-design-typography p+h5,
.b-design-typography h1+h5,
.b-design-typography h2+h5,
.b-design-typography h3+h5,
.b-design-typography h4+h5,
.b-design-typography h5+h5 {
    margin-top: 1.2em;
}

a.b-design-typography-ellipsis,
span.b-design-typography-ellipsis {
    display: inline-block;
    max-width: 100%;
}

a.b-design-typography,
.b-design-typography a {
    color: var(--b-design-primary-color);
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    text-decoration: none;
}

a.b-design-typography:focus-visible,
.b-design-typography a:focus-visible,
a.b-design-typography:hover,
.b-design-typography a:hover {
    color: #0d0d0d;
}

a.b-design-typography:active,
.b-design-typography a:active {
    color: #000000;
}

a.b-design-typography:active,
.b-design-typography a:active,
a.b-design-typography:hover,
.b-design-typography a:hover {
    text-decoration: none;
}

a.b-design-typography[disabled],
.b-design-typography a[disabled],
a.b-design-typography.b-design-typography-disabled,
.b-design-typography a.b-design-typography-disabled {
    color: #b8bbc2;
    cursor: not-allowed;
}

a.b-design-typography[disabled]:active,
.b-design-typography a[disabled]:active,
a.b-design-typography.b-design-typography-disabled:active,
.b-design-typography a.b-design-typography-disabled:active,
a.b-design-typography[disabled]:hover,
.b-design-typography a[disabled]:hover,
a.b-design-typography.b-design-typography-disabled:hover,
.b-design-typography a.b-design-typography-disabled:hover {
    color: #b8bbc2;
}

a.b-design-typography[disabled]:active,
.b-design-typography a[disabled]:active,
a.b-design-typography.b-design-typography-disabled:active,
.b-design-typography a.b-design-typography-disabled:active {
    pointer-events: none;
}

.b-design-typography code {
    margin: 0 0.2em;
    padding: 0.2em 0.4em 0.1em;
    font-size: 85%;
    background: rgba(150, 150, 150, 0.1);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 3px;
}

.b-design-typography kbd {
    margin: 0 0.2em;
    padding: 0.15em 0.4em 0.1em;
    font-size: 90%;
    background: rgba(150, 150, 150, 0.06);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-bottom-width: 2px;
    border-radius: 3px;
}

.b-design-typography mark {
    padding: 0;
    background-color: orange;
}

.b-design-typography u,
.b-design-typography ins {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

.b-design-typography s,
.b-design-typography del {
    text-decoration: line-through;
}

.b-design-typography strong {
    font-weight: 600;
}

.b-design-typography-expand,
.b-design-typography-edit,
.b-design-typography-copy {
    color: var(--b-design-primary-color);
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    margin-left: 4px;
}

.b-design-typography-expand:focus-visible,
.b-design-typography-edit:focus-visible,
.b-design-typography-copy:focus-visible,
.b-design-typography-expand:hover,
.b-design-typography-edit:hover,
.b-design-typography-copy:hover {
    color: #0d0d0d;
}

.b-design-typography-expand:active,
.b-design-typography-edit:active,
.b-design-typography-copy:active {
    color: #000000;
}

.b-design-typography-copy-success,
.b-design-typography-copy-success:hover,
.b-design-typography-copy-success:focus {
    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 - 6px - 1px);
}

.b-design-typography-edit-content-confirm {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: #474a52;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    pointer-events: none;
}

.b-design-typography-edit-content textarea {
    height: 1em;
    margin: 0 !important;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -moz-transition: none;
}

.b-design-typography ul,
.b-design-typography ol {
    margin: 0 0 1em;
    padding: 0;
}

.b-design-typography ul li,
.b-design-typography ol 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 pre,
.b-design-typography blockquote {
    margin: 1em 0;
}

.b-design-typography pre {
    padding: 0.4em 0.6em;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: rgba(150, 150, 150, 0.1);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 3px;
}

.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 0.6em;
    border-left: 4px solid rgba(100, 100, 100, 0.2);
    opacity: 0.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 {
    /* stylelint-disable-next-line value-no-vendor-prefix */
    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-expand,
.b-design-typography-rtl .b-design-typography-edit,
.b-design-typography-rtl .b-design-typography-copy {
    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 ul li,
.b-design-typography-rtl.b-design-typography ol 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);
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes gradient-outline {
    0% {
        background-position: 25% 100%;
    }

    50% {
        background-position: 100% 50%;
        filter: saturate(2);
    }

    100% {
        background-position: 0% 0%;
    }
}

div.b-design-typography,
.b-design-typography p {
    margin-bottom: 0.4px;
    color: #474a52;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4px;
}

a.b-design-typography:focus-visible,
.b-design-typography a:focus-visible,
a.b-design-typography:hover,
.b-design-typography a:hover {
    color: var(--b-design-primary-color-hover);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
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-pure: ;
    --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 0.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 0.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 {
    margin: 0 0 4px;
    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 0.3s;
}

.b-design-upload.b-design-upload-drag .anticon-plus:hover {
    color: #474a52;
}

.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 0.3s;
}

.b-design-upload-list-item-card-actions:hover .anticon {
    color: #474a52;
}

.b-design-upload-list-item-info {
    height: 100%;
    transition: background-color 0.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-text-icon>.anticon,
.b-design-upload-list-item-error .b-design-upload-list-item-name {
    color: var(--b-design-error-color);
}

.b-design-upload-list-item-error .b-design-upload-list-item-card-actions .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;
    font-size: 14px;
    line-height: 0;
}

.b-design-upload-list-picture .b-design-upload-list-item,
.b-design-upload-list-picture-card .b-design-upload-list-item {
    position: relative;
    height: 66px;
    padding: 8px;
    border: 1px solid #d7d8db;
    border-radius: 2px;
}

.b-design-upload-list-picture .b-design-upload-list-item:hover,
.b-design-upload-list-picture-card .b-design-upload-list-item:hover {
    background: transparent;
}

.b-design-upload-list-picture .b-design-upload-list-item-error,
.b-design-upload-list-picture-card .b-design-upload-list-item-error {
    border-color: var(--b-design-error-color);
}

.b-design-upload-list-picture .b-design-upload-list-item-info,
.b-design-upload-list-picture-card .b-design-upload-list-item-info {
    padding: 0;
}

.b-design-upload-list-picture .b-design-upload-list-item:hover .b-design-upload-list-item-info,
.b-design-upload-list-picture-card .b-design-upload-list-item:hover .b-design-upload-list-item-info {
    background: transparent;
}

.b-design-upload-list-picture .b-design-upload-list-item-uploading,
.b-design-upload-list-picture-card .b-design-upload-list-item-uploading {
    border-style: dashed;
}

.b-design-upload-list-picture .b-design-upload-list-item-thumbnail,
.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail {
    width: 48px;
    height: 48px;
    line-height: 60px;
    text-align: center;
    opacity: 0.8;
}

.b-design-upload-list-picture .b-design-upload-list-item-thumbnail .anticon,
.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail .anticon {
    font-size: 26px;
}

.b-design-upload-list-picture .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.b-design-upload-list-picture-card .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
    fill: #404040;
}

.b-design-upload-list-picture .b-design-upload-list-item-error .b-design-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.b-design-upload-list-picture-card .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 .b-design-upload-list-item-icon,
.b-design-upload-list-picture-card .b-design-upload-list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    transform: translate(-50%, -50%);
}

.b-design-upload-list-picture .b-design-upload-list-item-icon .anticon,
.b-design-upload-list-picture-card .b-design-upload-list-item-icon .anticon {
    font-size: 26px;
}

.b-design-upload-list-picture .b-design-upload-list-item-image,
.b-design-upload-list-picture-card .b-design-upload-list-item-image {
    max-width: 100%;
}

.b-design-upload-list-picture .b-design-upload-list-item-thumbnail img,
.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail img {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.b-design-upload-list-picture .b-design-upload-list-item-name,
.b-design-upload-list-picture-card .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 0.3s;
}

.b-design-upload-list-picture .b-design-upload-list-item-uploading .b-design-upload-list-item-name,
.b-design-upload-list-picture-card .b-design-upload-list-item-uploading .b-design-upload-list-item-name {
    margin-bottom: 12px;
}

.b-design-upload-list-picture .b-design-upload-list-item-progress,
.b-design-upload-list-picture-card .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 {
    height: 100%;
    margin: 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, 0.5);
    opacity: 0;
    transition: all 0.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;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s;
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye,
.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-delete {
    z-index: 10;
    width: 16px;
    margin: 0 4px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}

.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-download:hover,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-delete:hover {
    color: #fff;
}

.b-design-upload-list-picture-card .b-design-upload-list-item-info:hover+.b-design-upload-list-item-actions,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions:hover {
    opacity: 1;
}

.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-name {
    display: none;
    margin: 8px 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: 10px;
    display: block;
}

.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::before,
.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 .anticon-delete {
    display: none;
}

.b-design-upload-list-picture-card .b-design-upload-list-item-progress {
    bottom: 32px;
    width: calc(100% - 14px);
    padding-left: 0;
}

.b-design-upload-list-text-container,
.b-design-upload-list-picture-container {
    transition: opacity 0.3s, height 0.3s;
}

.b-design-upload-list-text-container::before,
.b-design-upload-list-picture-container::before {
    display: table;
    width: 0;
    height: 0;
    content: '';
}

.b-design-upload-list-text-container .b-design-upload-span,
.b-design-upload-list-picture-container .b-design-upload-span {
    display: block;
    flex: auto;
}

.b-design-upload-list-text .b-design-upload-span,
.b-design-upload-list-picture .b-design-upload-span {
    display: flex;
    align-items: center;
}

.b-design-upload-list-text .b-design-upload-span>*,
.b-design-upload-list-picture .b-design-upload-span>* {
    flex: none;
}

.b-design-upload-list-text .b-design-upload-list-item-name,
.b-design-upload-list-picture .b-design-upload-list-item-name {
    flex: auto;
    margin: 0;
    padding: 0 8px;
}

.b-design-upload-list-text .b-design-upload-list-item-card-actions,
.b-design-upload-list-picture .b-design-upload-list-item-card-actions {
    position: static;
}

.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: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -webkit-animation-fill-mode: forwards;
    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 {
    from {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@keyframes uploadAnimateInlineIn {
    from {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@-webkit-keyframes uploadAnimateInlineOut {
    to {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
}

@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 .b-design-upload-list-item-info,
.b-design-upload-list-picture-card .b-design-upload-list-item-info {
    padding: 0;
}

.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-thumbnail,
.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-thumbnail {
    right: 8px;
    left: auto;
}

.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-icon,
.b-design-upload-list-rtl.b-design-upload-list-picture-card .b-design-upload-list-item-icon {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%);
}

.b-design-upload-list-rtl.b-design-upload-list-picture .b-design-upload-list-item-name,
.b-design-upload-list-rtl.b-design-upload-list-picture-card .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 .b-design-upload-list-item-name-icon-count-1,
.b-design-upload-list-rtl.b-design-upload-list-picture-card .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 .b-design-upload-list-item-name-icon-count-2,
.b-design-upload-list-rtl.b-design-upload-list-picture-card .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 .b-design-upload-list-item-progress,
.b-design-upload-list-rtl.b-design-upload-list-picture-card .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) {
    border-color: var(--b-design-primary-color);
}

.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 0.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 0.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;
    padding-right: 8px;
    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: 0.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: 0px;
    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, 0.5);
    opacity: 0;
    transition: all 0.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 0.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-eye,
.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-delete {
    z-index: 10;
    width: 16px;
    margin: 0;
    color: #d4d6db;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye::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-delete::after {
    color: #d4d6db;
}

.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-download:hover,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-delete:hover {
    color: #fff;
}

.b-design-upload-list-picture-card .b-design-upload-list-item-actions .anticon-eye:hover::after,
.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-delete:hover::after {
    color: #fff;
}

.b-design-upload-list-picture-card .b-design-upload-list-item-info:hover+.b-design-upload-list-item-actions,
.b-design-upload-list-picture-card .b-design-upload-list-item-actions:hover {
    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.css.map*/