*,::backdrop,*::after,*::before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.hover\:text-primary:hover {
    --tw-text-opacity:1;
    color:rgba(var(--primary-6), var(--tw-text-opacity,1))
}

*::after,*::before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden; /* 防止页面横向滚动 */
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

body {
    line-height: inherit;
    margin: 0;
    padding-bottom: 70px; /* 为底部导航栏留出空间 */
    position: relative;
    background-color: #f8f9fa;
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img, video {
    height: auto;
    max-width: 100%
}

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

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.right--20px {
    right: -20px
}

.top-6px {
    top: 6px
}

.top-10px {
    top: -10px
}

.top-20px {
    top: -20px
}

.left-2-percent {
    left: 2%
}

.left-200px {
    left: 200px
}

.left-30px {
    left: 30px
}

.right-0 {
    right: 0
}

.right-10px {
    right: 10px
}

.right-2-percent {
    right: 2%
}

.right-20px {
    right: 20px
}

.top-0,.top-0-percent {
    top: 0
}

.top-10px {
    top: 10px
}

.top-25-percent {
    top: 25%
}

.top-2px {
    top: 2px
}

.top-300px {
    top: 300px
}

.top-50px {
    top: 50px
}

.top-8px {
    top: 8px
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.z-9999 {
    z-index: 9999
}

.m-3px {
    margin: 3px
}

.mx-10px {
    margin-left: 10px;
    margin-right: 10px
}

.mx-1vw {
    margin-left: 1vw;
    margin-right: 1vw
}

.mx-20px {
    margin-left: 20px;
    margin-right: 20px
}

.mx-50px {
    margin-left: 50px;
    margin-right: 50px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-10px {
    margin-bottom: 10px;
    margin-top: 10px
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-10px {
    margin-bottom: 10px
}

.mb-20px {
    margin-bottom: 20px
}

.mb-40px {
    margin-bottom: 40px
}

.ml-2 {
    margin-left: .5rem
}

.ml-10px {
    margin-left: 10px
}

.ml-15px {
    margin-left: 15px
}

.ml-20px {
    margin-left: 20px
}

.ml-22px {
    margin-left: 22px
}

.ml-27px {
    margin-left: 27px
}

.ml-40px {
    margin-left: 40px
}

.ml-43px {
    margin-left: 43px
}

.ml-5px {
    margin-left: 5px
}

.ml-7px {
    margin-left: 7px
}

.ml-8px {
    margin-left: 8px
}

.mr-8px {
    margin-right: 8px
}
.mr-15px {
    margin-right: 15px
}

.mr-20px {
    margin-right: 20px
}

.mr-30px {
    margin-right: 30px
}

.mr-40px {
    margin-right: 40px
}

.mr-45px {
    margin-right: 45px
}

.mt-10px {
    margin-top: 10px
}

.mt-11px {
    margin-top: 11px
}

.mt-12px {
    margin-top: 12px
}

.mt-15px {
    margin-top: 15px
}

.mt-17px {
    margin-top: 17px
}

.mt-18px {
    margin-top: 18px
}

.mt-20px {
    margin-top: 20px
}

.mt-22px {
    margin-top: 22px
}

.mt-23px {
    margin-top: 23px
}

.mt-24px {
    margin-top: 24px
}

.mt-28px {
    margin-top: 28px
}

.mt-30px {
    margin-top: 30px
}

.mt-36px {
    margin-top: 36px
}

.mt-38px {
    margin-top: 38px
}

.mt-40px {
    margin-top: 40px
}

.mt-45px {
    margin-top: 45px
}

.mt-50px {
    margin-top: 50px
}

.mt-5px {
    margin-top: 5px
}

.mt-60px {
    margin-top: 60px
}

.mt-72px {
    margin-top: 72px
}

.mt-7px {
    margin-top: 7px
}

.mt-80px {
    margin-top: 80px
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.size-48px {
    height: 48px;
    width: 48px
}

.h-40px {
    height: 40px
}

.h-44px {
    height: 44px
}

.h-50px {
    height: 50px
}

.h-53px {
    height: 53px
}

.h-103px {
    height: 103px
}

.h-134px {
    height: 134px
}

.h-150px {
    height: 150px
}

.h-16px {
    height: 16px
}

.h-185px {
    height: 185px
}

.h-20px {
    height: 20px
}

.h-218px {
    height: 218px
}

.h-228px {
    height: 228px
}

.h-22px {
    height: 22px
}

.h-240px {
    height: 240px
}

.h-24px {
    height: 24px
}

.h-25px {
    height: 25px
}

.h-260px {
    height: 260px
}

.h-26px {
    height: 26px
}

.h-27px {
    height: 27px
}

.h-2px {
    height: 2px
}

.h-30px {
    height: 30px
}

.h-32px {
    height: 32px
}

.h-33px {
    height: 33px
}

.h-341px {
    height: 341px
}

.h-38px {
    height: 38px
}

.h-40px {
    height: 40px
}

.h-448px {
    height: 448px
}

.h-44px {
    height: 44px
}

.h-47px {
    height: 47px
}

.h-4px {
    height: 4px
}

.h-50px {
    height: 50px
}

.h-52px {
    height: 52px
}

.h-53px {
    height: 53px
}

.h-550px {
    height: 550px
}

.h-56px {
    height: 56px
}

.h-59px {
    height: 59px
}

.h-60px {
    height: 60px
}

.h-68px {
    height: 68px
}

.h-6px {
    height: 6px
}

.h-92px {
    height: 92px
}

.h-96px {
    height: 96px
}

.h-99px {
    height: 99px
}

.h-full {
    height: 100%
}

.min-h-300px {
    min-height: 300px
}

.min-h-423px {
    min-height: 423px
}

.min-h-490px {
    min-height: 490px
}

.min-h-60vh {
    min-height: 60vh
}

.min-h-calc\(100vh-59px\) {
    min-height: calc(100vh - 59px)
}

.w-100px {
    width: 100px
}

.w-120px {
    width: 120px
}

.w-150px {
    width: 150px
}

.w-300px {
    width: 300px
}

.w-100px {
    width: 100px
}

.w-1020px {
    width: 1020px
}

.w-103px {
    width: 103px
}

.w-10px {
    width: 10px
}

.w-110px {
    width: 110px
}

.w-120px {
    width: 120px
}

.w-123px {
    width: 123px
}

.w-130px {
    width: 130px
}

.w-146px {
    width: 146px
}

.w-163px {
    width: 163px
}

.w-16px {
    width: 16px
}

.w-25px {
    width: 25px
}

.w-170px {
    width: 170px
}

.w-180px {
    width: 180px
}

.w-185px {
    width: 185px
}

.w-1px {
    width: 1px
}

.w-200px {
    width: 200px
}

.w-202px {
    width: 202px
}

.w-214px {
    width: 214px
}

.w-220px {
    width: 220px
}

.w-22px {
    width: 22px
}

.w-230px {
    width: 230px
}

.w-23px {
    width: 23px
}

.w-240px {
    width: 240px
}

.w-248px {
    width: 248px
}

.w-24px {
    width: 24px
}

.w-250px {
    width: 250px
}

.w-260px {
    width: 260px
}

.w-262px {
    width: 262px
}

.w-280px {
    width: 280px
}

.w-282px {
    width: 282px
}

.w-289px {
    width: 289px
}

.w-28px {
    width: 28px
}

.w-292px {
    width: 292px
}

.w-30-percent {
    width: 30%
}

.w-300px {
    width: 300px
}

.w-302px {
    width: 302px
}

.w-30px {
    width: 30px
}

.w-320px {
    width: 320px
}

.w-33px {
    width: 33px
}

.w-342px {
    width: 342px
}

.w-34px {
    width: 34px
}

.w-35-percent {
    width: 35%
}

.w-350px {
    width: 350px
}

.w-370px {
    width: 370px
}

.w-382px {
    width: 382px
}

.w-38px {
    width: 38px
}

.w-392px {
    width: 392px
}

.w-3px {
    width: 3px
}

.w-40-percent {
    width: 40%
}

.w-400px {
    width: 400px
}

.w-40px {
    width: 40px
}

.w-450px {
    width: 450px
}

.w-46px {
    width: 46px
}

.w-48px {
    width: 48px
}

.w-4px {
    width: 4px
}

.w-50-percent {
    width: 50%
}

.w-500px {
    width: 500px
}

.w-50px {
    width: 50px
}

.w-520px {
    width: 520px
}

.w-530px {
    width: 530px
}

.w-545px {
    width: 545px
}

.w-55px {
    width: 55px
}

.w-570px {
    width: 570px
}

.w-5px {
    width: 5px
}

.w-600px {
    width: 600px
}

.w-60px {
    width: 60px
}

.w-64px {
    width: 64px
}

.w-68px {
    width: 68px
}

.w-6px {
    width: 6px
}

.w-70-percent {
    width: 70%
}

.w-700px {
    width: 700px
}

.w-70px {
    width: 70px
}

.w-76px {
    width: 76px
}

.w-77-percent {
    width: 77%
}

.w-799px {
    width: 799px
}

.w-7vw {
    width: 7vw
}

.w-800px {
    width: 800px
}

.w-80px {
    width: 80px
}

.w-810px {
    width: 810px
}

.w-81px {
    width: 81px
}

.w-82px {
    width: 82px
}

.w-830px {
    width: 830px
}

.w-850px {
    width: 850px
}

.w-85px {
    width: 85px
}

.w-86px {
    width: 86px
}

.w-8px {
    width: 8px
}

.w-900px {
    width: 900px
}

.w-90px {
    width: 90px
}

.w-90vw {
    width: 90vw
}

.w-92px {
    width: 92px
}

.w-95px {
    width: 95px
}

.w-96px {
    width: 96px
}

.w-auto {
    width: auto
}

.w-cr {
    width: 1200px
}

.w-full {
    width: 100%
}

.min-w-100px {
    min-width: 100px
}

.min-w-103px {
    min-width: 103px
}

.min-w-120px {
    min-width: 120px
}

.min-w-229px {
    min-width: 229px
}

.min-w-300px {
    min-width: 300px
}

.min-w-452px {
    min-width: 452px
}

.max-w-180px {
    max-width: 180px
}

.max-w-190px {
    max-width: 190px
}

.max-w-200px {
    max-width: 200px
}

.max-w-300px {
    max-width: 300px
}

.max-w-310px {
    max-width: 310px
}

.max-w-500px {
    max-width: 500px
}

.max-w-80-percent {
    max-width: 80%
}

.max-w-800px {
    max-width: 800px
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.-translate-x-50-percent {
    --tw-translate-x: -50%
}

.-translate-x-50-percent,.-translate-y-40px {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-40px {
    --tw-translate-y: -40px
}

.-translate-y-50-percent {
    --tw-translate-y: -50%
}

.-translate-y-50-percent,.-translate-y-80px {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-80px {
    --tw-translate-y: -80px
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.animate-bounce_1\.1s_ease-in-out_infinite {
    animation: bounce 1.1s ease-in-out infinite
}

.animate-bounce_1\.2s_ease-in-out_infinite {
    animation: bounce 1.2s ease-in-out infinite
}

.animate-bounce_1\.3s_ease-in-out_infinite {
    animation: bounce 1.3s ease-in-out infinite
}

.animate-bounce_1s_ease-in-out_infinite {
    animation: bounce 1s ease-in-out infinite
}

@keyframes bounce {
    0%,to {
        animation-timing-function: cubic-bezier(.8,0,1,1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0,0,.2,1);
        transform: none
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

.cursor-pointer {
    cursor: pointer
}

.cursor-zoom-in {
    cursor: zoom-in
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-10px {
    gap: 10px
}

.gap-20px {
    gap: 20px
}

.gap-x-10px {
    column-gap: 10px
}

.gap-x-12px {
    column-gap: 12px
}

.gap-x-13px {
    column-gap: 13px
}

.gap-x-15px {
    column-gap: 15px
}

.gap-x-17px {
    column-gap: 17px
}

.gap-x-19px {
    column-gap: 19px
}

.gap-x-20px {
    column-gap: 20px
}

.gap-x-24px {
    column-gap: 24px
}

.gap-x-27px {
    column-gap: 27px
}

.gap-x-28px {
    column-gap: 28px
}

.gap-x-30px {
    column-gap: 30px
}

.gap-x-3px {
    column-gap: 3px
}

.gap-x-40px {
    column-gap: 40px
}

.gap-x-41px {
    column-gap: 41px
}

.gap-x-45px {
    column-gap: 45px
}

.gap-x-4px {
    column-gap: 4px
}

.gap-x-50px {
    column-gap: 50px
}

.gap-x-5px {
    column-gap: 5px
}

.gap-x-7px {
    column-gap: 7px
}

.gap-x-8px {
    column-gap: 8px
}

.gap-x-9px {
    column-gap: 9px
}

.gap-y-10px {
    row-gap: 10px
}

.gap-y-16px {
    row-gap: 16px
}

.gap-y-20px {
    row-gap: 20px
}

.gap-y-21px {
    row-gap: 21px
}

.gap-y-30px {
    row-gap: 30px
}

.space-x-10px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(10px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(10px*var(--tw-space-x-reverse))
}

.space-x-20px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(20px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(20px*var(--tw-space-x-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.self-end {
    align-self: flex-end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-y-auto {
    overflow-y: auto
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.break-all {
    word-break: break-all
}

.rounded-18px {
    border-radius: 18px
}

.rounded-20px {
    border-radius: 20px
}

.rounded-25px {
    border-radius: 25px
}

.rounded-4px {
    border-radius: 4px
}

.rounded-50px {
    border-radius: 50px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-md {
    border-radius: .375rem
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-0\.5rem {
    border-radius: .5rem
}

.rounded-10px {
    border-radius: 10px
}

.rounded-11px {
    border-radius: 11px
}

.rounded-12px {
    border-radius: 12px
}

.rounded-15px {
    border-radius: 15px
}

.rounded-16px {
    border-radius: 16px
}

.rounded-19px {
    border-radius: 19px
}

.rounded-20px {
    border-radius: 20px
}

.rounded-25px {
    border-radius: 25px
}

.rounded-2px {
    border-radius: 2px
}

.rounded-30px {
    border-radius: 30px
}

.rounded-3px {
    border-radius: 3px
}

.rounded-4px {
    border-radius: 4px
}

.rounded-60px {
    border-radius: 60px
}

.rounded-8px {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-12px {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.rounded-l-14px {
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px
}

.rounded-l-24px {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.rounded-l-50px {
    border-top-left-radius: 50px
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-r {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-r-3px {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.rounded-r-8px {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-t-4px {
    border-top-left-radius:4px;
    border-top-right-radius:4px
}

.rounded-t-16px {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.rounded-t-2px {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.rounded-bl-12px {
    border-bottom-left-radius: 12px
}

.rounded-bl-16px {
    border-bottom-left-radius: 16px
}

.rounded-bl-8px {
    border-bottom-left-radius: 8px
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.rounded-br-12px {
    border-bottom-right-radius: 12px
}

.rounded-br-14px {
    border-bottom-right-radius: 14px
}

.rounded-br-16px {
    border-bottom-right-radius: 16px
}

.rounded-br-24px {
    border-bottom-right-radius: 24px
}

.rounded-br-50px {
    border-bottom-right-radius: 50px
}

.rounded-br-8px {
    border-bottom-right-radius: 8px
}

.rounded-tl-12px {
    border-top-left-radius: 12px
}

.rounded-tl-15px {
    border-top-left-radius: 15px
}

.rounded-tl-16px {
    border-top-left-radius: 16px
}

.rounded-tl-8px {
    border-top-left-radius: 8px
}

.rounded-tl-full {
    border-top-left-radius: 9999px
}

.rounded-tr-12px {
    border-top-right-radius: 12px
}

.rounded-tr-16px {
    border-top-right-radius: 16px
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-8 {
    border-width: 8px
}

.border-6px {
    border-width: 6px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-y-2 {
    border-bottom-width: 2px;
    border-top-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-5px {
    border-bottom-width: 5px
}

.border-l {
    border-left-width: 1px
}

.border-l-4 {
    border-left-width: 4px
}

.border-r {
    border-right-width: 1px
}

.border-r-2 {
    border-right-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-dotted {
    border-style: dotted
}

.border-\#000000 {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity,1))
}

.pay_selected {
    --tw-border-opacity: 1;
    border-color: rgba(var(--primary-6))
}

.border-\#5A9EF7 {
    --tw-border-opacity: 1;
    border-color: rgb(90 158 247/var(--tw-border-opacity,1))
}

.border-\#6EAAF8 {
    --tw-border-opacity: 1;
    border-color: rgb(110 170 248/var(--tw-border-opacity,1))
}

.border-\#A9DBB3 {
    --tw-border-opacity: 1;
    border-color: rgb(169 219 179/var(--tw-border-opacity,1))
}

.border-\#ADC3FE {
    --tw-border-opacity: 1;
    border-color: rgb(173 195 254/var(--tw-border-opacity,1))
}

.border-\#BAE2C2 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--primary-2)/var(--tw-border-opacity,1))
}

.border-\#DDDDDD {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity,1))
}

.border-\#E5D1D1 {
    --tw-border-opacity: 1;
    border-color: rgb(229 209 209/var(--tw-border-opacity,1))
}

.border-\#E6E6E6 {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230/var(--tw-border-opacity,1))
}

.border-\#EEF8F0 {
    --tw-border-opacity: 1;
    border-color: rgb(238 248 240/var(--tw-border-opacity,1))
}

.border-\#F7F7F7 {
    --tw-border-opacity: 1;
    border-color: rgb(247 247 247/var(--tw-border-opacity,1))
}

.border-\#F8FCF9 {
    --tw-border-opacity: 1;
    border-color: rgb(248 252 249/var(--tw-border-opacity,1))
}

.border-\#F9F9F9 {
    --tw-border-opacity: 1;
    border-color: rgb(249 249 249/var(--tw-border-opacity,1))
}

.border-\#FF3B30 {
    --tw-border-opacity: 1;
    border-color: rgb(255 59 48/var(--tw-border-opacity,1))
}

.border-\#FF9500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 149 0/var(--tw-border-opacity,1))
}

.border-\#dddddd {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity,1))
}

.border-\#e5e5e5 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity,1))
}

.border-\#efeff5 {
    --tw-border-opacity: 1;
    border-color: rgb(239 239 245/var(--tw-border-opacity,1))
}

.border-\#f8f8f8 {
    --tw-border-opacity: 1;
    border-color: rgb(248 248 248/var(--tw-border-opacity,1))
}

.border-rgba\(61\2c 37\2c 20\2c 0\.05\) {
                                     border-color: #3d25140d
                                 }

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity,1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity,1))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity,1))
}

.border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22/var(--tw-border-opacity,1))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgba(var(--primary-6), var(--tw-text-opacity,1));
    background-color: rgba(var(--primary-2), .482);
}

.border-primary_no_bottom {
    --tw-border-opacity: 1;
    border-color: rgba(var(--primary-6), var(--tw-text-opacity,1));
    background-color: rgba(var(--primary-3), .482);
}

.border-primary\/10 {
    border-color: #52b7671a
}

.border-primary\/40 {
    border-color: #52b76766
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity,1))
}

.border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249/var(--tw-border-opacity,1))
}

.border-stone-200 {
    --tw-border-opacity: 1;
    border-color: rgb(231 229 228/var(--tw-border-opacity,1))
}

.border-transparent {
    border-color: #0000
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.border-x-transparent {
    border-left-color: #0000;
    border-right-color: #0000
}

.border-b-\#3D7EFF {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(61 126 255/var(--tw-border-opacity,1))
}

.border-b-\#5ECA72 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(94 202 114/var(--tw-border-opacity,1))
}

.border-b-\#956BFF {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(149 107 255/var(--tw-border-opacity,1))
}

.border-b-\#FF3B30 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 59 48/var(--tw-border-opacity,1))
}

.border-b-\#FF8317 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 131 23/var(--tw-border-opacity,1))
}

.border-b-\#FFCB21 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 203 33/var(--tw-border-opacity,1))
}

.border-b-transparent {
    border-bottom-color: #0000
}

.bg-\#D8F7EA {
    --tw-bg-opacity: 1;
    background-color: rgb(216 247 234/var(--tw-bg-opacity,1))
}

.bg-\#FCFEFC {
    --tw-bg-opacity: 1;
    background-color: rgb(252 254 252/var(--tw-bg-opacity,1))
}

.bg-\#fff7e8\/50 {
    background-color: #fff7e880
}

.bg-\#E8E8E8 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232/var(--tw-bg-opacity,1))
}

.bgg-primary {
    background-color: rgba(var(--primary-6), var(--tw-text-opacity,1))
}

.bgg-primary,.bg-white {
    --tw-bg-opacity: 1
}

.bg-white {
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-\#06B464 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 180 100/var(--tw-bg-opacity,1))
}

.bg-\#2e2b29 {
    --tw-bg-opacity: 1;
    background-color: rgb(46 43 41/var(--tw-bg-opacity,1))
}

.bg-\#3D7EFF {
    --tw-bg-opacity: 1;
    background-color: rgb(61 126 255/var(--tw-bg-opacity,1))
}

.bg-\#5ECA72 {
    --tw-bg-opacity: 1;
    background-color: rgb(94 202 114/var(--tw-bg-opacity,1))
}

.bg-\#956BFF {
    --tw-bg-opacity: 1;
    background-color: rgb(149 107 255/var(--tw-bg-opacity,1))
}

.bg-\#BAE2C2 {
    --tw-bg-opacity: 1;
    background-color: rgb(186 226 194/var(--tw-bg-opacity,1))
}

.bg-\#C6C6C6 {
    --tw-bg-opacity: 1;
    background-color: rgb(198 198 198/var(--tw-bg-opacity,1))
}

.bg-\#C8C8C8 {
    --tw-bg-opacity: 1;
    background-color: rgb(200 200 200/var(--tw-bg-opacity,1))
}

.bg-\#CECECE {
    --tw-bg-opacity: 1;
    background-color: rgb(206 206 206/var(--tw-bg-opacity,1))
}

.bg-\#D9D9D9 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity,1))
}

.bg-\#DAEFDF {
    --tw-bg-opacity: 1;
    background-color: rgb(218 239 223/var(--tw-bg-opacity,1))
}

.bgg-primary-1 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary-1));
}

.bgg-primary-2 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary-2))
}

.bg-\#DDDDDD {
    --tw-bg-opacity: 1;
    background-color: rgb(221 221 221/var(--tw-bg-opacity,1))
}

.bg-\#E7E7E7 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231/var(--tw-bg-opacity,1))
}

.bg-\#E8E8E8 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232/var(--tw-bg-opacity,1))
}

.bg-\#E8F3FF {
    --tw-bg-opacity: 1;
    background-color: rgb(232 243 255/var(--tw-bg-opacity,1))
}

.bg-\#EBF4FF {
    --tw-bg-opacity: 1;
    background-color: rgb(235 244 255/var(--tw-bg-opacity,1))
}

.bg-\#ECECEC {
    --tw-bg-opacity: 1;
    background-color: rgb(236 236 236/var(--tw-bg-opacity,1))
}

.bg-\#EEEEEE {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238/var(--tw-bg-opacity,1))
}

.bg-\#EEF8F0 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary-1)/var(--tw-bg-opacity,1))
}

.bg-\#F5F5F5 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))
}

.bg-\#F5FAFE {
    --tw-bg-opacity: 1;
    background-color: rgb(245 250 254/var(--tw-bg-opacity,1))
}

.bg-\#F8DEDE {
    --tw-bg-opacity: 1;
    background-color: rgb(248 222 222/var(--tw-bg-opacity,1))
}

.bg-\#F8F8F8 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary-1), var(--tw-text-opacity,1));
}

.bg-\#F8FCF9 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 252 249/var(--tw-bg-opacity,1))
}

.bg-\#F9F9F9 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249/var(--tw-bg-opacity,1))
}

.bg-\#FAFAFC {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 252/var(--tw-bg-opacity,1))
}

.bg-\#FBFBFD {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 253/var(--tw-bg-opacity,1))
}

.bg-\#FCFEFC {
    --tw-bg-opacity: 1;
    background-color: rgb(252 254 252/var(--tw-bg-opacity,1))
}

.bg-\#FF3B30 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 59 48/var(--tw-bg-opacity,1))
}

.bg-\#FF8317 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 131 23/var(--tw-bg-opacity,1))
}

.bg-\#FFBC2C {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 44/var(--tw-bg-opacity,1))
}

.bg-\#FFC83D\/20 {
    background-color: #ffc83d33
}

.bg-\#FFCB21 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 203 33/var(--tw-bg-opacity,1))
}

.bg-\#FFD7A7 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 215 167/var(--tw-bg-opacity,1))
}

.bg-\#FFFCFC {
    --tw-bg-opacity: 1;
    background-color: rgb(255 252 252/var(--tw-bg-opacity,1))
}

.bg-\#dddddd {
    --tw-bg-opacity: 1;
    background-color: rgb(221 221 221/var(--tw-bg-opacity,1))
}

.bg-\#e5e7eb {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1))
}

.bg-black\/20 {
    background-color: #0003
}

.bg-black\/30 {
    background-color: #0000004d
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity,1))
}

.bg-orange-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 146 60/var(--tw-bg-opacity,1))
}

.bg-orange-500\/10 {
    background-color: #f973161a
}

.bgg-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary-6), var(--tw-text-opacity,1))
}

.bgg-primary\/10 {
    background-color: #52b7671a
}

.bgg-primary\/20 {
    background-color: #52b76733
}

.bgg-primary\/0\.04 {
    background-color: #52b7670a
}

.bg-red-300\/40 {
    background-color: #fca5a566
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity,1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity,1))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity,1))
}

.bg-slate-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225/var(--tw-bg-opacity,1))
}

.bg-transparent {
    background-color: initial
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.bg-linear-gradient\(135deg\2c \#ffffff_0-percent\2c \#ffffff_10-percent\2c \#FBFBD5_25-percent\2c \#C3FCEE_45-percent\2c \#C6F0FA_65-percent\2c \#C3FCEE_85-percent\2c \#FBFBD5_100-percent\) {
    background-image: linear-gradient(135deg,#fff,#fff 10%,#fbfbd5 25%,#c3fcee 45%,#c6f0fa 65%,#c3fcee 85%,#fbfbd5)
}

.bg-url\(\'\../image\/editor-bg1\@2x\.png\'\) {
                   background-image:url(../images/editor-bg1@2x.png)
               }
.bg-url\(\'\../image\/free-bg\.png\'\) {
                   background-image:url(../images/free-bg.png)
               }
.bg-url\(\'\../image\/home-fwsj\.png\'\) {
                   background-image:url(../images/home-fwsj.png)
               }
.bg-url\(\'\../image\/home-jgsj\.png\'\) {
                   background-image:url(../images/home-jgsj.png)
               }
.bg-url\(\'\../image\/home-sfsj\.png\'\) {
                   background-image:url(../images/home-sfsj.png)
               }
.bg-url\(\'\../image\/home-sjsj\.png\'\) {
                   background-image:url(../images/home-sjsj.png)
               }
.bg-url\(\../image\/home-bg-2\.png\) {
                 background-image:url(../images/home-bg-2.png)
             }
.bg-url\(\../image\/home-bg\.png\) {
                 background-image:url(../images/home-bg.png)
             }
.bg-url\(https\:\/\/oss\.paperxie\.cn\/freepublicity\/lQDPJwr90zYNWn_NCh7NBOyw21RL8a6cew0H\.jpg\) {
    background-image:url(https://oss.paperxie.cn/freepublicity/lQDPJwr90zYNWn_NCh7NBOyw21RL8a6cew0H.jpg)
}
.bg-gradient-to-b {
    background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}
.bg-gradient-to-br {
    background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))
}
.bg-gradient-to-l {
    background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
.bg-gradient-to-r {
    background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.bg-gradient-to-tr {
    background-image:linear-gradient(to top right,var(--tw-gradient-stops))
}
.from-\#0ea5e9 {
    --tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);
    --tw-gradient-to:#0ea5e900 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\#8BE6CD {
    --tw-gradient-from:#8be6cd var(--tw-gradient-from-position);
    --tw-gradient-to:#8be6cd00 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\#ECFBF4 {
    --tw-gradient-from:#ecfbf4 var(--tw-gradient-from-position);
    --tw-gradient-to:#ecfbf400 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\#ECFDEC {
    --tw-gradient-from:#ecfdec var(--tw-gradient-from-position);
    --tw-gradient-to:#ecfdec00 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\#F5C340 {
    --tw-gradient-from:#f5c340 var(--tw-gradient-from-position);
    --tw-gradient-to:#f5c34000 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\#FDFDFE {
    --tw-gradient-from:#fdfdfe var(--tw-gradient-from-position);
    --tw-gradient-to:#fdfdfe00 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\#FEB975 {
    --tw-gradient-from:#feb975 var(--tw-gradient-from-position);
    --tw-gradient-to:#feb97500 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\#FFEBB7 {
    --tw-gradient-from:#ffebb7 var(--tw-gradient-from-position);
    --tw-gradient-to:#ffebb700 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-blue-300 {
    --tw-gradient-from:#93c5fd var(--tw-gradient-from-position);
    --tw-gradient-to:#93c5fd00 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-blue-50 {
    --tw-gradient-from:#eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-emerald-500 {
    --tw-gradient-from:#10b981 var(--tw-gradient-from-position);
    --tw-gradient-to:#10b98100 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-indigo-500 {
    --tw-gradient-from:#6366f1 var(--tw-gradient-from-position);
    --tw-gradient-to:#6366f100 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-pink-500 {
    --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
    --tw-gradient-to:#ec489900 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-primary {
    --tw-gradient-from:rgb(var(--primary-6)) var(--tw-gradient-from-position);
    --tw-gradient-to:#52b76700 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-primary\/30 {
    --tw-gradient-from:#52b7674d var(--tw-gradient-from-position);
    --tw-gradient-to:#52b76700 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-transparent {
    --tw-gradient-from:#0000 var(--tw-gradient-from-position);
    --tw-gradient-to:#0000 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-white {
    --tw-gradient-from:#fff var(--tw-gradient-from-position);
    --tw-gradient-to:#fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-white\/50 {
    --tw-gradient-from:#ffffff80 var(--tw-gradient-from-position);
    --tw-gradient-to:#fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-0-percent {
    --tw-gradient-from-position:0%
}
.via-gray-200 {
    --tw-gradient-to:#e5e7eb00 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),#e5e7eb var(--tw-gradient-via-position),var(--tw-gradient-to)
}
.via-white {
    --tw-gradient-to:#fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)
}
.via-30-percent {
    --tw-gradient-via-position:30%
}
.to-\#0284c7 {
    --tw-gradient-to:#0284c7 var(--tw-gradient-to-position)
}
.to-\#02AB90 {
    --tw-gradient-to:#02ab90 var(--tw-gradient-to-position)
}
.to-\rgb(var(--primary-6))\/0 {
                              --tw-gradient-to:#52b76700 var(--tw-gradient-to-position)
                          }
.to-\#ADC3FE {
    --tw-gradient-to:#adc3fe var(--tw-gradient-to-position)
}
.to-\#CCFBE4 {
    --tw-gradient-to:#ccfbe4 var(--tw-gradient-to-position)
}
.to-\#DCFAD9 {
    --tw-gradient-to:#dcfad9 var(--tw-gradient-to-position)
}
.to-\#DDDDDD {
    --tw-gradient-to:#ddd var(--tw-gradient-to-position)
}
.to-\#E9FBF4 {
    --tw-gradient-to:#e9fbf4 var(--tw-gradient-to-position)
}
.to-\#F9595C {
    --tw-gradient-to:#f9595c var(--tw-gradient-to-position)
}
.to-\#FB923C {
    --tw-gradient-to:#fb923c var(--tw-gradient-to-position)
}
.to-\#FECA47 {
    --tw-gradient-to:#feca47 var(--tw-gradient-to-position)
}
.to-blue-500 {
    --tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)
}
.to-emerald-600 {
    --tw-gradient-to:#059669 var(--tw-gradient-to-position)
}
.to-indigo-50 {
    --tw-gradient-to:#eef2ff var(--tw-gradient-to-position)
}
.to-indigo-600 {
    --tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)
}
.to-orange-500 {
    --tw-gradient-to:#f97316 var(--tw-gradient-to-position)
}
.to-primary {
    --tw-gradient-to:rgba(var(--primary-6)) var(--tw-gradient-to-position)
}
.to-rose-500 {
    --tw-gradient-to:#f43f5e var(--tw-gradient-to-position)
}
.to-transparent {
    --tw-gradient-to:#0000 var(--tw-gradient-to-position)
}
.to-white {
    --tw-gradient-to:#fff var(--tw-gradient-to-position)
}
.to-100-percent {
    --tw-gradient-to-position:100%
}
.bg-length\:300px_648px {
    background-size:300px 648px
}
.bg-cover {
    background-size:cover
}
.bg-clip-text {
    -webkit-background-clip:text;
    background-clip:text
}
.bg-position\:-42px_-130px {
    background-position:-42px -130px
}
.bg-center {
    background-position:50%
}
.bg-no-repeat {
    background-repeat:no-repeat
}
.object-contain {
    object-fit:contain
}
.object-cover {
    object-fit:cover
}
.p-2 {
    padding:.5rem
}
.p-3 {
    padding:.75rem
}
.p-4 {
    padding:1rem
}
.p-10px {
    padding:10px
}
.p-15px {
    padding:15px
}
.p-16px {
    padding:16px
}
.p-20px {
    padding:20px
}
.p-27px {
    padding:27px
}
.p-2px {
    padding:2px
}
.p-30px {
    padding:30px
}
.p-32px {
    padding:32px
}
.p-33px {
    padding:33px
}
.p-34px {
    padding:34px
}
.p-40px {
    padding:40px
}
.p-4px {
    padding:4px
}
.p-5px {
    padding:5px
}
.p-8px {
    padding:8px
}
.py-1px {
    padding-bottom:1px;
    padding-top:1px
}
.px-1\.5 {
    padding-left:.375rem;
    padding-right:.375rem
}
.px-3 {
    padding-left:.75rem;
    padding-right:.75rem
}
.px-4 {
    padding-left:1rem;
    padding-right:1rem
}
.px-100px {
    padding-left:100px;
    padding-right:100px
}
.px-10px {
    padding-left:10px;
    padding-right:10px
}
.px-12px {
    padding-left:12px;
    padding-right:12px
}
.px-13px {
    padding-left:13px;
    padding-right:13px
}
.px-14px {
    padding-left:14px;
    padding-right:14px
}
.px-15px {
    padding-left:15px;
    padding-right:15px
}
.px-16px {
    padding-left:16px;
    padding-right:16px
}
.px-18px {
    padding-left:18px;
    padding-right:18px
}
.px-1rem {
    padding-left:1rem;
    padding-right:1rem
}
.px-20px {
    padding-left:20px;
    padding-right:20px
}
.px-22px {
    padding-left:22px;
    padding-right:22px
}
.px-24px {
    padding-left:24px;
    padding-right:24px
}
.px-27px {
    padding-left:27px;
    padding-right:27px
}
.px-2px {
    padding-left:2px;
    padding-right:2px
}
.px-30px {
    padding-left:30px;
    padding-right:30px
}
.px-40px {
    padding-left:40px;
    padding-right:40px
}
.px-4px {
    padding-left:4px;
    padding-right:4px
}
.px-50px {
    padding-left:50px;
    padding-right:50px
}
.px-5px {
    padding-left:5px;
    padding-right:5px
}
.px-76px {
    padding-left:76px;
    padding-right:76px
}
.px-8px {
    padding-left:8px;
    padding-right:8px
}
.px-9px {
    padding-left:9px;
    padding-right:9px
}
.py-0\.5 {
    padding-bottom:.125rem;
    padding-top:.125rem
}
.py-2 {
    padding-bottom:.5rem;
    padding-top:.5rem
}
.py-3 {
    padding-bottom:.75rem;
    padding-top:.75rem
}
.py-0\.75em {
    padding-bottom:.75em;
    padding-top:.75em
}
.py-10px {
    padding-bottom:10px;
    padding-top:10px
}
.py-12px {
    padding-bottom:12px;
    padding-top:12px
}
.py-14px {
    padding-bottom:14px;
    padding-top:14px
}
.py-16px {
    padding-bottom:16px;
    padding-top:16px
}
.py-18px {
    padding-bottom:18px;
    padding-top:18px
}
.py-19px {
    padding-bottom:19px;
    padding-top:19px
}
.py-1px {
    padding-bottom:1px;
    padding-top:1px
}
.py-200px {
    padding-bottom:200px;
    padding-top:200px
}
.py-20px {
    padding-bottom:20px;
    padding-top:20px
}
.py-21px {
    padding-bottom:21px;
    padding-top:21px
}
.py-25px {
    padding-bottom:25px;
    padding-top:25px
}
.py-27px {
    padding-bottom:27px;
    padding-top:27px
}
.py-2px {
    padding-bottom:2px;
    padding-top:2px
}
.py-30px {
    padding-bottom:30px;
    padding-top:30px
}
.py-3px {
    padding-bottom:3px;
    padding-top:3px
}
.py-40px {
    padding-bottom:40px;
    padding-top:40px
}
.py-42px {
    padding-bottom:42px;
    padding-top:42px
}
.py-4px {
    padding-bottom:4px;
    padding-top:4px
}
.py-50px {
    padding-bottom:50px;
    padding-top:50px
}
.py-5px {
    padding-bottom:5px;
    padding-top:5px
}
.py-6px {
    padding-bottom:6px;
    padding-top:6px
}
.py-78px {
    padding-bottom:78px;
    padding-top:78px
}
.py-7px {
    padding-bottom:7px;
    padding-top:7px
}
.py-70px {
    padding-bottom:70px;
    padding-top:70px
}
.py-8px {
    padding-bottom:8px;
    padding-top:8px
}
.pb-3 {
    padding-bottom:.75rem
}
.pb-4 {
    padding-bottom:1rem
}
.pb-15px {
    padding-bottom:15px
}
.pb-16px {
    padding-bottom:16px
}
.pb-20px {
    padding-bottom:20px
}
.pb-2px {
    padding-bottom:2px
}
.pb-30px {
    padding-bottom:30px
}
.pb-40px {
    padding-bottom:40px
}
.pb-50px {
    padding-bottom:50px
}
.pb-60px {
    padding-bottom:60px
}
.pl-10px {
    padding-left:10px
}
.pl-16px {
    padding-left:16px
}
.pl-18px {
    padding-left:18px
}
.pl-2-percent {
    padding-left:2%
}
.pl-20px {
    padding-left:20px
}
.pl-22px {
    padding-left:22px
}
.pl-24px {
    padding-left:24px
}
.pl-4-percent {
    padding-left:4%
}
.pl-40px {
    padding-left:40px
}
.pl-5px {
    padding-left:5px
}
.pr-11px {
    padding-right:11px
}
.pr-12-percent {
    padding-right:12%
}
.pr-14-percent {
    padding-right:14%
}
.pr-13px {
    padding-right:13px
}
.pr-15px {
    padding-right:15px
}
.pr-20px {
    padding-right:20px
}
.pr-2px {
    padding-right:2px
}
.pr-4-percent {
    padding-right:4%
}
.pr-8-percent {
    padding-right:8%
}
.pb-10px {
    padding-bottom: 10px;
}
.pt-10px {
    padding-top:10px
}
.pt-20px {
    padding-top:20px
}
.pt-24px {
    padding-top:24px
}
.pt-30px {
    padding-top:30px
}
.pt-40px {
    padding-top:40px
}
.pt-42px {
    padding-top:42px
}
.pt-60px {
    padding-top:60px
}
.pt-62px {
    padding-top:62px
}
.pt-83px {
    padding-top:83px
}
.text-left {
    text-align:left
}
.text-center {
    text-align:center
}
.text-right {
    text-align:right
}
.indent-1 {
    text-indent:.25rem
}
.indent-2 {
    text-indent:.5rem
}
.indent-3 {
    text-indent:.75rem
}
.indent-4 {
    text-indent:1rem
}
.indent-2em {
    text-indent:2em
}
.text-16px {
    font-size:16px
}
.text-20px {
    font-size:20px
}
.text-22px {
    font-size:22px
}
.text-10px {
    font-size:10px
}
.text-11px {
    font-size:11px
}
.text-12px {
    font-size:12px
}
.text-14px {
    font-size:14px
}
.text-15px {
    font-size:15px
}
.text-16px {
    font-size:16px
}
.text-18px {
    font-size:18px
}
.text-20px {
    font-size:20px
}
.text-22px {
    font-size:22px
}
.text-24px {
    font-size:24px
}
.text-26px {
    font-size:26px
}
.text-30px {
    font-size:30px
}
.text-32px {
    font-size:32px
}
.text-36px {
    font-size:36px
}
.text-39px {
    font-size:39px
}
.text-40px {
    font-size:40px
}
.text-46px {
    font-size:46px
}
.text-50px {
    font-size:50px
}
.text-70px {
    font-size:70px
}
.text-75-percent {
    font-size:75%
}
.text-80px {
    font-size:80px
}
.text-9px {
    font-size:9px
}
.text-base {
    font-size:1rem;
    line-height:1.5rem
}
.text-lg {
    font-size:1.125rem;
    line-height:1.75rem
}
.text-sm {
    font-size:.875rem;
    line-height:1.25rem
}
.text-xs {
    font-size:.75rem;
    line-height:1rem
}
.font-black {
    font-weight:900
}
.font-bold {
    font-weight:700
}
.font-medium {
    font-weight:500
}
.font-normal {
    font-weight:400
}
.font-semibold {
    font-weight:600
}
.italic {
    font-style:italic
}
.leading-4 {
    line-height:1rem
}
.leading-5 {
    line-height:1.25rem
}
.leading-6 {
    line-height:1.5rem
}
.leading-7 {
    line-height:1.75rem
}
.leading-8 {
    line-height:2rem
}
.leading-1\.5 {
    line-height:1.5
}
.leading-127px {
    line-height:127px
}
.leading-16px {
    line-height:16px
}
.leading-22px {
    line-height:22px
}
.leading-24px {
    line-height:24px
}
.leading-25px {
    line-height:25px
}
.leading-31px {
    line-height:31px
}
.leading-33px {
    line-height:33px
}
.leading-40px {
    line-height:40px
}
.leading-41px {
    line-height:41px
}
.leading-44px {
    line-height:44px
}
.leading-47px {
    line-height:47px
}
.leading-50px {
    line-height:50px
}
.leading-51px {
    line-height:51px
}
.leading-52px {
    line-height:52px
}
.leading-53px {
    line-height:53px
}
.leading-60px {
    line-height:60px
}
.leading-loose {
    line-height:2
}
.leading-none {
    line-height:1
}
.leading-normal {
    line-height:1.5
}
.leading-relaxed {
    line-height:1.625
}
.text-\#333 {
    --tw-text-opacity:1;
    color:rgb(51 51 51/var(--tw-text-opacity,1))
}
.text-\#3BCA72 {
    --tw-text-opacity:1;
    color:rgb(59 202 114/var(--tw-text-opacity,1))
}
.text-\#5A9EF7 {
    --tw-text-opacity:1;
    color:rgb(90 158 247/var(--tw-text-opacity,1))
}
.text-\#6EAAF8 {
    --tw-text-opacity:1;
    color:rgb(110 170 248/var(--tw-text-opacity,1))
}
.text-primary {
    --tw-text-opacity:1;
    color:rgb(82 183 103/var(--tw-text-opacity,1))
}
.text-red-500 {
    --tw-text-opacity:1;
    color:rgb(239 68 68/var(--tw-text-opacity,1))
}
.text-white {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity,1))
}
.text-\#0ea5e9 {
    --tw-text-opacity:1;
    color:rgb(14 165 233/var(--tw-text-opacity,1))
}
.text-\#333333 {
    --tw-text-opacity:1;
    color:rgb(51 51 51/var(--tw-text-opacity,1))
}
.text-\#333639 {
    --tw-text-opacity:1;
    color:rgb(51 54 57/var(--tw-text-opacity,1))
}
.text-\#3BCA72 {
    --tw-text-opacity:1;
    color:rgb(59 202 114/var(--tw-text-opacity,1))
}
.text-\#505050 {
    --tw-text-opacity:1;
    color:rgb(80 80 80/var(--tw-text-opacity,1))
}
.text-\#5A5A5A {
    --tw-text-opacity:1;
    color:rgb(90 90 90/var(--tw-text-opacity,1))
}
.text-\#5A5D5A {
    --tw-text-opacity:1;
    color:rgb(90 93 90/var(--tw-text-opacity,1))
}
.text-\#5A9EF7 {
    --tw-text-opacity:1;
    color:rgb(90 158 247/var(--tw-text-opacity,1))
}
.text-\#5ACC9B {
    --tw-text-opacity:1;
    color:rgb(90 204 155/var(--tw-text-opacity,1))
}
.text-\#5a5a5a {
    --tw-text-opacity:1;
    color:rgb(90 90 90/var(--tw-text-opacity,1))
}
.text-\#666666 {
    --tw-text-opacity:1;
    color:rgb(102 102 102/var(--tw-text-opacity,1))
}
.text-\#6B6B6B {
    --tw-text-opacity:1;
    color:rgb(107 107 107/var(--tw-text-opacity,1))
}
.text-\#6EAAF8 {
    --tw-text-opacity:1;
    color:rgb(110 170 248/var(--tw-text-opacity,1))
}
.text-\#814B14 {
    --tw-text-opacity:1;
    color:rgb(129 75 20/var(--tw-text-opacity,1))
}
.text-\#858585 {
    --tw-text-opacity:1;
    color:rgb(133 133 133/var(--tw-text-opacity,1))
}
.text-\#86909c {
    --tw-text-opacity:1;
    color:rgb(134 144 156/var(--tw-text-opacity,1))
}
.text-\#8B8B8B {
    --tw-text-opacity:1;
    color:rgb(139 139 139/var(--tw-text-opacity,1))
}
.text-\#8C8C8C {
    --tw-text-opacity:1;
    color:rgb(140 140 140/var(--tw-text-opacity,1))
}
.text-\#8b8b8b {
    --tw-text-opacity:1;
    color:rgb(139 139 139/var(--tw-text-opacity,1))
}
.text-\#999999 {
    --tw-text-opacity:1;
    color:rgb(153 153 153/var(--tw-text-opacity,1))
}
.text-\#9F9EA5 {
    --tw-text-opacity:1;
    color:rgb(159 158 165/var(--tw-text-opacity,1))
}
.text-\#A4A4A4 {
    --tw-text-opacity:1;
    color:rgb(164 164 164/var(--tw-text-opacity,1))
}
.text-\#B9B9B9 {
    --tw-text-opacity:1;
    color:rgb(185 185 185/var(--tw-text-opacity,1))
}
.text-\#BABABA {
    --tw-text-opacity:1;
    color:rgb(186 186 186/var(--tw-text-opacity,1))
}
.text-\#C8C8C8 {
    --tw-text-opacity:1;
    color:rgb(200 200 200/var(--tw-text-opacity,1))
}
.text-\#CECECE {
    --tw-text-opacity:1;
    color:rgb(206 206 206/var(--tw-text-opacity,1))
}
.text-\#D26F08 {
    --tw-text-opacity:1;
    color:rgb(210 111 8/var(--tw-text-opacity,1))
}
.text-\#FF3B30 {
    --tw-text-opacity:1;
    color:rgb(255 59 48/var(--tw-text-opacity,1))
}
.text-\#FF7D00 {
    --tw-text-opacity:1;
    color:rgb(255 125 0/var(--tw-text-opacity,1))
}
.text-\#FF8B51 {
    --tw-text-opacity:1;
    color:rgb(255 139 81/var(--tw-text-opacity,1))
}
.text-\#FF9500 {
    --tw-text-opacity:1;
    color:rgb(255 149 0/var(--tw-text-opacity,1))
}
.text-\#FFBC2C {
    --tw-text-opacity:1;
    color:rgb(255 188 44/var(--tw-text-opacity,1))
}
.text-\#FFC83D {
    --tw-text-opacity:1;
    color:rgb(255 200 61/var(--tw-text-opacity,1))
}
.text-\#b1aeae {
    --tw-text-opacity:1;
    color:rgb(177 174 174/var(--tw-text-opacity,1))
}
.text-blue-500 {
    --tw-text-opacity:1;
    color:rgb(59 130 246/var(--tw-text-opacity,1))
}
.text-emerald-500 {
    --tw-text-opacity:1;
    color:rgb(16 185 129/var(--tw-text-opacity,1))
}
.text-indigo-500 {
    --tw-text-opacity:1;
    color:rgb(99 102 241/var(--tw-text-opacity,1))
}
.text-orange-500 {
    --tw-text-opacity:1;
    color:rgb(249 115 22/var(--tw-text-opacity,1))
}
.text-primary {
    --tw-text-opacity:1;
    color:rgba(var(--primary-6), var(--tw-text-opacity,1))
}
.text-primary\/20 {
    color:rgba(var(--primary-3));
}
.text-red-500 {
    --tw-text-opacity:1;
    color:rgb(239 68 68/var(--tw-text-opacity,1))
}
.text-red-600 {
    --tw-text-opacity:1;
    color:rgb(220 38 38/var(--tw-text-opacity,1))
}
.text-transparent {
    color:#0000
}
.text-white {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity,1))
}
.underline {
    text-decoration-line:underline
}
.shadow {
    --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-0px_12px_33px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0px_3px_10px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\) {
                                                                                                     --tw-shadow:0px 12px 33px 0px #0000000f,0px 3px 10px 0px #0000000a;
                                                                                                     --tw-shadow-colored:0px 12px 33px 0px var(--tw-shadow-color),0px 3px 10px 0px var(--tw-shadow-color);
                                                                                                     box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
                                                                                                 }
.shadow-0px_2px_15px_rgba\(0\2c 0\2c 0\2c 0\.08\) {
                                               --tw-shadow:0px 2px 15px #00000014;
                                               --tw-shadow-colored:0px 2px 15px var(--tw-shadow-color)
                                           }
.shadow-0px_2px_15px_rgba\(0\2c 0\2c 0\2c 0\.08\),.shadow-lg {
                                               box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
                                           }
.shadow-lg {
    --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-sm {
    --tw-shadow:0 1px 2px 0 #0000000d;
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.outline-none {
    outline:2px solid #0000;
    outline-offset:2px
}
.outline {
    outline-style:solid
}
.blur {
    --tw-blur:blur(8px)
}
.blur,.filter {
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-sm {
    --tw-backdrop-blur:blur(4px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
    transition-duration:.15s;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.transition-all {
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.duration-150,.transition-all {
    transition-duration:.15s
}
.placeholder\:text-black::placeholder {
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity,1))
}
.first\:rounded-l-3px:first-child {
    border-bottom-left-radius:3px;
    border-top-left-radius:3px
}
.last\:mb-0:last-child {
    margin-bottom:0
}
.last\:mr-0:last-child {
    margin-right:0
}
.last\:border-none:last-child {
    border-style:none
}
.visited\:text-\#999999:visited {
    color:#999
}
.hover\:-translate-y-3:hover {
    --tw-translate-y:-0.75rem
}
.hover\:-translate-y-3:hover,.hover\:skew-y-3:hover {
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:skew-y-3:hover {
    --tw-skew-y:3deg
}
.hover\:scale-105:hover {
    --tw-scale-x:1.05;
    --tw-scale-y:1.05;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:border-primary:hover {
    --tw-border-opacity:1;
    border-color:rgb(82 183 103/var(--tw-border-opacity,1))
}
.hover\:text-primary:hover {
    --tw-text-opacity:1;
    color:rgba(var(--primary-6), var(--tw-text-opacity,1))
}
.hover\:bg-\#eee:hover {
    --tw-bg-opacity:1;
    background-color:rgb(238 238 238/var(--tw-bg-opacity,1))
}
.hover\:bg-\#f5f5f5:hover {
    --tw-bg-opacity:1;
    background-color:rgb(245 245 245/var(--tw-bg-opacity,1))
}
.hover\:bg-\#f8fafc:hover {
    --tw-bg-opacity:1;
    background-color:rgb(248 250 252/var(--tw-bg-opacity,1))
}
.hover\:bg-orange-600:hover {
    --tw-bg-opacity:1;
    background-color:rgb(234 88 12/var(--tw-bg-opacity,1))
}

.hover\:underline:hover {
    text-decoration-line:underline
}
.hover\:shadow:hover {
    --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}
.hover\:shadow-md:hover,.hover\:shadow:hover {
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.hover\:shadow-md:hover {
    --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}
.group:hover .group-hover\:block {
    display:block
}
.group:hover .group-hover\:flex {
    display:flex
}
.group:hover .group-hover\:w-200px {
    width:200px
}
.group:hover .group-hover\:bg-url\(\'\../image\/home-fwsj-hs\.png\'\) {
                                             background-image:url(../images/home-fwsj-hs.png)
                                         }
.group:hover .group-hover\:bg-url\(\'\../image\/home-jgsj-hs\.png\'\) {
                                             background-image:url(../images/home-jgsj-hs.png)
                                         }
.group:hover .group-hover\:bg-url\(\'\../image\/home-sfsj-hs\.png\'\) {
                                             background-image:url(../images/home-sfsj-hs.png)
                                         }
.group:hover .group-hover\:bg-url\(\'\../image\/home-sjsj-hs\.png\'\) {
                                             background-image:url(../images/home-sjsj-hs.png)
                                         }
.group:hover .group-hover\:text-primary {
    --tw-text-opacity:1;
    color:rgba(var(--primary-6), var(--tw-text-opacity,1))
}
.group:hover .group-hover\:underline {
    text-decoration-line:underline
}
@media (min-width:1536px) {
    .\32xl\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .\32xl\:px-8vw {
        padding-left:8vw;
        padding-right:8vw
    }
}

body {
    background-color: #f8f8f8;
    color: #333;
    font-size: 14px
}

@font-face {
    font-family: iconfont;
    src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAC+EAAsAAAAAVIQAAC8yAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACNVAqBiBTsMQE2AiQDgjALgRoABCAFhGcHhnobQ0V1BGwcAGzOvnEiqkaxKMolJ8v+/48JdIwd1B2xqgQWKkquHXZFB7e2TriueHQ1RFKy9thmQt2pZz8q3gwSBgDWcGaRmfk8HirXPmpwwEB8PWZ9XR2s6j+cUOG8kUq3dY/+IuPxcjTZtyJJDSAWOyQpmjxPrP3v7NuvqohnppO0BE/iPZAvBv+fe9tJbvK3d3rTpRandzyDcziPxGL3DcHcugWMsQrGGLCABWPAGEPGiI2tidpIR5UgKSCiDgzGIz5hAOqTivVGI2Zgxb/A+4X6CkZ948d0fbwwyJAZlmTDF/VK5bSqrug0zc/R7+es33Snez+F2qLBS6H9qQq5/Q9hgHGRQcIppvnAfwBEwPzn1Pp/MktfLQtshwrGOJMCkyBQCg9ngH2RrtLbm8CyQ5MaKAiOw4UUAoL7ni57qavqlse7VWrDEWaEIVAQLgkGFoidSKk6HfuYKsf06tL75x4gKPjfAwKA8OH5OFTOHqCxlwWe8xiP/TMXxebqFq3xHlbSUllK7L1STVuCdJAy3ynTHjrForFVuqzuDuCbCxB6glQgiP8X+RmfASWCSpnW2Hw55Fjinq8RqEiQLw/pCDryHUMZUhVbu1XRuWhcdwrqRFSyBwPOf0tJ3DYP4wZjrg5aAx+RUBGJCMnnx5jD2HTRwY8ImFTM7yigwYYTlavPUSaAfcprFgO6Kux8gWqzeIqF2cBhUhEcjkI6n/g+WhXdF3aovPcThg/y94v/ZqNIQ0UsYV969ESTB87NgP+N/bE/BpS/zKt4Z3B5BaqhhKXEquWZu185MKUaLillbTvwShE8xp9gpxs7rawgonLGwMTB5cWXv0BySnqRosWKl8gsRZoCVVawWq/LiIszMzOvZ/55sdLVFw9ebvzcy2uvG9+YgDjGVZBvcuGOzZOAaBCuYVQkuzJVhrJOffUvsvXCpzwFmaLkplKLVahSo34QvoJV0ezq6Apl0z/H6wHqpaWcc1Yj65ABQ7thI0YN6tBp37I9c7ZdC7TrSoAm0aIDzdYsWVRoWNBr1pFTJy7J3eBv05p1d0TyNakUzGo1YdyEiqYpbc6RDZjRqOiMQqg+ihqw3gTKr3R0FwjgUI9AoA6BQi0Cg1tA4NBP7KAGcVQwBwUXQLBwGwgehggR2gkZhgkFRggVRomzxyCBDsKATuIO+4QJy4QNe4QDc8QTtgkXroEIYId4wS4RwRUQH9givtCE+EM1EpgRS+SAA6KEZkSTAdEClogOFokeCsQI3SQSFkg09JJYmCXxcEQS4ZSY4YQkwyWQFDgkaXADSCZskCzYJNmwRnJgneRmpCp5yIDkA1ZJAUySSiiRKqhCVsA0sUIrsg7GSDuMk/UwQbqggoxAD7kIU2QG2shrOAfyD3Txm10yIOUqSmYgDwCN+LOxpAVyDiU3IVdRcga5hpZjz3ExHNIH7uGBn6B4uQI9K0am2f+GuZtnk03PsEOPpaE9gkTayYg1UqXDKuuybMCyhUg0z9SRqtPAIhYn68xsURHPZSYR0VXHA0ckctpmLk+jofmMInllwXkiZ2wx6HZGDKDxGNf91CxvbBSWCp3sDDQrUpdS6LtyUT8tvFssKQn5IHkaWbZ1xq5VomUnPRNzvrSalCOFD9x0neMjLIVA5FwZZa9wKe/8wgy2iqxOePBvj1o9WpW1SLxQ83SHGcLBClRRKwZcXWOYOOZOO1BmHCCYwTxGHWlaDAvoGmY/ofwFIuiK0xLquBQRnqfWjKnYlpsm4AypBZWLYgOyc3qB2rnp2jFUlnRKDg50DZrSVM6lKprU0aRs7r4VymXvldN5KSnJ0K+VnZigl0hCxzM8EtMJRCM8CMljIpFEC2FVFrHNDVViiifuKVJWINvOynxaoh5oQkbEf0CtdWmMbpJBe2vSJHjUZSEWlAJ1wbYl0+QNQ7QsKB1jplfibK/AWl6RNmaDxmG4i6HAaFvFOZWEGT6P0QO+1xMGCj4sqpL2WcAiqU+xCW/i9Dvvu1CRFKZb2161uxfgP98KWwY5oyyKlqyb2wx3l6alSfDPG6JG85Er7KjGpghQi4nm1vejve3uJlkkWxKdxdmmihWONjajU0KBZPTxIlRQGyfyJpYLWyjQb+4yJZ9CScjAyGclgnmfxJgxczt/U1DrJFmYH7rQ5XhImBVngDCfMqYNMGkpyGWfPit++mV4PweAn/+A7ZU+LUL0Cx+RVB8Mq4L9jtN8SswI2ZD0dhB0uIE3KGyUySh8XIC+eMqC3j7TJ9gnInBn1rW5lddLR03gHJD5yslTzDip88xz71Eg29eM74Zgpx9e5RAJbIlKXMCkm2W3AobbPj+LEnwxCyUAApw3hS1AZNp6P/yLrSLRX2wbIgFfv3dHI0zbEH83ns/0vAr+nn29nH3j393+X1JLKxW/V5IQYgotbzKAH3w77l0dhvh/IUf+QNnHz7gg1mevL7VOzEBPdlqn1Ug0Sbw19+rApUIWg+F1btN8xJRpjCnOtLlWRPgWlgyy3dj5sClhek8EFVmYyIGdjvyx7eOF8n8JG98KGpayAoCXURJUCPfFrQAuy/i3pKqSZQKWcxqMiCw5ssDZaXN8wTGV1XMoAQEGGBKu/TKKBlzp1rpKJj7Tc2iqMuUqihZ8mKIJKo4SI6kcEK43PerbGh/PdrmKNJU7n+GcPZ0moAMcNmU/Cz8cOXfmcWuPvc1ekDRJwe4oYfyb7bBNyQDRY8QAeOZerYc5/LQt6C9OT+nxMUyBKSLYHssoESg1n6gNkpm2CabmHkNbRAv8+rGKiCAp6TyWZrKtpgzfalWSRaotn9UIVadpiWsUmqZZOMpAuHc87I4LKkQp8l95bKexUi+ZJgCu74XoN1B1q8MSMLu1WXAaAA0zYbUyCrb39RBakTpkoBAD/Qe6o8cltngyzecmUJgVCiG2EvEmGWg+jWmmWjWBlvGzNG3MlO42fcM91nTfQQDbkPce07rvLjZ3j6Axtrbn9lawZSa9+4RRvfe2NBpTZSJRioM+mowTDHc/ntZxmin1cAwp1Y4lMrWMtmSsMmpGufCqptA2K3zqJ1q93C1rzMi1k6cOHTlz+sXnMsYwA2pi5YqvCY08F6/fzDmf6R98XHLR9Tzy0c0wygyopm0IEemzXCZIHCcI3Mf/ocQID7I9todkeCFYFkpCCi2rvUulg4wST0ZJdvyTTYsIidf5tX/tj6Yk4mdbpigRYpUWTNH9jkxYYwcKva079/7zL9iOZn5NR5n2i9I8PycucBigsc7GrF5pUdax91+cMlYPMeLWtm2rmWplpFZktaroJWtZAMAT20H9Mp0UEo7AFIXiNFq3hbEGo4JvLZ9Kn0s79bWVQijAyfAJnfPDVEkYZ3bqHfDnzYkznUxhlStiBj55E258xKuSyN0qRWnkWUdpFNSg6EZJ+GSVIFWI1QEqWgyjLtWFNOvI8IVNbrVeo7PlNWLkMy+r23o8SXFYwS1aq6oxmea0pnSbBSznPOhw4ViMbHjZrrOZnnT90WvxI8F6bLEWjIhP2PadpC8YUAJvTWY0ow7TBr1moFnhmPlH66ZkP9m8YsPoP4s1DLrZ9GnbM772KDPiCKfj2TpfOXli6Pa7q0tnJypzwH3Reyp9CsfdyLti7XOVFRcvGcah3vVbb7nVJwThwLE547q34O5Dg+aNcftAf3lXWedhivIEAnmz0uFHwW/tC4X9XVbVArtCk2TQ51s1zwUCTuc/Vq8OD92euj521LiYo9EBF2vRY4fqxfBoNKaEtpHRQLNo8d3Qq4KU/3vADXYw3KP+128HuydWKugIw3x+Pfl94TcrfcVslAbxMmbE2Z5hH4yz9MPc0ruhV9PLAU5n2Q9LU/iwV5d7HUw4VP92EEBy0kmkDf9LecSb8DYkhiC+mXJl7CCnUY1ZqRrVyZKmlhQ0WYKjDLLHKevyvYBjzqa688vBC+uMJb+5Z+w/sqEF7mB9i9W3Ue6QKVk9LR77SzRqHG+Ok+xxgmVA9dfDhVWM4cvJGal2IH1Xv50VFlAADYQE34hXR05OaLw/NYKM44Hec/l7H27RYigEIamSmYr2uNNT8vGVmuQJXZB5QVVVUtOowgP7v0yaN3IoCiHjcO1ki5i6IA2g2srjAXYXyAAKclkK2RlLt8xa1fdsRtg2O+ulDbpWem8J4AlFAXfM3s4eKFwpPFi9s+rTijMVfWWJskixJFB7yu0Lm9KjPNOxB0hbVRzt7vbKsF8n4rfe3vpwbh7s7oxsWLenVlwRiIe14v7yYoxqe1qEJIu7XD1Vs+LZ3J5wqROXw0QO/mzM2fGFThDA6ggvnXxjrDkaGfvbhu7iXZx5j60YuvGQbotedsOq58Mieul5EPGIPipJRaEfeie+GTAenCM6CKCrlN3S4TFcdtAiSzJpI1Q7r1Xj31PxE0mqbbo8Sn6rOwffmnDHvCqZedpiboNmlf7qrm1rPK2iuSCrTnJl2woaTupOmPGeP8r4yiIuTA+c87FuxnXCdbSlpRl77CpXvZrgPGTmhBGyyr1XJ1BVJxnfPi6vpgouk05lPEpGvGphqimES8VjYUI/FiJVvxegallMy6Kat4m8CQi1BGwwGEYJwKC+Tm85k2FKirN1ALD9IC3+MJ/qNYkwTUaxr8MYNP1mxMu+syzTKlHN70eR5nFaFklWFbJxgvlOBtXctvIyIjvc6GeRVwfyUc7AaIeNGrQiBAagJ0ayTQeNt0TIXhgK+6RxwFoJSBf9CNm/dOvhFJLm+H2c+mgaa4a1YdmbtkmnzHV709owOO5TT+F14Ikv6YkT6b26s2nepI2Ha/S+1ScF2zpc1Uqq6624RfzheTUm68Q5+rSl/ggDtz1aZ0q5No3b5GzzVn1i32lYynl+pkGUeeVSsiaoKLGhgs0IwdasFGDSvL8pdVmx4yHSsgOfdV2oaFEFqrig+aunkrlQQQs9UQw++3iUHvHL7c5nHR+OYdyXoNZ1Uy65eIZ8biJK5rAyTTxT/kJhDdTcOka8CWO/8acbxHkhcxGngUL0uGmF69VRB3Ph70TLqnIV1Zcvm2oEjBLG3980GvTA5LFljLnVCyxUb9wJL8mCNinWKHEpScGRSs3Rd172mtf9MpbqSHtgdwB9lHrZMHafinvqL10HNJNTRwQSRjJeOcxcZ7QspbWVlcok62GnM5Rtn3iNcV5KwV8ZbxUKxxPHyTFvAkkkPhY/Rox6RjHmPj3RKPnoCG3QeCPcRiOXF1tfz8piRqAKd2yMr41KXZBQPsWpOMIzfrwiICcyUUp64xoFKx8rvm4LhZuNGSeDUSDl+6elyV4+NyFO9bFiWC+ZFd6sDmAjLN65kHofJhHxvFMyFsPDM24ZyaqL1VNrUYRs0H2cH6SdDXhsxiH/qYXQ856iLyEZFSIJHIlkBEae0jAqn2yhOZ50Huo1r117m+/2n50x9u7VMRrJ2+9QOHkzhnBrive/ss6fZ/kvp+/Ga/vAkeg0JxqVB8Pv3VdHDMMMnEsPOva0m/NvpTN3khh7bk1Kq4t22b7IcPBC1ras49cTH12H+yzUX6myTAyapn1EU1URnzn55vrKn7LMSicJRFfl4oWeR1YrCcNbkGLFT60Xfl4uZpCsv87qBPzesi7uyZ9bv2TuLc4G+w8sXpBm88GnO6s36oaPuFByOS4zlD7lnzg7c3HNfsxuSSOkFQ3jz4YqVnq6ONWoRUKKxb0nYJZI6OjeyxkrHJZxwcNWAfApJuyfEE9nXGpXdtQSxSRKU/t4uoMLCQiIUmjR4EBMXCj8r7lGDN48BoqAe4bNr3KETKiH0Pc+ljYJawB4nQOAr3sIX2etY29xovCFaDietMDYwECDxgbYjUprkUQsxxFZVFB8QmGnedJSMBmqfQSfPuGolnmiRp9EuExxnSa8FC3rdwiEcPAZosbtd3ZwGc79U2Rh7DNNsRAb39YfhbsVG330RHOLZyMtAbrR0A4V7Mn5z8qTz0L87GilYSbEqA3cNqokq+KVVSpevXOBJWm6H/6OMLjeyRYpmB0uRlwuD+MGA+lmMBGgYXdSD7FeI7KJFy8LOEga0LIepzhGAAshWViwOV/6jJ97f3SLaC2UsdAnSBIKWSpngYu1DwqLn05Q9WoCp9lDagyvXcs6waADcgocVOIYAZLtbqCkscN1jvdSFpb9ECS7LmsjUq+SCW+iYqoiU9W3r2e/zfGOpOP+SiwazCpp739V8aDGPfFAun2m3tLevVRU9iV99YlDBHBupI7Srr6kvTJ38j3NczIVhWxeQkVfVd/5kpw/55AdOeDOtRZxIC+4ceRWi4VVLKUTcDL/hSdFMwyL/Xh5wbLtB8S2ZhI47oCRdcj8EZHOWiERr5aJGnuVn6rTyFoVLbfSRj1phfdzjUF4gAdxWigYtixxlnGu8jqjZGrlNvFpMMVEfC5K0jbxgcmbVnNMR1yJ6wlaYZbFGmo9iNmu6XdFdybcUQ13P8lJ699hrSdsRPUTSbjcuc9vYgsZFQfl0IQakvkX44QqCkGcZT6Mp1ufBMnhBlM/WjCqBq4MCFrFKS8by2RSjYDyR5pxhnHr0ib0fVPVkgZJ9oKw1LHtFc4ksS4ZYnhsAAB/LI4R+5JUEsG9GvJmGgfTriF5uoUYnpo2J8a+brZbxYzYO246riso9HWmPaedCm2ppayVjVZF4ylsgW1Dy8fXQYl9gHmB+fsX46WOQSkIiW3oaXSUeVT8CRevZJpFKq8Whit4kJdVUbIyu72qTICXRJxbKpLGBFggn5LDxMCbyBfzIoAsQ0+qOAKcIzaXcq77DMI9ADRo+ON/eumREn37wxKhcAf+L4lGLdXPPlMYNVbCkGDVODIDVz/imkPmbTRlYkoZXlYW3myUDc3KVKlOFOh4Gg1PJ9gRKMI8zZl5xyyZODeF7Z47ClFdBTgJbmIIrqKmWACuVcqMbEbtgjpGy3vRoOY5jR7gAsVL1XT7giJibPeTLvCsm7zfdgoB9v3BApKB6lPGsaqqwBs35Ri7slJcNbone0/ViewTIHgsawysOpl1Ekjx5+2aw+1WZmXf3rPv++9PXWX8V58avgsm35U6W54kX2GB5ntq1qRD71fXKOrVgPoVlP+yfLJ9cL/+EopdG/Of139rYtxEP0Odz9guB/uLs3QQDmnK56Z7pLS2pnimc/OT4xjRLooANH2uYEL845caviLPLE7w80sQm68ZNdpjZhbn6ZX0v9zy8nrpRCwHw8ZwsCx6b3a2SpHETvXIyU/npnjYbJ4p3PRiqOyM7p+4sHvkcTKTF49rzv8nD3jAFC7qQLXL712dbKlayp6f73P0FzNJiZ9bPNvHGaRzFBz6IAeoQTfT0uqUeF2iJTWNXE4e5xcBnGBWt9AHbky3B6Fuwr9kHwm+tqm594LiJL7i6O6D6UGaEwqid6CmV/ZX5M7idknVIqLiRJAm/WC3ONpXEhR3L5fadZjwkdOF3Tw5mD97zkXtwhPGfmtWYcxfzZxgdlvjrCKQcpy1e3l31Vm48JBMl/V/C7ByXmFVIOe7VEKe1mtgwGri6/latVArTIRhrTfawLr/bwBniOfOE/7+m8BAs9Tqqstceu/elMsDTJjCEusT7e0d7RM7njUY793p+q6Ulcwqfefa+VVS1uC4T6x3dLR3rA90WJGHBjSAFtmohQh3VbJ8NN63MUg3OLJmTfFIXWTGVgkFDUBowkJuUvuqVE6Gx21XI42ji1AruEmCFJANUpRDd6iXXMVYx5puUzL9hL2ZlcbWuiieZn7K5We9TvM+2Z1Eb+N+VF1UnA9O9K7wLRUEwKxW+tgWOiAZWfOkDaR5sZFfV7gfYUM85+KAVFNgatg7iH7IFKfnz9RD4LSJplbg1zRBg8LhW2+MVmB+ZVEGL53b3s5N52XcNWq0Hzmdm8G7a+kP8L9VcIt+d8H1A2eXOmUbAxeH+fwTjlhunUQy7N879TtnBm0LSmiatU6SpqyzivX/IchtFPt/2xX9ioxTjzk05O2Yv9gqmSTMmKBDenf91eqH1JiMoRIZ7b6lbsmURNQbaxyPiBiHPoQ/hLIX4M3A6cZly+USp1YI1AaFtEJFpOiI4aLyEII3IQgh7gCOgQIfD9lySZA7HhLPUYXlLILzNKGGmtHTliUW0Fccnfppm/tr2CFL6jEjHDHxx72iwqIBeEzM5tTNqJ1tZHhkJH4YAsC5Iz4eMP9s0m7P3aR0caKfX6LYh7ib22d+e/RK8EW0GHGc4tcw7tvgeRwhRl8M/g1y7zcWghj1XRa0rvJevrrf8RaSgLzl2F+FnHAUOU4gqyioKWL8Vq97xGMT/EUkDUnENXmmK+MuUm9Lemv6URutGARc5JF3kxMslqau5ePjN24oI2y28fEO/OyUXZMlA2cX33EnAxS/KJVlZRER2m4i1JfLhJJcbXIbkEZ4HjkyJZgaPzVFhhwmj5MOQyhHRaen+HdWqQni4uKNm5sBWCUQfCSpV6/StFJa1zCKjfM54fNl/hf/HhS+ukfyBVxv9j13dk449+TpHAVyljJJOQOhooo/THtNrmP7m8or+gfaAGgLDYFSWtatsx2nTrSva18/YbZLttsRaW+aXDf53E2a7UHNUMDRI5KLHHnv6GDNRexM29DopsUnlJcfqhdaIo6Xb2qgn1iOuQirHvimdUS8Strp5dW5sGkgdXlAR2dAowU28KmKfAYhvi1Yzz3jUKR0GUU55gCz9DXOJwcJ0cIhqmLL7qys3XvAj7OTBibddrtN8qjBXd7E3UPfEkA1OgiPoAs33yxlXtZhL0Mtm29YmI+wOtEjLU70+KdxHTZtr5ZaAjeYIifF08xZvZpj9ky5ZNRoP7KZk+J5yWJuz7FWZgVZAgMtQVm/JMqHtwRmBf1ipC92F3oZDF5CcIdEI0hfFT8/tnLl5KK1ZUWL6u5oT7Ei+mUVFeee8+vi6gAHWEAXmGYm6kJA/vP5S5eUyvCly2yxR/xpr6ELG8HLjxZTj1vVlErLE8AnbqjsBsSdtLzc8ehXwnnOgov3Tr7MGWW/07xT81TAl8+cPEMfO8lnmzp27OQx8d265PRtR2MKMn/SAZC+BsJKWC87kV6JhkFeqbciN3v0y2yJHFbcRPGN/L3XmYZEz+AVQEoKI/WSjuZAoAYIyHFfwxBnWKZr8mFQCOVwQrrPlcfYC7Dg9jb7fOCe6G+6l9H2Gyzw6+/buxPjxa5YR0cHOtRBFJVfBqK6GyGOclInVNjzAOVh1wkRzW74+wqEfAHy68DRYx+TILkiZzQ9LJhSBPkOBScCDgzatJYEYbsEkliQit1JDhBEYNmxYTDCceleibCPTGduWRrj3AnOovFoIyQaEDUCZMJScfDaolSjq/FbdqSxKG2JsU284BV4hb/uVSouBXvDibtIJBcT3eqidiGhul0ShiMaFK86Of+8S57GMc12P1srE8wXS9cZ/lUpuDphrGGbgGxWIWv9yvc7VlZe+7n8cUCFNJMF2wzCWK5Opfh3nUGq+RIt81DQahRlYbrFYYoaGk1l0QuRw0q1UO01HMH9pe+L77stiy0PPjxy8AOcIuI9lATveSgBE3Xr2RPoTIPh+LXXjt5IkZhHdB/9PxJ9iHGYboyszAC+GW8Sk0m1uyyHwe8qp9yu0Q3y1mvrMkXUX2emzq5/fKk06EmTWZJzZVHBtlzJDltZXAQVV7hw1jmopq+WvOvG6T5yxkCPguiTCBemRmSuI+fic836f26eWr5s+/HSIGjzvxHO6v+IsehzJ4rTPURpz7uxkZ/OOTg8u4Z9/l+LJ0GC1W/azeB3LHv1t2t7DqwdDhpee6BnbddYRpdJOJvJbXp8p1rSkbgZeQe/Y5Lcnx43cTNnhV2m3/ZVeNYWeMDC+bv3f2G+tG4+AlzxqntDL15KyIl03u6zX1jTXTOPXfHqn8vkLDF/94DS4BJfo4qk6Wud9FGL1Rq9nSgUBM7kLkn2qPB3AMzD0tp8eY5Mli3PrysVZ8zEp8jXJAyORbnHMpPrrLHg/DmjRruAfPmO66tJWsGwhh/B5an4mqFAYYjgavjDar7KcJynidfNgy+k+m+z4p4etFQvKR8dOFJdUFtZsTFvVWyrYQWYD09PYMexli1jxbETjgUKtNF5ywnsYxYzu8OK6DZZaamsrc+ob9om69OciB5mk8yvhpkRSVEKV4tBW3qCE86/063S+oSf88qqaszVGvUpBPM9/i4nj2anId6MLpM6nd2/rPQimCXdfKJn6CqrdQn+UfEpGWDZ/rNO0mWjbxCpOUdPusyu0YVq3SNZnUamzl0b9u9cD5zdxoa0EX3RHc2BWVBE8U/7oW0Qzz1gUSibKtTw+VozDFqeWcvnaU3KhC9AuYnuh9wXhSy6/L6PG5DcP20217hWUsSmPXtcS/RahZmy6rPekOecRRNaya4u57xtMIvoWYU5l0HvB//xwz3b9G8E6V1/i/YrBtDAcCIEiK1Ofp2yJ+Fj0t+DyIGOrb0NB2x09EcIK0VoS9IfRZb0ty3QDPmIdtkONPT2/i2lBP0uHQt/Iuv0C3ju5LrlVlZI7UdEVy7DMX/6y1wZm8xsF4aFFKylxfqm3m3c23jXEJ7pUFsbEibchiezy2a/Tuc7MnL7ER8LskNutQGf8w8vX7+YEdxsSPWK8jLohAbvfUYMexlO61TdAmvo9s8l/qniZLMkKeB2oEAbZU1KktR9M9cuzLe4p9ePKTZtkKLfOb1D44Kdu17U2FdP7H3nwfwtQxnzGxMNqADtJ4qJEWUmyn23Hwi+d8rxmFP1nrpdhPAyvNldw9S4m4H8ffaK7rU2t9zNvCW1JGX3LT35qvjNwY1Kn0fTWZJsSu06m+p+p/7rmW8Wthx89kzPUNHVk79oIz8pFm3+TdJUFD1UuPcSYF8bl8+dDHs2bJs7ob55Ugm7f3T9JsDFndAL1l473t8LuVt74yXfur0yof1mwbOl/xZEEXkrY6i1rrVKTBAkq6tj1GH5RgdFCBhdvvJYorcvJOjbY8rqa0nVrh1f9hf48cEv1Afpr2IKHpzvFiRnHxqyu/AL+c8sFwaYEoUsQxaUQ1d35d3N6w0LWZCfJV9oiXkes6/qXXn3KRZ/9yQLuEoeT41UscOEXG2EgAcOBsQlr9G790V8+bolyuiZst5kNtrpkOloS2h6SCbGiNTZPYq3S0KnoEzytbRNyfJRJ7P9wDyV5xfvShVuiaZ18PoidiWn+dUo2lHzA/zvn//U6yJx6f36tYfRWlW1Nh/oSUsHmWFnHWcpc47rWzVHmXU8cwY1ixpnFDLsGHWMcdQU6gx1kpIXgus4bdm9rmnWa/bB7VrKlKLw4a31VqgJNe24fOcQ83Omuz0z83fm0A5Io+Oco4kESUqspcyRa82JJzNOdeDk+eRJKvjLPyNHEqKXRlGiCKOjEGJUQyQlmtituAMS/kiA7IMk/MBv5/jVkvIIZJE14oq4QjIypTqUCofiMI5tVAVV5dEQ5QxI0G94ZfCqmo32JLSbMLbOdg53aA5fgJ+CFMCGd7fEsUz4JFyYIgUfSdCTdWTjGrGSiE0mNTfSkpwSSSZycqiCHEFXOK+Dz4JrvipXm8zmCmq9rD5zoeMt0oSjCvm+wBKpumZjqFpaAmSSggK1LODxqmRqVXKpgFTA0Oxrackn5RMa/U9XiVZbQMrPztb1Go0qWPVO5eUIMJPNgVKFQioF8nfKgkHTVlWao0f6vlWswkGxNx6Vhg6I/KnC/dbzaajn1W4Fg77t35xLQ8Gf+7sWDPnyc5ElPDNvOzefK8Pc7QOfbQq+kFBCKMRvJxQQFCkBU3Got9Q51HrwHPWt41iN8uFTKTefN8LL51J84GbzAQdKqMWX4msJ25EinYpFzVP/R60H/0+ddxyrGQCiNY2uadIraMxYtU1I7CPXtgloLOb4Zs+9WT6aDZ0/c/5ZHh4R68n7BWrMPp2+9y6TpLwSP9Q9iDPj2HKRs0jOVrWCIZNKa4tWWa1VhsSN9rF2MfZrBrpR+Cepu7IxHw91f6jri+w8eoBNya0u9Bv0CqOFef3iTtNA6ttDKLE79BFT7/eY5m4PvBpzcjqbl/IfXt+y9UGFp58e007/OkZgxDEoR7vZO9XCCl2a6NXM9MUy2CbKTf1NV756+YP2o/Wemgz5C1Wv/n3+Ew1aj9FizpvkQHyu2wOndlPjPAqpO/377jFz69sl0vIU7Iw3eXxT5HXGN/uJuLgleztBaOjVywjLVRZ67hQPIlFdewL5eDCVRhNl/L0aNU2ZyoqcRmXR6FuvS8f2SveMSa9v6TqPffkSu4NfZPMFXN8asNWw1fwINU2epvAr9o4E7G2tmA4ChyqZpLOEInYhuMA+/6s6FMPuY2NiJL+eZ194Vzfd5ln3LAf0JrRD+DKCjW0j/Cg2WXHIT4syHnY6bByY7H+JpE2utAq3swPGYadhIwrMPyc1G5vSE4KpLQ+jaSabys1i3bwgKFn4Sgj3Fc+4yPDU5KAFmytcLSqbiRb6W4t9vKy0a6OWHO1tEOmab3I+tRxRyZxN5IQ5m0mwsEeJV1x6rRd7LWczZr1YhsnDeEW8baHAZPufYnJJUMmOtPxGet0caPDx7kSwK/JosMBU5SKQFq6BO+U5sGFKmtOPICiOR5xYXD7h0ecxUV6Ykjqqs2WZCxZkyrJnjIg2OkMzM1fQwUGmVZ/So0SRQmGkKPqIUYcjhRk9Gk1d3h5vxPxpqE3Im07yj4Io6XGHlah5p0fCbaiWpWojvYJeCXN415A95uegRb2V9xKELXb3PZFqpPBVtQ9don54Udn26Z9s81jPv1dHx7//sGFMGN7RdOhR0OJzr6JqJ77GLDCGJIZlb6eBxys3Cz5RHJSg5vE1CUbNJ3yuaH9BHDbl2rFS7AC2cUfq4x1IEAJ5t9MJOOE57PxQCkI+3VqZTlHGEWoJfEIdu0683tr5uplOSjS14/H6rPOIdm3+a9Y/az3bEReyYjoJtey9rEFw/NXBe6huXhKPgyHSCRgOJmAaY0WqBMdjGzF6jOhMDOyidKPuDa5GBCDePHJnoJsbvTp80Y/DaBbGHcNyFtkvMDWHfI+XpERvSPPI20XflShNW70wpWTQu1PeEQrklcOnjB3vSQ0kiPWO9XP7p2SFaBPed6Sc2++lFwj0JqMeZNYJBLokItoFgVU3KZPkEvIkhX97EYNyi4ynTFAYfLR48q3gRm2UfQ+Cjeixj9JiIM4QjNZdmvCfbnbxc9n55MnOuAu95yl/x65B8CFpUiTzcwazhJnxmdm2pFx0ST+5BEukE7FCC7IwiF7EKz42lfZL4wzYwZTrYymDRqxiqf0JPhntQ2PVKetYNB+G3WHnRGWjm5BoIgrdGpWJxyfti+OMvuPGrnsN2DixspOYH/5/NqL5jDBp3tI07bOvj8sjdaWe2VfcdSXjiuz6Vsb2vNi4gghygYGNWo1txQbExeUBX5jUU8FZTAbx3NgnypfVZgvx6FghHI71uEd+NnxbPe/6NXi4jUqyRrb1Pd/dWF9dZ9rRaZNw0vi2VS1LFefhWAdhOGaZfLndBdiAtsLO2w9rvfAbunH5ruMwDt5hHDD2gnZrm8wlXmAorLJJq58cIPfOqYutm9qRavforftLmwXxS3ZMI2PzJ8VlfvreQ79+Lkr73nqxbjy2+ikmYnHFvk/otiq+kMEmOyy1jrScs/Zyvevba/vOwjVUjc5g8fWnOJS0Y4kPvh5/F4hp+NA3nMwN3A0mV36HUzFUuO+waoa6CytSKERg9Agi8jjgg+ZgEyIfkcNP81qYGKzw7nETWi8vP+m0e5fzxrjlz8BOoV33DpCj8S/zK0HWIOvVOYe+PIPksGcqIZ0QLc3V+C/2K0YuQdYD4gMIrvRBQSnPwu0ou9KtF6O/Mc4XvXTX45BQLzykH/VUN7PmIrIVb5XX+P/OW6EX0MExP2ymi8/+9GkPQ0zfjFsCiNIab8TL3ZipHih8C2EnoQU/gl8rqWvxIPDg58dLqP9TS3j7oyOPI8uszP7bqII9S77lNoDbMFEUsCfeZl+/vsdGz+3V24OK+qXNDc31FUOX2YBzmA3YDXxLQ0zH10gYag7FnCVmZziAvVTSgGFhD1PCNNznbR/GEn6oRwMaDs1E42gAXR1cjfrPsQhFjBWo5x1wNEBXGHE6DG03gCS3ZHgSnMOJpAhgyqvbTsPz4W5AdLAAzoGZyM2ked604P/CagfSqQLG630MwUTCpMD59BsIwrFLOTIjxqEDVLlkNdvLSG6XkV/9Mf0nB0VLPRYW5sP6+aUDCcX5c3pk/1CEw+YEc+NeL3Cd8U4mTHi/fwM9pjl+w5cLYTwwoZIN7ODcKp8w8l8/Dj11R9EMV0YTn9Ja6M7ekaM+/hxvnnM6zj4hYOx7DbVL0vsb1dQVpmkZMZAfhC28h5zdhuivzg2rQXDz9Lfj376szWtDTaNGf8wQZ/hnSDI2fuA//LvULvW4eHWXWrBpE9HA19HoanyIyj0VFaz+r7Q2yVjLDdWFB5S2jbiXuIeUhADCRQXvHXcigr+QP/HW8qqrudfset4J9+nTPCXSw9swDmH6Q2t9vN8UVd2nFsaB+e4psC/jsD99YvuXCXgqFU/wfLVcF4DavqlsgBbsIUv0ZGA2XXlOCVwR22aC3rjDMuAczAkyoUj0jqM4auCQROLyDUNi82jlYlaOfnv2So4BswbUBAB975eAzXiOrtf91InwOXoxBdi33qv0bbOVOekZRi6rgP1rjQUNQzzJp640Yp1p0EdRKCHydL/A98wnHN8mfyhR77nPH/SnfsUH2CnPqOEbiKYs31G9ilYvuU1+DmCpMUo4uIIowL7Q9ROk71oIzfouWKk93xarJFHOaiKwMRazCG7EEAJTzPWa1f6y/dnr3uY5D2/keuTLQgc6X1+fx7ojFm67BP+YYgOUi33xdRdjm9Aig+cYgHAqZbgbC/yg3HKhD+aDgDtv8nkhBF5BcLpM6q7x7fvBIfH6Ft9Lz6LDz3VXPuufUJgLFYkuz3/CnlR8zw2I+eCbrJKmphxzHY807zJISM9lW8S6bbj7JTtDhQiItX92HtkBvq2OtUzc9n8a9Q/tjt8nPyXx5ZmjcU5DAGlgacUB/lYtL4w4XH+vbGWA6wAEysrV4Q2xunb2r8+VOZqXkW/a5l0b7drntba/0vlfUvbSO+2aP0X1ALJZFvxpe07V9GUs1ryJgLTGjf0epEDPL5AGU0w4eMkfQQ5s+ROQBjv+LFim2XEO1FQg4OAZYM6qgd+Bsl1+D4rgxy9QdpUJBz/xR9D0wp+Asv/8WfDqCoXlwFzhIB4C8ASy6UqDgpzy9CSf7i/Q2fLQ1vUPQkR2NOftWbP/CzgIXeSJj/oiJdWoQEPzebR7YC01PlAPIrUmJf9weqpstltBw+pDAJ5ANl0Rl0RBTmVO+s/vF+hsefBk/skhUkKefnPennkwXwTntdJEjPFRXyQiq4ZDIH1D83kig10q1Pz7Xks9iKXSmgDVP5xmmZSv0PYvDndugZvdKlkx1/oNLAgOHgERjPR3Qi0UGSP8tfFAQySRKVQnmjPdheHq5s5ksTkenlweX+Al9Bb5+PqJ/SUB0sAFQbJgeUhoWLji7v7h8en55fXt/eMT4teVSxgNbm6O2h6504shp8+rKsmxmorgzPIrgzFRKLWkyVni8qgLHF0VMcHAfVUAJQRO9q2CZAPXKCoJTntOVaeZMDztO6IDU9na93G3EbKmPGVhgE2ADfX5BE725OqCjsbzJ1Oes0UYq7Rd8jUf7uZYcVfw/MWYd5s7nXKPMONxzLQUOD6M8p2E7CIwQb7sQWLCw7LzS+/ReY7P7VkCeSgaWhzxWHJMVK1SZr6Vr/pRmYZanw1gF4it7dj7HUctdtM4qDqAW8w5MuwW14vdaPMIRwU57JUaGoDNyzMVANiYISYkVzuYIhMHu9/mSDjALkcIe8820U+ptc2UeVInlBiHKcNypC5TU1kWn95xFPZJhF5RzLxEa9Nzry3nilqIKE6Y5k6epxg1p77VCPE00UXQCZsl1AuapHQszchM3BZ/77ceQiTHLRPgEgS2mLgsRzWr3j4r6Ax3ulA2Get0+Q5z/jQaygUHvAm1bU2mI7clIa0inXEgEQ7e3+TAnx9Uwv9ce5CoA8Cx94nFuWjpxcoAAAA=") format("woff2"),url(//at.alicdn.com/t/c/font_4661110_v1xpjim5cf9.woff?t=1749102210994) format("woff"),url(//at.alicdn.com/t/c/font_4661110_v1xpjim5cf9.ttf?t=1749102210994) format("truetype")
}

.iconfont {
    font-family: iconfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tishi::before {
    content: "\e648"
}

.icon-60::before {
    content: "\e692"
}

.icon-jiangzhong1::before {
    content: "\e671"
}

.icon-jiangai::before {
    content: "\e672"
}

.icon-wangxia::before {
    content: "\e632"
}

.icon-history::before {
    content: "\e605"
}

.icon-download::before {
    content: "\e602"
}

.icon-brain::before {
    content: "\e601"
}

.icon-sitemap::before {
    content: "\e600"
}

.icon-yinyong::before {
    content: "\e60a"
}

.icon-wand-magic::before {
    content: "\e7d3"
}

.icon-dengpao::before {
    content: "\e62f"
}

.icon-bg-chat::before {
    content: "\e641"
}

.icon-book-full::before {
    content: "\e895"
}

.icon-jiarugouwuche-weijiaru::before {
    content: "\e680"
}

.icon-wendangbianji1::before {
    content: "\e6e6"
}

.icon-wuxuliebiao::before {
    content: "\e612"
}

.icon-zu5::before {
    content: "\e61b"
}

.icon-zu6::before {
    content: "\e61c"
}

.icon-fanyi1::before {
    content: "\e6fb"
}

.icon-quanjingtujiexi::before {
    content: "\e64a"
}

.icon-suoxie::before {
    content: "\e6a4"
}

.icon-kuoxie::before {
    content: "\e64d"
}

.icon-runse-copy::before {
    content: "\eb7c"
}

.icon-editor-17::before {
    content: "\e604"
}

.icon-pinpai::before {
    content: "\e722"
}

.icon-liangduanduiqi::before {
    content: "\e619"
}

.icon-dai-ma::before {
    content: "\e610"
}

.icon-tu-pian::before {
    content: "\e614"
}

.icon-biao-ge::before {
    content: "\e615"
}

.icon-gong-shi::before {
    content: "\e616"
}

.icon-qjp::before {
    content: "\e68c"
}

.icon-aigc::before {
    content: "\e68d"
}

.icon-wqmf::before {
    content: "\e68e"
}

.icon-renzheng::before {
    content: "\e666"
}

.icon-znjc::before {
    content: "\e6c3"
}

.icon-qljc::before {
    content: "\e67e"
}

.icon-aijc::before {
    content: "\e7c7"
}

.icon-quan::before {
    content: "\e64f"
}

.icon-home-xz::before {
    content: "\e623"
}

.icon-free-question::before {
    content: "\e636"
}

.icon-news-ckl::before {
    content: "\e64b"
}

.icon-news-time::before {
    content: "\e647"
}

.icon-user::before {
    content: "\e646"
}

.icon-home-cjwt::before {
    content: "\e620"
}

.icon-news-hyxw::before {
    content: "\e645"
}

.icon-news-yssm::before {
    content: "\e665"
}

.icon-news-mzsm::before {
    content: "\e661"
}

.icon-news-gywm::before {
    content: "\e662"
}

.icon-news-yzzw::before {
    content: "\e65f"
}

.icon-news-qqcl::before {
    content: "\e660"
}

.icon-home-ccyhxz::before {
    content: "\e62e"
}

.icon-home-gxjg::before {
    content: "\e625"
}

.icon-home-sgccsc::before {
    content: "\e629"
}

.icon-home-wxbd::before {
    content: "\e62a"
}

.icon-home-yhfxtj::before {
    content: "\e622"
}

.icon-home-whcc::before {
    content: "\e61f"
}

.icon-free-include::before {
    content: "\e63b"
}

.icon-home-dot::before {
    content: "\e658"
}

.icon-dhq-hs::before {
    content: "\e651"
}

.icon-dhq::before {
    content: "\e8c8"
}

.icon-personal-center-zhsz::before {
    content: "\e655"
}

.icon-personal-center-xfjl::before {
    content: "\e653"
}

.icon-yinhangyouhui::before {
    content: "\e8c7"
}

.icon-tuandui1::before {
    content: "\e6eb"
}

.icon-shouyimingxi::before {
    content: "\e60b"
}

.icon-huo::before {
    content: "\e657"
}

.icon-home-tcdl::before {
    content: "\e62d"
}

.icon-home-zhsz::before {
    content: "\e626"
}

.icon-home-xfjl::before {
    content: "\e65a"
}

.icon-yinhangka::before {
    content: "\e8c0"
}

.icon-shouyimingxi_u::before {
    content: "\e603"
}

.icon-pedigree::before {
    content: "\e60e"
}

.icon-ppt-sx::before {
    content: "\e663"
}

.icon-ppt-jc::before {
    content: "\e664"
}
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}

/* 语言选择器样式 - 隐藏radio外观 */
.language-radio-group .css-radio {
    padding-left: 0;
}

.language-radio .css-radio-icon {
    display: none;
}

.language-radio .css-radio-label {
    margin-left: 0;
    padding: 4px 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: all 0.2s ease;
    font-size: 14px;
    color: #333;
}

.language-radio:first-child .css-radio-label {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.language-radio:last-child .css-radio-label {
    border-left: none;
    border-radius: 0 4px 4px 0;
    border-width: 0;
}

.language-radio:hover .css-radio-label {
    background-color: #f9f9f9;
}

.language-radio.css-radio-checked .css-radio-label {
    color: white;
    border-color: #4CAF50;
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}
.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}
.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}
.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow::before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}
.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}
.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}
:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none
}

.swiper-button-next svg,.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    top: var(--swiper-pagination-top,auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left,auto);
    right: var(--swiper-pagination-right,8px);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size,4px)
}

.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom,4px);
    height: var(--swiper-scrollbar-size,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left,auto);
    position: absolute;
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    width: var(--swiper-scrollbar-size,4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}
.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

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

/*.css-icon:hover {*/
/*    -tw-bg-opacity: 1;*/
/*    color: rgba(var(--primary-6), var(--tw-text-opacity, 1));*/
/*}*/

.css-icon-loading,.css-icon-spin {
    animation: css-loading-circle 1s linear infinite
}

@keyframes css-loading-circle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.css-icon-hover {
    cursor: pointer;
    display: inline-block;
    line-height: 12px
}

.css-icon-hover,.css-icon-hover .css-icon {
    position: relative
}

.css-icon-hover:before {
    background-color: transparent;
    border-radius: var(--border-radius-circle);
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    transition: background-color .1s linear
}

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

.css-icon-hover.css-icon-hover-disabled:before {
    opacity: 0
}

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

.css-icon-hover-size-mini {
    line-height: 12px
}

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

.css-icon-hover-size-small {
    line-height: 12px
}

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

.css-icon-hover-size-large {
    line-height: 12px
}

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

.css-icon-hover-size-huge {
    line-height: 12px
}

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

.fade-in-standard-appear-from,.fade-in-standard-enter-from {
    opacity: 0
}

.fade-in-standard-appear-to,.fade-in-standard-enter-to {
    opacity: 1
}

.fade-in-standard-appear-active,.fade-in-standard-enter-active {
    transition: opacity .3s cubic-bezier(.34,.69,.1,1)
}

.fade-in-standard-leave-from {
    opacity: 1
}

.fade-in-standard-leave-to {
    opacity: 0
}

.fade-in-standard-leave-active {
    transition: opacity .3s cubic-bezier(.34,.69,.1,1)
}

.fade-in-appear-from,.fade-in-enter-from {
    opacity: 0
}

.fade-in-appear-to,.fade-in-enter-to {
    opacity: 1
}

.fade-in-appear-active,.fade-in-enter-active {
    transition: opacity .1s linear
}

.fade-in-leave-from {
    opacity: 1
}

.fade-in-leave-to {
    opacity: 0
}

.fade-in-leave-active {
    transition: opacity .1s linear
}

.zoom-in-appear-from,.zoom-in-enter-from {
    opacity: 0;
    transform: scale(.5)
}

.zoom-in-appear-to,.zoom-in-enter-to {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-appear-active,.zoom-in-enter-active {
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)
}

.zoom-in-leave-from {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-leave-to {
    opacity: 0;
    transform: scale(.5)
}

.zoom-in-leave-active {
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)
}

.zoom-in-fade-out-appear-from,.zoom-in-fade-out-enter-from {
    opacity: 0;
    transform: scale(.5)
}

.zoom-in-fade-out-appear-to,.zoom-in-fade-out-enter-to {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-fade-out-appear-active,.zoom-in-fade-out-enter-active {
    transition: opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)
}

.zoom-in-fade-out-leave-from {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-fade-out-leave-to {
    opacity: 0;
    transform: scale(.5)
}

.zoom-in-fade-out-leave-active {
    transition: opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)
}

.zoom-in-big-appear-from,.zoom-in-big-enter-from {
    opacity: 0;
    transform: scale(.5)
}

.zoom-in-big-appear-to,.zoom-in-big-enter-to {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-big-appear-active,.zoom-in-big-enter-active {
    transition: opacity .2s linear,transform .2s linear
}

.zoom-in-big-leave-from {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-big-leave-to {
    opacity: 0;
    transform: scale(.2)
}

.zoom-in-big-leave-active {
    transition: opacity .2s linear,transform .2s linear
}

.zoom-in-left-appear-from,.zoom-in-left-enter-from {
    opacity: .1;
    transform: scale(.1)
}

.zoom-in-left-appear-to,.zoom-in-left-enter-to {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-left-appear-active,.zoom-in-left-enter-active {
    transform-origin: 0 50%;
    transition: opacity .3s linear,transform .3s cubic-bezier(.3,1.3,.3,1)
}

.zoom-in-left-leave-from {
    opacity: 1;
    transform: scale(1)
}

.zoom-in-left-leave-to {
    opacity: .1;
    transform: scale(.1)
}

.zoom-in-left-leave-active {
    transform-origin: 0 50%;
    transition: opacity .3s linear,transform .3s cubic-bezier(.3,1.3,.3,1)
}

.zoom-in-top-appear-from,.zoom-in-top-enter-from {
    opacity: 0;
    transform: scaleY(.8) translateZ(0)
}

.zoom-in-top-appear-to,.zoom-in-top-enter-to {
    opacity: 1;
    transform: scaleY(1) translateZ(0)
}

.zoom-in-top-appear-active,.zoom-in-top-enter-active {
    transform-origin: 0 0;
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

.zoom-in-top-leave-from {
    opacity: 1;
    transform: scaleY(1) translateZ(0)
}

.zoom-in-top-leave-to {
    opacity: 0;
    transform: scaleY(.8) translateZ(0)
}

.zoom-in-top-leave-active {
    transform-origin: 0 0;
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

.zoom-in-bottom-appear-from,.zoom-in-bottom-enter-from {
    opacity: 0;
    transform: scaleY(.8) translateZ(0)
}

.zoom-in-bottom-appear-to,.zoom-in-bottom-enter-to {
    opacity: 1;
    transform: scaleY(1) translateZ(0)
}

.zoom-in-bottom-appear-active,.zoom-in-bottom-enter-active {
    transform-origin: 100% 100%;
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

.zoom-in-bottom-leave-from {
    opacity: 1;
    transform: scaleY(1) translateZ(0)
}

.zoom-in-bottom-leave-to {
    opacity: 0;
    transform: scaleY(.8) translateZ(0)
}

.zoom-in-bottom-leave-active {
    transform-origin: 100% 100%;
    transition: transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)
}

.slide-dynamic-origin-appear-from,.slide-dynamic-origin-enter-from {
    opacity: 0;
    transform: scaleY(.9);
    transform-origin: 0 0
}

.slide-dynamic-origin-appear-to,.slide-dynamic-origin-enter-to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0
}

.slide-dynamic-origin-appear-active,.slide-dynamic-origin-enter-active {
    transition: transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)
}

.slide-dynamic-origin-leave-from {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0
}

.slide-dynamic-origin-leave-to {
    opacity: 0;
    transform: scaleY(.9);
    transform-origin: 0 0
}

.slide-dynamic-origin-leave-active {
    transition: transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)
}

.slide-left-appear-from,.slide-left-enter-from {
    transform: translateX(-100%)
}

.slide-left-appear-to,.slide-left-enter-to {
    transform: translateX(0)
}

.slide-left-appear-active,.slide-left-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-left-leave-from {
    transform: translateX(0)
}

.slide-left-leave-to {
    transform: translateX(-100%)
}

.slide-left-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-right-appear-from,.slide-right-enter-from {
    transform: translateX(100%)
}

.slide-right-appear-to,.slide-right-enter-to {
    transform: translateX(0)
}

.slide-right-appear-active,.slide-right-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-right-leave-from {
    transform: translateX(0)
}

.slide-right-leave-to {
    transform: translateX(100%)
}

.slide-right-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-top-appear-from,.slide-top-enter-from {
    transform: translateY(-100%)
}

.slide-top-appear-to,.slide-top-enter-to {
    transform: translateY(0)
}

.slide-top-appear-active,.slide-top-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-top-leave-from {
    transform: translateY(0)
}

.slide-top-leave-to {
    transform: translateY(-100%)
}

.slide-top-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-bottom-appear-from,.slide-bottom-enter-from {
    transform: translateY(100%)
}

.slide-bottom-appear-to,.slide-bottom-enter-to {
    transform: translateY(0)
}

.slide-bottom-appear-active,.slide-bottom-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-bottom-leave-from {
    transform: translateY(0)
}

.slide-bottom-leave-to {
    transform: translateY(100%)
}

.slide-bottom-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

body[css-theme=dark] {
    --color-white: hsla(0,0%,100%,.9)
}

body {
    font-size: 14px
}

.css-trigger-wrapper {
    display: inline-block
}

.css-trigger-popup {
    position: absolute;
    z-index: 1000
}

.css-trigger-arrow {
    background-color: var(--color-bg-5);
    box-sizing: border-box;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    width: 8px;
    z-index: -1
}

.css-trigger-popup[trigger-placement=tl] .css-trigger-arrow,.css-trigger-popup[trigger-placement=top] .css-trigger-arrow,.css-trigger-popup[trigger-placement=tr] .css-trigger-arrow {
    border-bottom-right-radius: var(--border-radius-small);
    border-left: none;
    border-top: none
}

.css-trigger-popup[trigger-placement=bl] .css-trigger-arrow,.css-trigger-popup[trigger-placement=bottom] .css-trigger-arrow,.css-trigger-popup[trigger-placement=br] .css-trigger-arrow {
    border-bottom: none;
    border-right: none;
    border-top-left-radius: var(--border-radius-small)
}

.css-trigger-popup[trigger-placement=lb] .css-trigger-arrow,.css-trigger-popup[trigger-placement=left] .css-trigger-arrow,.css-trigger-popup[trigger-placement=lt] .css-trigger-arrow {
    border-bottom: none;
    border-left: none;
    border-top-right-radius: var(--border-radius-small)
}

.css-trigger-popup[trigger-placement=rb] .css-trigger-arrow,.css-trigger-popup[trigger-placement=right] .css-trigger-arrow,.css-trigger-popup[trigger-placement=rt] .css-trigger-arrow {
    border-bottom-left-radius: var(--border-radius-small);
    border-right: none;
    border-top: none
}

.css-auto-tooltip {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-input-label {
    background-color: var(--color-fill-2);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.css-input-label.css-input-label-search {
    cursor: text
}

.css-input-label.css-input-label-search .css-input-label-value {
    pointer-events: none
}

.css-input-label:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-input-label.css-input-label-focus,.css-input-label:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
    z-index: 1
}

.css-input-label.css-input-label-disabled {
    cursor: not-allowed
}

.css-input-label.css-input-label-disabled,.css-input-label.css-input-label-disabled:hover {
    background-color: var(--color-fill-2);
    border-color: transparent;
    color: var(--color-text-4)
}

.css-input-label.css-input-label-disabled .css-input-label-prefix,.css-input-label.css-input-label-disabled .css-input-label-suffix {
    color: inherit
}

.css-input-label.css-input-label-error {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-input-label.css-input-label-error:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-input-label.css-input-label-error.css-input-label-focus,.css-input-label.css-input-label-error:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
    z-index: 1
}

.css-input-label .css-input-label-prefix,.css-input-label .css-input-label-suffix {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.css-input-label .css-input-label-prefix>svg,.css-input-label .css-input-label-suffix>svg {
    font-size: 14px
}

.css-input-label .css-input-label-prefix {
    color: var(--color-text-2);
    padding-right: 12px
}

.css-input-label .css-input-label-suffix {
    color: var(--color-text-2);
    padding-left: 12px
}

.css-input-label .css-input-label-suffix .css-feedback-icon {
    display: inline-flex
}

.css-input-label .css-input-label-suffix .css-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.css-input-label .css-input-label-suffix .css-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.css-input-label .css-input-label-suffix .css-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.css-input-label .css-input-label-suffix .css-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.css-input-label .css-input-label-clear-btn {
    align-self: center;
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px;
    visibility: hidden
}

.css-input-label .css-input-label-clear-btn>svg {
    position: relative;
    transition: color .1s linear
}

.css-input-label:hover .css-input-label-clear-btn {
    visibility: visible
}

.css-input-label:not(.css-input-label-focus) .css-input-label-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.css-input-label .css-input-label-input {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: inherit;
    line-height: 1.5715;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.css-input-label .css-input-label-input::-moz-placeholder {
    color: var(--color-text-3)
}

.css-input-label .css-input-label-input::placeholder {
    color: var(--color-text-3)
}

.css-input-label .css-input-label-input[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.css-input-label .css-input-label-input[disabled]::placeholder {
    color: var(--color-text-4)
}

.css-input-label .css-input-label-input[disabled] {
    -webkit-text-fill-color: var(--color-text-4)
}

.css-input-label .css-input-label-input-hidden {
    position: absolute;
    width: 0
}

.css-input-label .css-input-label-value {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.css-input-label .css-input-label-value:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.css-input-label .css-input-label-value-hidden {
    display: none
}

.css-input-label.css-input-label-size-mini .css-input-label-input,.css-input-label.css-input-label-size-mini .css-input-label-value {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 1px;
    padding-top: 1px
}

.css-input-label.css-input-label-size-mini .css-input-label-value {
    min-height: 22px
}

.css-input-label.css-input-label-size-medium .css-input-label-input,.css-input-label.css-input-label-size-medium .css-input-label-value {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 4px;
    padding-top: 4px
}

.css-input-label.css-input-label-size-medium .css-input-label-value {
    min-height: 30px
}

.css-input-label.css-input-label-size-small .css-input-label-input,.css-input-label.css-input-label-size-small .css-input-label-value {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 2px;
    padding-top: 2px
}

.css-input-label.css-input-label-size-small .css-input-label-value {
    min-height: 26px
}

.css-input-label.css-input-label-size-large .css-input-label-input,.css-input-label.css-input-label-size-large .css-input-label-value {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 6px;
    padding-top: 6px
}

.css-input-label.css-input-label-size-large .css-input-label-value {
    min-height: 34px
}

.css-picker {
    align-items: center;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: inline-flex;
    line-height: 1.5715;
    padding: 4px 11px 4px 4px;
    position: relative;
    transition: all .1s linear
}

.css-picker-input {
    display: inline-flex;
    flex: 1
}

.css-picker input {
    background-color: transparent;
    border: none;
    color: var(--color-text-2);
    line-height: 1.5715;
    outline: none;
    padding: 0 0 0 8px;
    text-align: left;
    transition: all .1s linear;
    width: 100%
}

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

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

.css-picker input[disabled] {
    -webkit-text-fill-color: var(--color-text-4)
}

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

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

.css-picker-suffix {
    align-items: center;
    display: inline-flex;
    margin-left: 4px
}

.css-picker-suffix .css-feedback-icon {
    display: inline-flex
}

.css-picker-suffix .css-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.css-picker-suffix .css-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.css-picker-suffix .css-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.css-picker-suffix .css-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.css-picker-suffix .css-feedback-icon {
    margin-left: 4px
}

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

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

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

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

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

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

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

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

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

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

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

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

.css-picker-focused.css-picker-error {
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.css-picker-focused .css-picker-input-active input,.css-picker-focused:hover .css-picker-input-active input {
    background: var(--color-fill-2)
}

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

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

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

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

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

.css-picker-disabled .css-picker-separator,.css-picker-disabled .css-picker-suffix-icon {
    color: var(--color-text-4)
}

.css-picker-size-mini {
    height: 24px
}

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

.css-picker-size-small {
    height: 28px
}

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

.css-picker-size-medium {
    height: 32px
}

.css-picker-size-medium input {
    font-size: 14px
}

.css-picker-size-large {
    height: 36px
}

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

.css-select-view-single {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.css-select-view-single.css-select-view-search {
    cursor: text
}

.css-select-view-single.css-select-view-search .css-select-view-value {
    pointer-events: none
}

.css-select-view-single:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-select-view-single.css-select-view-focus,.css-select-view-single:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
    z-index: 1
}

.css-select-view-single.css-select-view-disabled {
    cursor: not-allowed
}

.css-select-view-single.css-select-view-disabled,.css-select-view-single.css-select-view-disabled:hover {
    background-color: var(--color-fill-2);
    border-color: transparent;
    color: var(--color-text-4)
}

.css-select-view-single.css-select-view-disabled .css-select-view-prefix,.css-select-view-single.css-select-view-disabled .css-select-view-suffix {
    color: inherit
}

.css-select-view-single.css-select-view-error {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-select-view-single.css-select-view-error:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-select-view-single.css-select-view-error.css-select-view-single-focus,.css-select-view-single.css-select-view-error:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
    z-index: 1
}

.css-select-view-single .css-select-view-prefix,.css-select-view-single .css-select-view-suffix {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    margin-right: 10px;
}

.css-select-view-single .css-select-view-prefix>svg,.css-select-view-single .css-select-view-suffix>svg {
    font-size: 14px
}

.css-select-view-single .css-select-view-prefix {
    color: var(--color-text-2);
    padding-right: 12px
}

.css-select-view-single .css-select-view-suffix {
    color: var(--color-text-2);
    padding-left: 12px
}

.css-select-view-single .css-select-view-suffix .css-feedback-icon {
    display: inline-flex
}

.css-select-view-single .css-select-view-suffix .css-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.css-select-view-single .css-select-view-suffix .css-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.css-select-view-single .css-select-view-suffix .css-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.css-select-view-single .css-select-view-suffix .css-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.css-select-view-single .css-select-view-clear-btn {
    align-self: center;
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px;
    visibility: hidden
}

.css-select-view-single .css-select-view-clear-btn>svg {
    position: relative;
    transition: color .1s linear
}

.css-select-view-single:hover .css-select-view-clear-btn {
    visibility: visible
}

.css-select-view-single:not(.css-select-view-focus) .css-select-view-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.css-select-view-single .css-select-view-input {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: inherit;
    line-height: 1.5715;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.css-select-view-single .css-select-view-input::-moz-placeholder {
    color: var(--color-text-3)
}

.css-select-view-single .css-select-view-input::placeholder {
    color: var(--color-text-3)
}

.css-select-view-single .css-select-view-input[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.css-select-view-single .css-select-view-input[disabled]::placeholder {
    color: var(--color-text-4)
}

.css-select-view-single .css-select-view-input[disabled] {
    -webkit-text-fill-color: var(--color-text-4)
}

.css-select-view-single .css-select-view-input-hidden {
    position: absolute;
    width: 0
}

.css-select-view-single .css-select-view-value {
    align-items: center;
    margin-left: 10px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.css-select-view-single .css-select-view-value:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.css-select-view-single .css-select-view-value-hidden {
    display: none
}

.css-select-view-single.css-select-view-size-mini .css-select-view-input,.css-select-view-single.css-select-view-size-mini .css-select-view-value {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 1px;
    padding-top: 1px
}

.css-select-view-single.css-select-view-size-mini .css-select-view-value {
    min-height: 22px
}

.css-select-view-single.css-select-view-size-medium .css-select-view-input,.css-select-view-single.css-select-view-size-medium .css-select-view-value {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 4px;
    padding-top: 4px
}

.css-select-view-single.css-select-view-size-medium .css-select-view-value {
    min-height: 30px
}

.css-select-view-single.css-select-view-size-small .css-select-view-input,.css-select-view-single.css-select-view-size-small .css-select-view-value {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 2px;
    padding-top: 2px
}

.css-select-view-single.css-select-view-size-small .css-select-view-value {
    min-height: 26px
}

.css-select-view-single.css-select-view-size-large .css-select-view-input,.css-select-view-single.css-select-view-size-large .css-select-view-value {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 6px;
    padding-top: 6px
}

.css-select-view-single.css-select-view-size-large .css-select-view-value {
    min-height: 34px
}

.css-select-view-multiple {
    background-color: var(--color-fill-2);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    display: inline-flex;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.css-select-view-multiple:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-select-view-multiple.css-select-view-focus,.css-select-view-multiple:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
    z-index: 1
}

.css-select-view-multiple.css-select-view-disabled {
    cursor: not-allowed
}

.css-select-view-multiple.css-select-view-disabled,.css-select-view-multiple.css-select-view-disabled:hover {
    background-color: var(--color-fill-2);
    border-color: transparent;
    color: var(--color-text-4)
}

.css-select-view-multiple.css-select-view-disabled .css-select-view-prefix,.css-select-view-multiple.css-select-view-disabled .css-select-view-suffix {
    color: inherit
}

.css-select-view-multiple.css-select-view-error {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-select-view-multiple.css-select-view-error:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-select-view-multiple.css-select-view-error.css-select-view-multiple-focus,.css-select-view-multiple.css-select-view-error:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
    z-index: 1
}

.css-select-view-multiple .css-select-view-prefix,.css-select-view-multiple .css-select-view-suffix {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.css-select-view-multiple .css-select-view-prefix>svg,.css-select-view-multiple .css-select-view-suffix>svg {
    font-size: 14px
}

.css-select-view-multiple .css-select-view-prefix {
    color: var(--color-text-2);
    padding-right: 12px
}

.css-select-view-multiple .css-select-view-suffix {
    color: var(--color-text-2);
    padding-left: 12px
}

.css-select-view-multiple .css-select-view-suffix .css-feedback-icon {
    display: inline-flex
}

.css-select-view-multiple .css-select-view-suffix .css-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.css-select-view-multiple .css-select-view-suffix .css-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.css-select-view-multiple .css-select-view-suffix .css-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.css-select-view-multiple .css-select-view-suffix .css-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.css-select-view-multiple .css-select-view-clear-btn {
    align-self: center;
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px;
    visibility: hidden
}

.css-select-view-multiple .css-select-view-clear-btn>svg {
    position: relative;
    transition: color .1s linear
}

.css-select-view-multiple:hover .css-select-view-clear-btn {
    visibility: visible
}

.css-select-view-multiple:not(.css-select-view-focus) .css-select-view-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.css-select-view-multiple.css-select-view-has-tag {
    padding-left: 4px;
    padding-right: 4px
}

.css-select-view-multiple.css-select-view-has-prefix {
    padding-left: 12px
}

.css-select-view-multiple.css-select-view-has-suffix {
    padding-right: 12px
}

.css-select-view-multiple .css-select-view-inner {
    flex: 1;
    line-height: 0;
    overflow: hidden
}

.css-select-view-multiple .css-select-view-inner .css-select-view-tag {
    align-items: center;
    background-color: var(--color-bg-2);
    border-color: var(--color-fill-3);
    color: var(--color-text-1);
    display: inline-flex;
    font-size: 12px;
    margin-right: 4px;
    white-space: pre-wrap;
    word-break: break-word
}

.css-select-view-multiple .css-select-view-inner .css-select-view-tag .css-icon-hover:hover:before {
    background-color: var(--color-fill-2)
}

.css-select-view-multiple .css-select-view-inner .css-select-view-tag.css-tag-custom-color {
    color: var(--color-white)
}

.css-select-view-multiple .css-select-view-inner .css-select-view-tag.css-tag-custom-color .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: hsla(0,0%,100%,.2)
}

.css-select-view-multiple .css-select-view-inner .css-select-view-input {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: inherit;
    line-height: 1.5715;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box
}

.css-select-view-multiple .css-select-view-inner .css-select-view-input::-moz-placeholder {
    color: var(--color-text-3)
}

.css-select-view-multiple .css-select-view-inner .css-select-view-input::placeholder {
    color: var(--color-text-3)
}

.css-select-view-multiple .css-select-view-inner .css-select-view-input[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.css-select-view-multiple .css-select-view-inner .css-select-view-input[disabled]::placeholder {
    color: var(--color-text-4)
}

.css-select-view-multiple .css-select-view-inner .css-select-view-input[disabled] {
    -webkit-text-fill-color: var(--color-text-4)
}

.css-select-view-multiple .css-select-view-mirror {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre
}

.css-select-view-multiple.css-select-view-focus .css-select-view-tag {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-2)
}

.css-select-view-multiple.css-select-view-focus .css-select-view-tag .css-icon-hover:hover:before {
    background-color: var(--color-fill-3)
}

.css-select-view-multiple.css-select-view-disabled .css-select-view-tag {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-3);
    color: var(--color-text-4)
}

.css-select-view-multiple.css-select-view-disabled-input,.css-select-view-multiple.css-select-view-readonly {
    cursor: default
}

.css-select-view-multiple.css-select-view-size-mini {
    font-size: 12px
}

.css-select-view-multiple.css-select-view-size-mini .css-select-view-inner {
    padding-bottom: 0;
    padding-top: 0
}

.css-select-view-multiple.css-select-view-size-mini .css-select-view-input,.css-select-view-multiple.css-select-view-size-mini .css-select-view-tag {
    height: auto;
    line-height: 18px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 20px;
    vertical-align: middle
}

.css-select-view-multiple.css-select-view-size-medium {
    font-size: 14px
}

.css-select-view-multiple.css-select-view-size-medium .css-select-view-inner {
    padding-bottom: 2px;
    padding-top: 2px
}

.css-select-view-multiple.css-select-view-size-medium .css-select-view-input,.css-select-view-multiple.css-select-view-size-medium .css-select-view-tag {
    height: auto;
    line-height: 22px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 24px;
    vertical-align: middle
}

.css-select-view-multiple.css-select-view-size-small {
    font-size: 14px
}

.css-select-view-multiple.css-select-view-size-small .css-select-view-inner {
    padding-bottom: 2px;
    padding-top: 2px
}

.css-select-view-multiple.css-select-view-size-small .css-select-view-input,.css-select-view-multiple.css-select-view-size-small .css-select-view-tag {
    height: auto;
    line-height: 18px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 20px;
    vertical-align: middle
}

.css-select-view-multiple.css-select-view-size-large {
    font-size: 14px
}

.css-select-view-multiple.css-select-view-size-large .css-select-view-inner {
    padding-bottom: 2px;
    padding-top: 2px
}

.css-select-view-multiple.css-select-view-size-large .css-select-view-input,.css-select-view-multiple.css-select-view-size-large .css-select-view-tag {
    height: auto;
    line-height: 26px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 28px;
    vertical-align: middle
}

.css-select-view-multiple.css-select-view-disabled-input {
    cursor: pointer
}

.css-select-view.css-select-view-borderless {
    background: none;
    border: none;
    box-shadow: none
}

.css-select-view-suffix .css-feedback-icon {
    margin-left: 4px
}

.css-select-view-clear-btn svg,.css-select-view-icon svg {
    display: block;
    font-size: 12px
}

.css-select-view-opened .css-select-view-arrow-icon {
    transform: rotate(180deg)
}

.css-select-view-expand-icon {
    transform: rotate(-45deg)
}

.css-select-view-clear-btn {
    cursor: pointer;
    display: none
}

.css-select-view:hover .css-select-view-clear-btn {
    display: block
}

.css-select-view:hover .css-select-view-clear-btn~* {
    display: none
}

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

.css-alert {
    align-items: center;
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    line-height: 1.5715;
    overflow: hidden;
    padding: 8px 15px;
    text-align: left;
    width: 100%
}

.css-alert-with-title {
    align-items: flex-start;
    padding: 15px
}

.css-alert-center {
    justify-content: center
}

.css-alert-center .css-alert-body {
    flex: initial
}

.css-alert-normal {
    background-color: var(--color-neutral-2);
    border: 1px solid transparent
}

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

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

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

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

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

.css-alert-body {
    flex: 1;
    position: relative
}

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

.css-alert-normal .css-alert-content,.css-alert-normal .css-alert-title {
    color: var(--color-text-1)
}

.css-alert-normal.css-alert-with-title .css-alert-content {
    color: var(--color-text-2)
}

.css-alert-info .css-alert-content,.css-alert-info .css-alert-title {
    color: var(--color-text-1)
}

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

.css-alert-success .css-alert-content,.css-alert-success .css-alert-title {
    color: var(--color-text-1)
}

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

.css-alert-warning .css-alert-content,.css-alert-warning .css-alert-title {
    color: var(--color-text-1)
}

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

.css-alert-error .css-alert-content,.css-alert-error .css-alert-title {
    color: var(--color-text-1)
}

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

.css-alert-icon {
    margin-right: 8px
}

.css-alert-icon svg {
    font-size: 16px;
    vertical-align: -3px
}

.css-alert-with-title .css-alert-icon svg {
    font-size: 18px;
    vertical-align: -5px
}

.css-alert-normal .css-alert-icon svg {
    color: var(--color-neutral-4)
}

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

.css-alert-success .css-alert-icon svg {
    color: rgb(var(--success-6))
}

.css-alert-warning .css-alert-icon svg {
    color: rgb(var(--warning-6))
}

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

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

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

.css-alert-action,.css-alert-action+.css-alert-close-btn {
    margin-left: 8px
}

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

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

.css-anchor-line-slider {
    background-color: rgb(var(--primary-6));
    height: 12px;
    left: 0;
    margin-top: 9.0005px;
    position: absolute;
    top: 0;
    transition: top .2s cubic-bezier(.34,.69,.1,1);
    width: 2px;
    z-index: 1
}

.css-anchor-list {
    list-style: none;
    margin-bottom: 0;
    margin-left: 4px;
    margin-top: 0;
    padding-left: 0;
    position: relative
}

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

.css-anchor-sublist {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0
}

.css-anchor-link-item {
    margin-bottom: 2px
}

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

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

.css-anchor-link-active>.css-anchor-link {
    color: var(--color-text-1);
    font-weight: 500;
    transition: all .1s linear
}

.css-anchor-link-item .css-anchor-link-item {
    margin-left: 16px
}

.css-anchor-line-less .css-anchor-list {
    margin-left: 0
}

.css-anchor-line-less .css-anchor-list:before {
    display: none
}

.css-anchor-line-less .css-anchor-link-active>.css-anchor-link {
    background-color: var(--color-fill-2);
    color: rgb(var(--primary-6));
    font-weight: 500
}

.css-autocomplete-popup .css-select-popup {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

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

.css-autocomplete-popup .css-select-popup .css-select-option {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px
}

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

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

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

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

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

.css-avatar-circle,.css-avatar-circle .css-avatar-image {
    border-radius: var(--border-radius-circle)
}

.css-avatar-circle .css-avatar-image {
    overflow: hidden
}

.css-avatar-square,.css-avatar-square .css-avatar-image {
    border-radius: var(--border-radius-medium)
}

.css-avatar-square .css-avatar-image {
    overflow: hidden
}

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

.css-avatar-image {
    display: inline-block;
    height: 100%;
    width: 100%
}

.css-avatar-image-icon {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

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

.css-avatar-trigger-icon-button {
    background-color: var(--color-neutral-2);
    border-radius: var(--border-radius-circle);
    bottom: -4px;
    color: var(--color-fill-4);
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -4px;
    text-align: center;
    transition: background-color .1s linear;
    width: 20px;
    z-index: 1
}

.css-avatar-trigger-icon-mask {
    align-items: center;
    background-color: rgba(29,33,41,.6);
    border-radius: var(--border-radius-medium);
    color: var(--color-white);
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .1s linear;
    width: 100%;
    z-index: 0
}

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

.css-avatar-with-trigger-icon {
    cursor: pointer
}

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

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

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

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

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

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

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

.css-back-top {
    bottom: 24px;
    position: fixed;
    right: 24px;
    z-index: 100
}

.css-back-top-btn {
    background-color: rgb(var(--primary-6));
    border: none;
    border-radius: var(--border-radius-circle);
    color: var(--color-white);
    cursor: pointer;
    font-size: 12px;
    height: 40px;
    outline: none;
    text-align: center;
    transition: all .2s linear;
    width: 40px
}

.css-back-top-btn:hover {
    background-color: rgb(var(--primary-5))
}

.css-back-top-btn svg {
    font-size: 14px
}

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

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

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

.css-badge-number,.css-badge-text {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 6px
}

.css-badge-dot,.css-badge-number,.css-badge-text {
    background-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 2px var(--color-bg-2)
}

.css-badge-dot {
    border-radius: var(--border-radius-circle);
    height: 6px;
    width: 6px
}

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

.css-badge-status-wrapper {
    align-items: center;
    display: inline-flex
}

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

.css-badge-status-normal {
    background-color: var(--color-fill-4)
}

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

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

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

.css-badge-color-red,.css-badge-status-danger {
    background-color: rgb(var(--danger-6))
}

.css-badge-color-orangered {
    background-color: #f77234
}

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

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

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

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

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

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

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

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

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

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

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

.css-badge-number-text {
    animation: css-badge-scale .5s cubic-bezier(.3,1.3,.3,1);
    display: inline-block
}

@keyframes css-badge-scale {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

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

.badge-zoom-appear-active,.badge-zoom-enter-active {
    transition: opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)
}

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

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

.css-breadcrumb {
    align-items: center;
    display: inline-flex;
    font-size: 14px
}

.css-breadcrumb,.css-breadcrumb-icon,.css-breadcrumb-item {
    color: var(--color-text-2)
}

.css-breadcrumb-item {
    display: inline-block;
    line-height: 24px;
    padding: 0 4px;
    vertical-align: middle
}

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

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

.css-breadcrumb-item a:hover {
    background-color: var(--color-fill-2);
    color: rgb(var(--link-6))
}

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

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

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

.css-breadcrumb-item-with-dropdown {
    cursor: pointer
}

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

.css-breadcrumb-item-dropdown-icon-active svg {
    transform: rotate(180deg)
}

.css-btn {
    align-items: center;
    -webkit-appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    justify-content: center;
    line-height: 1.5715;
    outline: none;
    position: relative;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

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

.css-btn:active {
    transition: none
}

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

.css-btn-long {
    display: flex;
    width: 100%
}

.css-btn-link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-decoration: none
}

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

.css-btn-link:hover {
    text-decoration: none
}

.css-btn-link.css-btn-only-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    vertical-align: top
}

.css-btn.css-btn-only-icon .css-btn-icon {
    display: flex;
    justify-content: center
}

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

.css-btn-loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    display: block;
    left: -1px;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .1s linear;
    z-index: 1
}

.css-btn-loading-fixed-width {
    transition: none
}

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

.css-btn-outline,.css-btn-outline[type=button],.css-btn-outline[type=submit] {
    background-color: transparent;
    border: 1px solid rgb(var(--primary-6));
    color: rgb(var(--primary-6))
}

.css-btn-outline:hover,.css-btn-outline[type=button]:hover,.css-btn-outline[type=submit]:hover {
    background-color: transparent;
    border-color: rgb(var(--primary-5));
    color: rgb(var(--primary-5))
}

.css-btn-outline:focus-visible,.css-btn-outline[type=button]:focus-visible,.css-btn-outline[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--primary-3))
}

.css-btn-outline:active,.css-btn-outline[type=button]:active,.css-btn-outline[type=submit]:active {
    background-color: transparent;
    border-color: rgb(var(--primary-7));
    color: rgb(var(--primary-7))
}

.css-btn-outline.css-btn-loading,.css-btn-outline[type=button].css-btn-loading,.css-btn-outline[type=submit].css-btn-loading {
    background-color: transparent;
    border: 1px solid rgb(var(--primary-6));
    color: rgb(var(--primary-6))
}

.css-btn-outline.css-btn-disabled,.css-btn-outline[type=button].css-btn-disabled,.css-btn-outline[type=submit].css-btn-disabled {
    background-color: transparent;
    border: 1px solid var(--color-primary-light-3);
    color: var(--color-primary-light-3);
    cursor: not-allowed
}

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

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

.css-btn-outline.css-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

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

.css-btn-outline.css-btn-status-warning.css-btn-loading {
    background-color: transparent;
    border-color: rgb(var(--warning-6));
    color: rgb(var(--warning-6))
}

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

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

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

.css-btn-outline.css-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

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

.css-btn-outline.css-btn-status-danger.css-btn-loading {
    background-color: transparent;
    border-color: rgb(var(--danger-6));
    color: rgb(var(--danger-6))
}

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

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

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

.css-btn-outline.css-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

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

.css-btn-outline.css-btn-status-success.css-btn-loading {
    background-color: transparent;
    border-color: rgb(var(--success-6));
    color: rgb(var(--success-6))
}

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

.css-btn-primary,.css-btn-primary[type=button],.css-btn-primary[type=submit] {
    background-color: rgb(var(--primary-6));
    border: 1px solid transparent;
    color: #fff
}

.css-btn-primary:hover,.css-btn-primary[type=button]:hover,.css-btn-primary[type=submit]:hover {
    background-color: rgb(var(--primary-5));
    border-color: transparent;
    color: #fff
}

.css-btn-primary:focus-visible,.css-btn-primary[type=button]:focus-visible,.css-btn-primary[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--primary-3))
}

.css-btn-primary:active,.css-btn-primary[type=button]:active,.css-btn-primary[type=submit]:active {
    background-color: rgb(var(--primary-7));
    border-color: transparent;
    color: #fff
}

.css-btn-primary.css-btn-loading,.css-btn-primary[type=button].css-btn-loading,.css-btn-primary[type=submit].css-btn-loading {
    background-color: rgb(var(--primary-6));
    border: 1px solid transparent;
    color: #fff
}

.css-btn-primary.css-btn-disabled,.css-btn-primary[type=button].css-btn-disabled,.css-btn-primary[type=submit].css-btn-disabled {
    background-color: var(--color-primary-light-3);
    border: 1px solid transparent;
    color: #fff;
    cursor: not-allowed
}

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

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

.css-btn-primary.css-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

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

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

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

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

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

.css-btn-primary.css-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

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

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

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

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

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

.css-btn-primary.css-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

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

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

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

.css-btn-secondary,.css-btn-secondary[type=button],.css-btn-secondary[type=submit] {
    background-color: var(--color-secondary);
    border: 1px solid transparent;
    color: var(--color-text-2)
}

.css-btn-secondary:hover,.css-btn-secondary[type=button]:hover,.css-btn-secondary[type=submit]:hover {
    background-color: var(--color-secondary-hover);
    border-color: transparent;
    color: var(--color-text-2)
}

.css-btn-secondary:focus-visible,.css-btn-secondary[type=button]:focus-visible,.css-btn-secondary[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em var(--color-neutral-4)
}

.css-btn-secondary:active,.css-btn-secondary[type=button]:active,.css-btn-secondary[type=submit]:active {
    background-color: var(--color-secondary-active);
    border-color: transparent;
    color: var(--color-text-2)
}

.css-btn-secondary.css-btn-loading,.css-btn-secondary[type=button].css-btn-loading,.css-btn-secondary[type=submit].css-btn-loading {
    background-color: var(--color-secondary);
    border: 1px solid transparent;
    color: var(--color-text-2)
}

.css-btn-secondary.css-btn-disabled,.css-btn-secondary[type=button].css-btn-disabled,.css-btn-secondary[type=submit].css-btn-disabled {
    background-color: var(--color-secondary-disabled);
    border: 1px solid transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

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

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

.css-btn-secondary.css-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

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

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

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

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

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

.css-btn-secondary.css-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

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

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

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

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

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

.css-btn-secondary.css-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

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

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

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

.css-btn-dashed,.css-btn-dashed[type=button],.css-btn-dashed[type=submit] {
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    color: var(--color-text-2)
}

.css-btn-dashed:hover,.css-btn-dashed[type=button]:hover,.css-btn-dashed[type=submit]:hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-neutral-4);
    color: var(--color-text-2)
}

.css-btn-dashed:focus-visible,.css-btn-dashed[type=button]:focus-visible,.css-btn-dashed[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em var(--color-neutral-4)
}

.css-btn-dashed:active,.css-btn-dashed[type=button]:active,.css-btn-dashed[type=submit]:active {
    background-color: var(--color-fill-4);
    border-color: var(--color-neutral-5);
    color: var(--color-text-2)
}

.css-btn-dashed.css-btn-loading,.css-btn-dashed[type=button].css-btn-loading,.css-btn-dashed[type=submit].css-btn-loading {
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    color: var(--color-text-2)
}

.css-btn-dashed.css-btn-disabled,.css-btn-dashed[type=button].css-btn-disabled,.css-btn-dashed[type=submit].css-btn-disabled {
    background-color: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    color: var(--color-text-4);
    cursor: not-allowed
}

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

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

.css-btn-dashed.css-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

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

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

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

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

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

.css-btn-dashed.css-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

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

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

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

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

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

.css-btn-dashed.css-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

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

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

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

.css-btn-text,.css-btn-text[type=button],.css-btn-text[type=submit] {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--primary-6))
}

.css-btn-text:hover,.css-btn-text[type=button]:hover,.css-btn-text[type=submit]:hover {
    background-color: var(--color-fill-2);
    border-color: transparent;
    color: rgb(var(--primary-6))
}

.css-btn-text:focus-visible,.css-btn-text[type=button]:focus-visible,.css-btn-text[type=submit]:focus-visible {
    box-shadow: 0 0 0 .25em var(--color-neutral-4)
}

.css-btn-text:active,.css-btn-text[type=button]:active,.css-btn-text[type=submit]:active {
    background-color: var(--color-fill-3);
    border-color: transparent;
    color: rgb(var(--primary-6))
}

.css-btn-text.css-btn-loading,.css-btn-text[type=button].css-btn-loading,.css-btn-text[type=submit].css-btn-loading {
    background-color: transparent;
    border: 1px solid transparent;
    color: rgb(var(--primary-6))
}

.css-btn-text.css-btn-disabled,.css-btn-text[type=button].css-btn-disabled,.css-btn-text[type=submit].css-btn-disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--color-primary-light-3);
    cursor: not-allowed
}

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

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

.css-btn-text.css-btn-status-warning:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--warning-3))
}

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

.css-btn-text.css-btn-status-warning.css-btn-loading {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--warning-6))
}

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

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

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

.css-btn-text.css-btn-status-danger:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--danger-3))
}

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

.css-btn-text.css-btn-status-danger.css-btn-loading {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--danger-6))
}

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

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

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

.css-btn-text.css-btn-status-success:focus-visible {
    box-shadow: 0 0 0 .25em rgb(var(--success-3))
}

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

.css-btn-text.css-btn-status-success.css-btn-loading {
    background-color: transparent;
    border-color: transparent;
    color: rgb(var(--success-6))
}

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

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

.css-btn-size-mini:not(.css-btn-only-icon) .css-btn-icon {
    margin-right: 4px
}

.css-btn-size-mini svg {
    vertical-align: -1px
}

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

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

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

.css-btn-size-mini.css-btn-shape-round {
    border-radius: 12px
}

.css-btn-size-small {
    border-radius: var(--border-radius-small);
    font-size: 14px;
    height: 28px;
    padding: 0 15px
}

.css-btn-size-small:not(.css-btn-only-icon) .css-btn-icon {
    margin-right: 6px
}

.css-btn-size-small svg {
    vertical-align: -2px
}

.css-btn-size-small.css-btn-loading-fixed-width.css-btn-loading {
    padding-left: 5px;
    padding-right: 5px
}

.css-btn-size-small.css-btn-only-icon {
    height: 28px;
    padding: 0;
    width: 28px
}

.css-btn-size-small.css-btn-shape-circle {
    border-radius: var(--border-radius-circle);
    height: 28px;
    padding: 0;
    text-align: center;
    width: 28px
}

.css-btn-size-small.css-btn-shape-round {
    border-radius: 14px
}

.css-btn-size-medium {
    border-radius: var(--border-radius-small);
    font-size: 14px;
    height: 32px;
    padding: 0 15px
}

.css-btn-size-medium:not(.css-btn-only-icon) .css-btn-icon {
    margin-right: 8px
}

.css-btn-size-medium svg {
    vertical-align: -2px
}

.css-btn-size-medium.css-btn-loading-fixed-width.css-btn-loading {
    padding-left: 4px;
    padding-right: 4px
}

.css-btn-size-medium.css-btn-only-icon {
    height: 32px;
    padding: 0;
    width: 32px
}

.css-btn-size-medium.css-btn-shape-circle {
    border-radius: var(--border-radius-circle);
    height: 32px;
    padding: 0;
    text-align: center;
    width: 32px
}

.css-btn-size-medium.css-btn-shape-round {
    border-radius: 16px
}

.css-btn-size-large {
    border-radius: var(--border-radius-small);
    font-size: 14px;
    height: 36px;
    padding: 0 19px
}

.css-btn-size-large:not(.css-btn-only-icon) .css-btn-icon {
    margin-right: 8px
}

.css-btn-size-large svg {
    vertical-align: -2px
}

.css-btn-size-large.css-btn-loading-fixed-width.css-btn-loading {
    padding-left: 8px;
    padding-right: 8px
}

.css-btn-size-large.css-btn-only-icon {
    height: 36px;
    padding: 0;
    width: 36px
}

.css-btn-size-large.css-btn-shape-circle {
    border-radius: var(--border-radius-circle);
    height: 36px;
    padding: 0;
    text-align: center;
    width: 36px
}

.css-btn-size-large.css-btn-shape-round {
    border-radius: 4px
}

.css-btn-group {
    align-items: center;
    display: inline-flex
}

.css-btn-group .css-btn-dashed:not(:first-child),.css-btn-group .css-btn-outline:not(:first-child) {
    margin-left: -1px
}

.css-btn-group .css-btn-primary:not(:last-child) {
    border-right: 1px solid rgb(var(--primary-5))
}

.css-btn-group .css-btn-secondary:not(:last-child) {
    border-right: 1px solid var(--color-secondary-hover)
}

.css-btn-group .css-btn-status-warning:not(:last-child) {
    border-right: 1px solid rgb(var(--warning-5))
}

.css-btn-group .css-btn-status-danger:not(:last-child) {
    border-right: 1px solid rgb(var(--danger-5))
}

.css-btn-group .css-btn-status-success:not(:last-child) {
    border-right: 1px solid rgb(var(--success-5))
}

.css-btn-group .css-btn-dashed:active,.css-btn-group .css-btn-dashed:hover,.css-btn-group .css-btn-outline:active,.css-btn-group .css-btn-outline:hover {
    z-index: 2
}

.css-btn-group .css-btn:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.css-btn-group .css-btn:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

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

body[css-theme=dark] .css-btn-primary.css-btn-disabled {
    color: hsla(0,0%,100%,.3)
}

.css-calendar {
    border: 1px solid var(--color-neutral-3);
    box-sizing: border-box
}

.css-calendar-header {
    display: flex;
    padding: 24px
}

.css-calendar-header-left {
    align-items: center;
    display: flex;
    flex: 1;
    line-height: 28px
}

.css-calendar-header-left,.css-calendar-header-right {
    height: 28px;
    position: relative
}

.css-calendar-header-value {
    color: var(--color-text-1);
    font-size: 20px;
    font-weight: 500
}

.css-calendar-header-icon {
    background-color: var(--color-bg-5);
    border-radius: 50%;
    color: var(--color-text-2);
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-right: 12px;
    text-align: center;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 28px
}

.css-calendar-header-icon:not(:first-child) {
    margin: 0 12px
}

.css-calendar-header-icon:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.css-calendar-header-icon:not(.css-calendar-header-icon-hidden) {
    cursor: pointer
}

.css-calendar-header-icon:not(.css-calendar-header-icon-hidden):hover {
    background-color: var(--color-fill-3)
}

.css-calendar .css-calendar-header-value-year {
    margin-right: 8px;
    width: 100px
}

.css-calendar .css-calendar-header-value-month {
    margin-right: 32px;
    width: 76px
}

.css-calendar-month {
    width: 100%
}

.css-calendar-month-row {
    display: flex;
    height: 100px
}

.css-calendar-month-row .css-calendar-cell {
    border-bottom: 1px solid var(--color-neutral-3);
    flex: 1;
    overflow: hidden
}

.css-calendar-month-row:last-child .css-calendar-cell {
    border-bottom: unset
}

.css-calendar-month-cell-body {
    box-sizing: border-box
}

.css-calendar-mode-month:not(.css-calendar-panel) .css-calendar-cell:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.css-calendar-week-list {
    border-bottom: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    display: flex;
    padding: 0;
    width: 100%
}

.css-calendar-week-list-item {
    color: #7d7d7f;
    flex: 1;
    padding: 20px 16px;
    text-align: left
}

.css-calendar-cell .css-calendar-date {
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    padding: 10px;
    width: 100%
}

.css-calendar-cell .css-calendar-date-circle {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.css-calendar-date-content {
    height: 70px;
    overflow-y: auto
}

.css-calendar-cell-today .css-calendar-date-circle {
    border: 1px solid rgb(var(--primary-6));
    box-sizing: border-box
}

.css-calendar-date-value {
    color: var(--color-text-4);
    font-size: 16px;
    font-weight: 500
}

.css-calendar-cell-in-view .css-calendar-date-value {
    color: var(--color-text-1)
}

.css-calendar-mode-month .css-calendar-cell-selected .css-calendar-date-circle,.css-calendar-mode-year .css-calendar-cell-selected .css-calendar-cell-selected .css-calendar-date-circle {
    background-color: rgb(var(--primary-6));
    border: 1px solid rgb(var(--primary-6));
    box-sizing: border-box;
    color: #fff
}

.css-calendar-mode-year:not(.css-calendar-panel) {
    min-width: 820px
}

.css-calendar-mode-year .css-calendar-header {
    border-bottom: 1px solid var(--color-neutral-3)
}

.css-calendar-mode-year .css-calendar-body {
    padding: 12px
}

.css-calendar-mode-year .css-calendar-year-row {
    display: flex
}

.css-calendar-year-row>.css-calendar-cell {
    flex: 1;
    padding: 20px 8px
}

.css-calendar-year-row>.css-calendar-cell:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.css-calendar-year-row:not(:last-child)>.css-calendar-cell {
    border-bottom: 1px solid var(--color-neutral-3)
}

.css-calendar-month-with-days .css-calendar-month-row {
    height: 26px
}

.css-calendar-month-with-days .css-calendar-cell {
    border-bottom: 0
}

.css-calendar-month-with-days .css-calendar-month-cell-body {
    padding: 0
}

.css-calendar-month-with-days .css-calendar-month-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 6px
}

.css-calendar-month-cell {
    font-size: 12px;
    width: 100%
}

.css-calendar-month-cell .css-calendar-week-list {
    border-bottom: unset;
    padding: 0
}

.css-calendar-month-cell .css-calendar-week-list-item {
    color: #7d7d7f;
    padding: 6px;
    text-align: center
}

.css-calendar-month-cell .css-calendar-cell {
    text-align: center
}

.css-calendar-month-cell .css-calendar-date {
    padding: 2px
}

.css-calendar-month-cell .css-calendar-date-value {
    font-size: 14px
}

.css-calendar-month-cell .css-calendar-date-circle {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.css-calendar-panel {
    background-color: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3)
}

.css-calendar-panel .css-calendar-header {
    border-bottom: 1px solid var(--color-neutral-3);
    padding: 8px 16px
}

.css-calendar-panel .css-calendar-header-value {
    flex: 1;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.css-calendar-panel .css-calendar-header-icon {
    height: 24px;
    line-height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    width: 24px
}

.css-calendar-panel .css-calendar-body {
    padding: 14px 16px
}

.css-calendar-panel .css-calendar-month-cell-body {
    padding: 0
}

.css-calendar-panel .css-calendar-month-row {
    height: unset
}

.css-calendar-panel .css-calendar-week-list {
    border-bottom: unset;
    padding: 0
}

.css-calendar-panel .css-calendar-week-list-item {
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-align: center
}

.css-calendar-panel .css-calendar-cell,.css-calendar-panel .css-calendar-year-row .css-calendar-cell {
    border-bottom: 0;
    border-right: 0;
    box-sizing: border-box;
    padding: 2px 0;
    text-align: center
}

.css-calendar-panel .css-calendar-cell .css-calendar-date {
    display: flex;
    justify-content: center;
    padding: 4px 0
}

.css-calendar-panel .css-calendar-cell .css-calendar-date-value {
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    min-width: 24px
}

.css-calendar-panel.css-calendar-mode-year .css-calendar-cell {
    padding: 4px 0
}

.css-calendar-panel.css-calendar-mode-year .css-calendar-cell .css-calendar-date {
    padding: 4px
}

.css-calendar-panel.css-calendar-mode-year .css-calendar-cell .css-calendar-date-value {
    border-radius: 12px;
    width: 100%
}

.css-calendar-panel .css-calendar-cell-selected .css-calendar-date-value {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    color: var(--color-white)
}

.css-calendar-panel .css-calendar-cell:not(.css-calendar-cell-selected):not(.css-calendar-cell-range-start):not(.css-calendar-cell-range-end):not(.css-calendar-cell-hover-range-start):not(.css-calendar-cell-hover-range-end):not(.css-calendar-cell-disabled):not(.css-calendar-cell-week) .css-calendar-date-value:hover {
    background-color: var(--color-primary-light-1);
    border-radius: 50%;
    color: rgb(var(--primary-6))
}

.css-calendar-panel.css-calendar-mode-year .css-calendar-cell:not(.css-calendar-cell-selected):not(.css-calendar-cell-range-start):not(.css-calendar-cell-range-end):not(.css-calendar-cell-hover-range-start):not(.css-calendar-cell-hover-range-end):not(.css-calendar-cell-disabled) .css-calendar-date-value:hover {
    border-radius: 12px
}

.css-calendar-panel .css-calendar-cell-today {
    position: relative
}

.css-calendar-panel .css-calendar-cell-today:after {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 4px
}

.css-calendar-cell-in-range .css-calendar-date {
    background-color: var(--color-primary-light-1)
}

.css-calendar-cell-range-start .css-calendar-date {
    border-radius: 16px 0 0 16px
}

.css-calendar-cell-range-end .css-calendar-date {
    border-radius: 0 16px 16px 0
}

.css-calendar-cell-in-range-near-hover .css-calendar-date {
    border-radius: 0
}

.css-calendar-cell-range-end .css-calendar-date-value,.css-calendar-cell-range-start .css-calendar-date-value {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    color: var(--color-white)
}

.css-calendar-cell-hover-in-range .css-calendar-date {
    background-color: var(--color-primary-light-1)
}

.css-calendar-cell-hover-range-start .css-calendar-date {
    border-radius: 16px 0 0 16px
}

.css-calendar-cell-hover-range-end .css-calendar-date {
    border-radius: 0 16px 16px 0
}

.css-calendar-cell-hover-range-end .css-calendar-date-value,.css-calendar-cell-hover-range-start .css-calendar-date-value {
    background-color: var(--color-primary-light-2);
    border-radius: 50%;
    color: var(--color-text-1)
}

.css-calendar-panel .css-calendar-cell-disabled>.css-calendar-date {
    background-color: var(--color-fill-1);
    cursor: not-allowed
}

.css-calendar-panel .css-calendar-cell-disabled>.css-calendar-date>.css-calendar-date-value {
    background-color: var(--color-fill-1);
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-calendar-panel .css-calendar-footer-btn-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    color: var(--color-text-1);
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    text-align: center
}

.css-calendar-rtl {
    direction: rtl
}

.css-calendar-rtl .css-calendar-header-icon {
    margin-left: 12px;
    margin-right: 0;
    transform: scaleX(-1)
}

.css-calendar-rtl .css-calendar-week-list-item {
    text-align: right
}

.css-calendar-rtl.css-calendar-mode-month:not(.css-calendar-panel) .css-calendar-cell:not(:last-child) {
    border-left: 1px solid var(--color-neutral-3);
    border-right: 0
}

.css-calendar-rtl .css-calendar-header-value-year {
    margin-left: 8px;
    margin-right: 0
}

.css-calendar-rtl .css-calendar-header-value-month {
    margin-left: 32px;
    margin-right: 0
}

.css-card {
    background: var(--color-bg-2);
    border-radius: var(--border-radius-none);
    position: relative;
    transition: box-shadow .2s linear
}

.css-card-header {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.css-card-header-no-title:before {
    content: " ";
    display: block
}

.css-card-header-title {
    color: var(--color-text-1);
    flex: 1;
    font-weight: 500;
    line-height: 1.5715
}

.css-card-header-extra,.css-card-header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-card-header-extra {
    color: rgb(var(--primary-6))
}

.css-card-body {
    color: var(--color-text-2)
}

.css-card-cover {
    overflow: hidden
}

.css-card-cover>* {
    display: block;
    width: 100%
}

.css-card-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.css-card-actions:before {
    content: "";
    visibility: hidden
}

.css-card-actions-item,.css-card-actions-right {
    align-items: center;
    display: flex
}

.css-card-actions-item {
    color: var(--color-text-2);
    cursor: pointer;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s linear;
    white-space: nowrap
}

.css-card-actions-item:hover {
    color: rgb(var(--primary-6))
}

.css-card-actions-item:not(:last-child) {
    margin-right: 12px
}

.css-card-meta-footer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.css-card-meta-footer:last-child {
    margin-top: 20px
}

.css-card-meta-footer-only-actions:before {
    content: "";
    visibility: hidden
}

.css-card-meta-footer .css-card-actions {
    margin-top: 0
}

.css-card-meta-title {
    color: var(--color-text-1);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-card-meta-description:not(:first-child) {
    margin-top: 4px
}

.css-card-grid {
    box-shadow: 1px 0 0 0 var(--color-neutral-3),0 1px 0 0 var(--color-neutral-3),1px 1px 0 0 var(--color-neutral-3),1px 0 0 0 var(--color-neutral-3) inset,0 1px 0 0 var(--color-neutral-3) inset;
    box-sizing: border-box;
    position: relative;
    width: 33.33%
}

.css-card-grid:before {
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow .2s linear
}

.css-card-grid-hoverable:hover {
    z-index: 1
}

.css-card-grid-hoverable:hover:before {
    box-shadow: 0 4px 10px rgb(var(--gray-2))
}

.css-card-grid .css-card {
    background: none;
    box-shadow: none
}

.css-card-contain-grid:not(.css-card-loading)>.css-card-body {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px;
    padding: 0
}

.css-card-hoverable:hover {
    box-shadow: 0 4px 10px rgb(var(--gray-2))
}

.css-card-bordered {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small)
}

.css-card-bordered .css-card-cover {
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0
}

.css-card-loading .css-card-body {
    overflow: hidden;
    text-align: center
}

.css-card-size-medium {
    font-size: 14px
}

.css-card-size-medium .css-card-header {
    height: 46px;
    padding: 10px 16px
}

.css-card-size-medium .css-card-header-title,.css-card-size-medium .css-card-meta-title {
    font-size: 16px
}

.css-card-size-medium .css-card-header-extra {
    font-size: 14px
}

.css-card-size-medium .css-card-body {
    padding: 16px
}

.css-card-size-small {
    font-size: 14px
}

.css-card-size-small .css-card-header {
    height: 40px;
    padding: 8px 16px
}

.css-card-size-small .css-card-header-title,.css-card-size-small .css-card-meta-title {
    font-size: 16px
}

.css-card-size-small .css-card-header-extra {
    font-size: 14px
}

.css-card-size-small .css-card-body {
    padding: 12px 16px
}

body[css-theme=dark] .css-card-grid-hoverable:hover:before,body[css-theme=dark] .css-card-hoverable:hover {
    box-shadow: 0 4px 10px rgba(var(--gray-1),40%)
}

@keyframes css-carousel-slide-x-in {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes css-carousel-slide-x-out {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes css-carousel-slide-x-in-reverse {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes css-carousel-slide-x-out-reverse {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes css-carousel-slide-y-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes css-carousel-slide-y-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes css-carousel-slide-y-in-reverse {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes css-carousel-slide-y-out-reverse {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes css-carousel-card-bottom-to-middle {
    0% {
        opacity: 0;
        transform: translateX(0) translateZ(-400px)
    }

    to {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }
}

@keyframes css-carousel-card-middle-to-bottom {
    0% {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }

    to {
        opacity: 0;
        transform: translateX(-100%) translateZ(-400px)
    }
}

@keyframes css-carousel-card-top-to-middle {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }

    to {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }
}

@keyframes css-carousel-card-middle-to-top {
    0% {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }
}

@keyframes css-carousel-card-bottom-to-middle-reverse {
    0% {
        opacity: 0;
        transform: translateX(-100%) translateZ(-400px)
    }

    to {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }
}

@keyframes css-carousel-card-middle-to-bottom-reverse {
    0% {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }

    to {
        opacity: 0;
        transform: translateX(0) translateZ(-400px)
    }
}

@keyframes css-carousel-card-top-to-middle-reverse {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }

    to {
        opacity: .4;
        transform: translateX(0) translateZ(-200px)
    }
}

@keyframes css-carousel-card-middle-to-top-reverse {
    0% {
        opacity: .4;
        transform: translateX(-100%) translateZ(-200px)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateZ(0)
    }
}

.css-carousel {
    position: relative
}

.css-carousel-indicator-position-outer {
    margin-bottom: 30px
}

.css-carousel-card,.css-carousel-fade,.css-carousel-slide {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.css-carousel-card>*,.css-carousel-fade>*,.css-carousel-slide>* {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.css-carousel-item-current {
    z-index: 1
}

.css-carousel-slide>:not(.css-carousel-item-current) {
    display: none;
    visibility: hidden
}

.css-carousel-slide.css-carousel-horizontal .css-carousel-item-slide-out {
    animation: css-carousel-slide-x-out;
    display: block
}

.css-carousel-slide.css-carousel-horizontal .css-carousel-item-slide-in {
    animation: css-carousel-slide-x-in;
    display: block
}

.css-carousel-slide.css-carousel-horizontal.css-carousel-negative .css-carousel-item-slide-out {
    animation: css-carousel-slide-x-out-reverse
}

.css-carousel-slide.css-carousel-horizontal.css-carousel-negative .css-carousel-item-slide-in {
    animation: css-carousel-slide-x-in-reverse
}

.css-carousel-slide.css-carousel-vertical .css-carousel-item-slide-out {
    animation: css-carousel-slide-y-out;
    display: block
}

.css-carousel-slide.css-carousel-vertical .css-carousel-item-slide-in {
    animation: css-carousel-slide-y-in;
    display: block
}

.css-carousel-slide.css-carousel-vertical.css-carousel-negative .css-carousel-item-slide-out {
    animation: css-carousel-slide-y-out-reverse
}

.css-carousel-slide.css-carousel-vertical.css-carousel-negative .css-carousel-item-slide-in {
    animation: css-carousel-slide-y-in-reverse
}

.css-carousel-card {
    perspective: 800px
}

.css-carousel-card>* {
    animation: css-carousel-card-middle-to-bottom;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateZ(-400px)
}

.css-carousel-card .css-carousel-item-prev {
    animation: css-carousel-card-top-to-middle;
    opacity: .4;
    transform: translateX(-100%) translateZ(-200px)
}

.css-carousel-card .css-carousel-item-next {
    animation: css-carousel-card-bottom-to-middle;
    opacity: .4;
    transform: translateX(0) translateZ(-200px)
}

.css-carousel-card .css-carousel-item-current {
    animation: css-carousel-card-middle-to-top;
    opacity: 1;
    transform: translateX(-50%) translateZ(0)
}

.css-carousel-card.css-carousel-negative>* {
    animation: css-carousel-card-middle-to-bottom-reverse
}

.css-carousel-card.css-carousel-negative .css-carousel-item-prev {
    animation: css-carousel-card-bottom-to-middle-reverse
}

.css-carousel-card.css-carousel-negative .css-carousel-item-next {
    animation: css-carousel-card-top-to-middle-reverse
}

.css-carousel-card.css-carousel-negative .css-carousel-item-current {
    animation: css-carousel-card-middle-to-top-reverse
}

.css-carousel-fade>* {
    left: 50%;
    opacity: 0;
    transform: translateX(-50%)
}

.css-carousel-fade .css-carousel-item-current {
    opacity: 1
}

.css-carousel-indicator {
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute
}

.css-carousel-indicator-wrapper {
    position: absolute;
    z-index: 2
}

.css-carousel-indicator-wrapper-top {
    background: linear-gradient(180deg,rgba(0,0,0,.15),transparent 87%);
    height: 48px;
    left: 0;
    right: 0;
    top: 0
}

.css-carousel-indicator-wrapper-bottom {
    background: linear-gradient(180deg,transparent 13%,rgba(0,0,0,.15));
    bottom: 0;
    height: 48px;
    left: 0;
    right: 0
}

.css-carousel-indicator-wrapper-left {
    background: linear-gradient(90deg,rgba(0,0,0,.15),transparent 87%);
    height: 100%;
    left: 0;
    top: 0;
    width: 48px
}

.css-carousel-indicator-wrapper-right {
    background: linear-gradient(90deg,transparent 13%,rgba(0,0,0,.15));
    height: 100%;
    right: 0;
    top: 0;
    width: 48px
}

.css-carousel-indicator-wrapper-outer {
    background: none;
    left: 0;
    right: 0
}

.css-carousel-indicator-bottom {
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%)
}

.css-carousel-indicator-top {
    left: 50%;
    top: 12px;
    transform: translateX(-50%)
}

.css-carousel-indicator-left {
    left: 12px;
    top: 50%;
    transform: translate(-50%,-50%) rotate(90deg)
}

.css-carousel-indicator-right {
    right: 12px;
    top: 50%;
    transform: translate(50%,-50%) rotate(90deg)
}

.css-carousel-indicator-outer {
    background-color: transparent;
    border-radius: 20px;
    left: 50%;
    padding: 4px;
    transform: translateX(-50%)
}

.css-carousel-indicator-outer.css-carousel-indicator-dot {
    bottom: -22px
}

.css-carousel-indicator-outer.css-carousel-indicator-line {
    bottom: -20px
}

.css-carousel-indicator-outer.css-carousel-indicator-slider {
    background-color: rgba(var(--gray-4),.5);
    bottom: -16px;
    padding: 0
}

.css-carousel-indicator-outer .css-carousel-indicator-item {
    background-color: rgba(var(--gray-4),.5)
}

.css-carousel-indicator-outer .css-carousel-indicator-item-active,.css-carousel-indicator-outer .css-carousel-indicator-item:hover {
    background-color: var(--color-fill-4)
}

.css-carousel-indicator-item {
    background-color: hsla(0,0%,100%,.3);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    display: inline-block
}

.css-carousel-indicator-item-active,.css-carousel-indicator-item:hover {
    background-color: var(--color-white)
}

.css-carousel-indicator-dot .css-carousel-indicator-item {
    border-radius: 50%;
    height: 6px;
    width: 6px
}

.css-carousel-indicator-dot .css-carousel-indicator-item:not(:last-child) {
    margin-right: 8px
}

.css-carousel-indicator-line .css-carousel-indicator-item {
    height: 4px;
    width: 12px
}

.css-carousel-indicator-line .css-carousel-indicator-item:not(:last-child) {
    margin-right: 8px
}

.css-carousel-indicator-slider {
    background-color: hsla(0,0%,100%,.3);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    height: 4px;
    width: 48px
}

.css-carousel-indicator-slider .css-carousel-indicator-item {
    height: 100%;
    position: absolute;
    top: 0;
    transition: left .3s
}

.css-carousel-arrow>div {
    align-items: center;
    background-color: hsla(0,0%,100%,.3);
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    width: 24px;
    z-index: 2
}

.css-carousel-arrow>div>svg {
    color: var(--color-white);
    font-size: 14px
}

.css-carousel-arrow>div:hover {
    background-color: hsla(0,0%,100%,.5)
}

.css-carousel-arrow-left {
    left: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.css-carousel-arrow-right {
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.css-carousel-arrow-top {
    left: 50%;
    top: 12px;
    transform: translateX(-50%)
}

.css-carousel-arrow-bottom {
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%)
}

.css-carousel-arrow-hover div {
    opacity: 0;
    transition: all .3s
}

.css-carousel:hover .css-carousel-arrow-hover div {
    opacity: 1
}

body[css-theme=dark] .css-carousel-arrow>div {
    background-color: rgba(23,23,26,.3)
}

body[css-theme=dark] .css-carousel-arrow>div:hover {
    background-color: rgba(23,23,26,.5)
}

body[css-theme=dark] .css-carousel-indicator-item,body[css-theme=dark] .css-carousel-indicator-slider {
    background-color: rgba(23,23,26,.3)
}

body[css-theme=dark] .css-carousel-indicator-item-active,body[css-theme=dark] .css-carousel-indicator-item:hover {
    background-color: var(--color-white)
}

body[css-theme=dark] .css-carousel-indicator-outer.css-carousel-indicator-slider {
    background-color: rgba(var(--gray-4),.5)
}

body[css-theme=dark] .css-carousel-indicator-outer .css-carousel-indicator-item-active,body[css-theme=dark] .css-carousel-indicator-outer .css-carousel-indicator-item:hover {
    background-color: var(--color-fill-4)
}

.css-cascader-panel {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    display: inline-flex;
    height: 200px;
    list-style: none;
    overflow: hidden;
    white-space: nowrap
}

.css-cascader-search-panel {
    justify-content: flex-start;
    overflow: auto;
    width: 100%
}

.css-cascader-popup-trigger-hover .css-cascader-list-item {
    transition: fontweight 0s
}

.css-cascader-highlight {
    font-weight: 500
}

.css-cascader-panel-column {
    background-color: var(--color-bg-popup);
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    max-height: 200px;
    min-width: 120px;
    position: relative
}

.css-cascader-panel-column-loading {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.css-cascader-panel-column:not(:last-of-type) {
    border-right: 1px solid var(--color-fill-3)
}

.css-cascader-column-content {
    flex: 1;
    max-height: 200px;
    overflow-y: auto
}

.css-cascader-list-wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 4px 0;
    position: relative
}

.css-cascader-list-wrapper-with-footer {
    padding-bottom: 0
}

.css-cascader-list-empty {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.css-cascader-list {
    box-sizing: border-box;
    flex: 1;
    list-style: none;
    margin: 0;
    padding: 0
}

.css-cascader-list-multiple .css-cascader-option-label,.css-cascader-list-strictly .css-cascader-option-label {
    padding-left: 0
}

.css-cascader-list-multiple .css-cascader-option,.css-cascader-list-strictly .css-cascader-option {
    padding-left: 12px
}

.css-cascader-list-multiple .css-cascader-option .css-checkbox,.css-cascader-list-multiple .css-cascader-option .css-radio,.css-cascader-list-strictly .css-cascader-option .css-checkbox,.css-cascader-list-strictly .css-cascader-option .css-radio {
    margin-right: 8px;
    padding-left: 0
}

.css-cascader-search-list.css-cascader-list-multiple .css-cascader-option-label {
    padding-right: 12px
}

.css-cascader-list-footer {
    border-top: 1px solid var(--color-fill-3);
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding-left: 12px
}

.css-cascader-option,.css-cascader-search-option {
    background-color: transparent;
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    min-width: 100px;
    position: relative
}

.css-cascader-option-label,.css-cascader-search-option-label {
    flex-grow: 1;
    padding-left: 12px;
    padding-right: 34px
}

.css-cascader-option .css-icon-check,.css-cascader-option .css-icon-right,.css-cascader-search-option .css-icon-check,.css-cascader-search-option .css-icon-right {
    color: var(--color-text-2);
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.css-cascader-option .css-icon-check,.css-cascader-search-option .css-icon-check {
    color: rgb(var(--primary-6))
}

.css-cascader-option .css-icon-loading,.css-cascader-search-option .css-icon-loading {
    color: rgb(var(--primary-6));
    font-size: 12px;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%
}

.css-cascader-option:hover,.css-cascader-search-option-hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.css-cascader-option:hover .css-checkbox:not(.css-checkbox-disabled):not(.css-checkbox-checked):hover .css-checkbox-icon-hover:before,.css-cascader-option:hover .css-radio:not(.css-radio-disabled):not(.css-radio-checked):hover .css-radio-icon-hover:before,.css-cascader-search-option-hover .css-checkbox:not(.css-checkbox-disabled):not(.css-checkbox-checked):hover .css-checkbox-icon-hover:before,.css-cascader-search-option-hover .css-radio:not(.css-radio-disabled):not(.css-radio-checked):hover .css-radio-icon-hover:before {
    background-color: var(--color-fill-3)
}

.css-cascader-option-disabled,.css-cascader-option-disabled:hover,.css-cascader-search-option-disabled,.css-cascader-search-option-disabled:hover {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-cascader-option-disabled .css-icon-right,.css-cascader-option-disabled:hover .css-icon-right,.css-cascader-search-option-disabled .css-icon-right,.css-cascader-search-option-disabled:hover .css-icon-right {
    color: inherit
}

.css-cascader-option-disabled .css-icon-check,.css-cascader-option-disabled:hover .css-icon-check,.css-cascader-search-option-disabled .css-icon-check,.css-cascader-search-option-disabled:hover .css-icon-check {
    color: var(--color-primary-light-3)
}

.css-cascader-option-active {
    transition: all .2s linear
}

.css-cascader-option-active,.css-cascader-option-active:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.css-cascader-option-active.css-cascader-option-disabled,.css-cascader-option-active.css-cascader-option-disabled:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-4)
}

.cascader-slide-enter-active,.cascader-slide-leave-active {
    transition: margin .3s cubic-bezier(.34,.69,.1,1)
}

.cascader-slide-enter-from,.cascader-slide-leave-to {
    margin-left: -120px
}

.cascader-slide-enter-to,.cascader-slide-leave-from {
    margin-left: 0
}

.css-icon-hover.css-checkbox-icon-hover:before {
    height: 24px;
    width: 24px
}

.css-checkbox {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    line-height: unset;
    padding-left: 5px;
    position: relative
}

.css-checkbox>input[type=checkbox] {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.css-checkbox>input[type=checkbox]:focus-visible+.css-checkbox-icon-hover:before {
    background-color: var(--color-fill-2)
}

.css-checkbox:hover .css-checkbox-icon-hover:before {
    background-color: var(--color-fill-2)
}

.css-checkbox-label {
    color: var(--color-text-1);
    margin-left: 8px
}

.css-checkbox-icon {
    background-color: var(--color-bg-2);
    border: 2px solid var(--color-fill-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    height: 14px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 14px
}

.css-checkbox-icon:after {
    background: var(--color-white);
    border-radius: .5px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    width: 6px
}

.css-checkbox-icon-check {
    color: var(--color-white);
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    transform: scale(0);
    transform-origin: center 75%;
    width: 8px
}

.css-checkbox:hover .css-checkbox-icon {
    border-color: var(--color-fill-4);
    transition: border-color .1s linear,transform .3s cubic-bezier(.3,1.3,.3,1)
}

.css-checkbox-checked:hover .css-checkbox-icon,.css-checkbox-indeterminate:hover .css-checkbox-icon {
    transition: transform .3s cubic-bezier(.3,1.3,.3,1)
}

.css-checkbox-checked .css-checkbox-icon {
    background-color: rgb(var(--primary-6));
    border-color: transparent
}

.css-checkbox-checked .css-checkbox-icon-check {
    transform: scale(1);
    transition: transform .3s cubic-bezier(.3,1.3,.3,1)
}

.css-checkbox-indeterminate .css-checkbox-icon {
    background-color: rgb(var(--primary-6));
    border-color: transparent
}

.css-checkbox-indeterminate .css-checkbox-icon svg {
    transform: scale(0)
}

.css-checkbox-indeterminate .css-checkbox-icon:after {
    transform: translateX(-50%) translateY(-50%) scale(1);
    transition: transform .3s cubic-bezier(.3,1.3,.3,1)
}

.css-checkbox.css-checkbox-disabled,.css-checkbox.css-checkbox-disabled .css-checkbox-icon-hover {
    cursor: not-allowed
}

.css-checkbox.css-checkbox-disabled:hover .css-checkbox-mask {
    border-color: var(--color-fill-3)
}

.css-checkbox-checked:hover .css-checkbox-icon,.css-checkbox-indeterminate:hover .css-checkbox-icon {
    border-color: transparent
}

.css-checkbox-disabled .css-checkbox-icon {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-3)
}

.css-checkbox-disabled.css-checkbox-checked .css-checkbox-icon,.css-checkbox-disabled.css-checkbox-checked:hover .css-checkbox-icon {
    background-color: var(--color-primary-light-3);
    border-color: transparent
}

.css-checkbox-checked:hover .css-checkbox-icon-hover:before,.css-checkbox-disabled:hover .css-checkbox-icon-hover:before,.css-checkbox-indeterminate:hover .css-checkbox-icon-hover:before {
    background-color: transparent
}

.css-checkbox-disabled:hover .css-checkbox-icon {
    border-color: var(--color-fill-3)
}

.css-checkbox-disabled .css-checkbox-label {
    color: var(--color-text-4)
}

.css-checkbox-disabled .css-checkbox-icon-check {
    color: var(--color-fill-3)
}

.css-checkbox-group {
    display: inline-block
}

.css-checkbox-group .css-checkbox {
    margin-right: 16px
}

.css-checkbox-group-direction-vertical .css-checkbox {
    display: flex;
    line-height: 32px;
    margin-right: 0
}

.css-icon-hover.css-collapse-item-icon-hover:before {
    height: 16px;
    width: 16px
}

.css-icon-hover.css-collapse-item-icon-hover:hover:before {
    background-color: var(--color-fill-2)
}

.css-collapse {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    line-height: 1.5715;
    overflow: hidden
}

.css-collapse-item {
    border-bottom: 1px solid var(--color-border-2);
    box-sizing: border-box
}

.css-collapse-item-active>.css-collapse-item-header {
    background-color: var(--color-bg-2);
    border-color: var(--color-neutral-3);
    transition: border-color 0s ease 0s
}

.css-collapse-item-active>.css-collapse-item-header .css-collapse-item-header-title {
    font-weight: 500
}

.css-collapse-item-active>.css-collapse-item-header .css-collapse-item-expand-icon {
    transform: rotate(90deg)
}

.css-collapse-item-active>.css-collapse-item-header .css-collapse-item-icon-right .css-collapse-item-expand-icon {
    transform: rotate(-90deg)
}

.css-collapse-item-header {
    align-items: center;
    background-color: var(--color-bg-2);
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 24px;
    overflow: hidden;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative;
    transition: border-color 0s ease .19s
}

.css-collapse-item-header-left {
    padding-left: 34px;
    padding-right: 13px
}

.css-collapse-item-header-right {
    padding-left: 13px;
    padding-right: 34px
}

.css-collapse-item-header-right+.css-collapse-item-content {
    padding-left: 13px
}

.css-collapse-item-header-disabled {
    background-color: var(--color-bg-2);
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-collapse-item-header-disabled .css-collapse-item-header-icon {
    color: var(--color-text-4)
}

.css-collapse-item-header-title {
    display: inline
}

.css-collapse-item-header-extra {
    float: right
}

.css-collapse-item .css-collapse-item-icon-hover {
    left: 13px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.css-collapse-item .css-collapse-item-icon-right {
    left: unset;
    right: 13px
}

.css-collapse-item .css-collapse-item-icon-right>.css-collapse-item-header-icon-down {
    transform: rotate(-90deg)
}

.css-collapse-item .css-collapse-item-expand-icon {
    color: var(--color-neutral-7);
    display: block;
    font-size: 14px;
    position: relative;
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    vertical-align: middle
}

.css-collapse-item-content {
    background-color: var(--color-fill-1);
    color: var(--color-text-1);
    font-size: 14px;
    overflow: hidden;
    padding-left: 34px;
    padding-right: 13px;
    position: relative
}

.css-collapse-item-content-expanded {
    display: block;
    height: auto
}

.css-collapse-item-content-box {
    padding: 8px 0
}

.css-collapse-item.css-collapse-item-disabled>.css-collapse-item-content {
    color: var(--color-text-4)
}

.css-collapse-item-no-icon>.css-collapse-item-header {
    padding-left: 13px;
    padding-right: 13px
}

.css-collapse-item:last-of-type {
    border-bottom: none
}

.css-collapse.css-collapse-borderless {
    border: none
}

.css-collapse:after {
    clear: both;
    content: "";
    display: table
}

.collapse-slider-enter-from,.collapse-slider-leave-to {
    height: 0
}

.collapse-slider-enter-active,.collapse-slider-leave-active {
    transition: height .2s cubic-bezier(.34,.69,.1,1)
}

.css-color-picker {
    align-items: center;
    background-color: var(--color-fill-2);
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-flex
}

.css-color-picker-preview {
    border: 1px solid var(--color-border-2);
    box-sizing: border-box
}

.css-color-picker-value {
    color: var(--color-text-1);
    font-weight: 400;
    margin-left: 4px
}

.css-color-picker-input {
    display: none
}

.css-color-picker:hover {
    background-color: var(--color-fill-3);
    cursor: pointer
}

.css-color-picker-size-medium {
    height: 32px;
    padding: 4px
}

.css-color-picker-size-medium .css-color-picker-preview {
    height: 24px;
    width: 24px
}

.css-color-picker-size-medium .css-color-picker-value {
    font-size: 14px
}

.css-color-picker-size-mini {
    height: 24px;
    padding: 4px
}

.css-color-picker-size-mini .css-color-picker-preview {
    height: 16px;
    width: 16px
}

.css-color-picker-size-mini .css-color-picker-value {
    font-size: 12px
}

.css-color-picker-size-small {
    height: 28px;
    padding: 3px 4px
}

.css-color-picker-size-small .css-color-picker-preview {
    height: 22px;
    width: 22px
}

.css-color-picker-size-small .css-color-picker-value {
    font-size: 14px
}

.css-color-picker-size-large {
    height: 36px;
    padding: 5px
}

.css-color-picker-size-large .css-color-picker-preview {
    height: 26px;
    width: 26px
}

.css-color-picker-size-large .css-color-picker-value {
    font-size: 14px
}

.css-color-picker.css-color-picker-disabled {
    background-color: var(--color-fill-2);
    cursor: not-allowed
}

.css-color-picker.css-color-picker-disabled .css-color-picker-value {
    color: var(--color-text-4)
}

.css-color-picker-panel {
    background-color: var(--color-bg-1);
    border-radius: 2px;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    width: 260px
}

.css-color-picker-panel .css-color-picker-palette {
    background-image: linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0));
    border-left: 1px solid var(--color-border-2);
    border-right: 1px solid var(--color-border-2);
    border-top: 1px solid var(--color-border-2);
    box-sizing: border-box;
    cursor: pointer;
    height: 178px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.css-color-picker-panel .css-color-picker-palette .css-color-picker-handler {
    background-color: transparent;
    border: 2px solid var(--color-bg-white);
    border-radius: 50%;
    box-sizing: border-box;
    height: 16px;
    position: absolute;
    transform: translate(-50%,-50%);
    width: 16px
}

.css-color-picker-panel .css-color-picker-panel-control {
    padding: 12px
}

.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-control-wrapper {
    align-items: center;
    display: flex
}

.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-control-wrapper .css-color-picker-preview {
    align-items: center;
    border: 1px solid var(--color-border-2);
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    margin-left: auto;
    width: 40px
}

.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-control-wrapper .css-color-picker-control-bar-alpha {
    margin-top: 12px
}

.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-input-wrapper {
    display: flex;
    margin-top: 12px
}

.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-input-wrapper .css-color-picker-group-wrapper {
    display: flex;
    flex: 1;
    margin-left: 12px
}

.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-input-wrapper .css-input-wrapper,.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-input-wrapper .css-select-view {
    margin-right: 0;
    padding: 0 6px
}

.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-input-wrapper .css-input-prefix,.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-input-wrapper .css-input-suffix,.css-color-picker-panel .css-color-picker-panel-control .css-color-picker-input-wrapper .css-select-view-suffix {
    font-size: 12px;
    padding: 0
}

.css-color-picker-panel .css-color-picker-panel-colors {
    border-top: 1px solid var(--color-fill-3);
    padding: 12px
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-colors-section:not(:first-child) {
    margin-top: 12px
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-colors-text {
    color: var(--color-text-1);
    font-size: 12px;
    font-weight: 400
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-colors-empty {
    color: var(--color-text-3);
    font-size: 12px;
    margin: 12px 0
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-colors-wrapper {
    margin-top: 8px
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-colors-list {
    display: flex;
    flex-wrap: wrap;
    margin: -8px -4px 0
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-color-block {
    background-image: conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);
    background-size: 8px 8px;
    border-radius: 2px;
    cursor: pointer;
    height: 16px;
    margin: 6px 3px 0;
    overflow: hidden;
    transition: transform 60ms ease-out;
    width: 16px
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-color-block .css-color-picker-block {
    height: 100%;
    width: 100%
}

.css-color-picker-panel .css-color-picker-panel-colors .css-color-picker-color-block:hover {
    transform: scale(1.1)
}

.css-color-picker-panel .css-color-picker-control-bar-bg {
    background-image: conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);
    background-size: 8px 8px;
    border-radius: 10px
}

.css-color-picker-panel .css-color-picker-control-bar {
    border: 1px solid var(--color-border-2);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 14px;
    position: relative;
    width: 182px
}

.css-color-picker-panel .css-color-picker-control-bar .css-color-picker-handler {
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-border-2);
    border-radius: 50%;
    box-sizing: border-box;
    height: 16px;
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    width: 16px
}

.css-color-picker-panel .css-color-picker-control-bar .css-color-picker-handler:before {
    background: var(--color-bg-white);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.css-color-picker-panel .css-color-picker-control-bar .css-color-picker-handler:after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 8px
}

.css-color-picker-panel .css-color-picker-control-bar-hue {
    background: linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)
}

.css-color-picker-panel .css-color-picker-select {
    width: 58px
}

.css-color-picker-panel .css-color-picker-input-alpha {
    flex: 0 0 auto;
    width: 52px
}

.css-color-picker-panel .css-color-picker-input-hex .css-input {
    padding-left: 4px
}

.css-color-picker-panel.css-color-picker-panel-disabled .css-color-picker-color-block,.css-color-picker-panel.css-color-picker-panel-disabled .css-color-picker-control-bar,.css-color-picker-panel.css-color-picker-panel-disabled .css-color-picker-palette,.css-color-picker-panel.css-color-picker-panel-disabled .css-color-picker-preview {
    cursor: not-allowed;
    opacity: .8
}

.css-color-picker-select-popup .css-select-option {
    font-size: 12px;
    line-height: 24px
}

.css-comment {
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    line-height: 1.5715
}

.css-comment-inner-comment,.css-comment:not(:first-of-type) {
    margin-top: 20px
}

.css-comment-inner {
    flex: 1
}

.css-comment-avatar {
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 12px
}

.css-comment-avatar>img {
    border-radius: var(--border-radius-circle);
    height: 32px;
    width: 32px
}

.css-comment-author {
    color: var(--color-text-2);
    font-size: 14px;
    margin-right: 8px
}

.css-comment-datetime {
    color: var(--color-text-3);
    font-size: 12px
}

.css-comment-content {
    color: var(--color-text-1)
}

.css-comment-title-align-right {
    display: flex;
    justify-content: space-between
}

.css-comment-actions {
    color: var(--color-text-2);
    font-size: 14px;
    margin-top: 8px
}

.css-comment-actions>:not(:last-child) {
    margin-right: 8px
}

.css-comment-actions-align-right {
    display: flex;
    justify-content: flex-end
}

.css-picker-container,.css-picker-range-container {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-sizing: border-box;
    min-height: 60px;
    overflow: hidden
}

.css-picker-container-shortcuts-placement-left,.css-picker-container-shortcuts-placement-right,.css-picker-range-container-shortcuts-placement-left,.css-picker-range-container-shortcuts-placement-right {
    align-items: flex-start;
    display: flex
}

.css-picker-container-shortcuts-placement-left>.css-picker-shortcuts,.css-picker-container-shortcuts-placement-right>.css-picker-shortcuts,.css-picker-range-container-shortcuts-placement-left>.css-picker-shortcuts,.css-picker-range-container-shortcuts-placement-right>.css-picker-shortcuts {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 8px
}

.css-picker-container-shortcuts-placement-left>.css-picker-shortcuts>*,.css-picker-container-shortcuts-placement-right>.css-picker-shortcuts>*,.css-picker-range-container-shortcuts-placement-left>.css-picker-shortcuts>*,.css-picker-range-container-shortcuts-placement-right>.css-picker-shortcuts>* {
    margin: 5px 0
}

.css-picker-container-shortcuts-placement-left .css-picker-panel-wrapper,.css-picker-container-shortcuts-placement-left .css-picker-range-panel-wrapper,.css-picker-range-container-shortcuts-placement-left .css-picker-panel-wrapper,.css-picker-range-container-shortcuts-placement-left .css-picker-range-panel-wrapper {
    border-left: 1px solid var(--color-neutral-3)
}

.css-picker-container-shortcuts-placement-right .css-picker-panel-wrapper,.css-picker-container-shortcuts-placement-right .css-picker-range-panel-wrapper,.css-picker-range-container-shortcuts-placement-right .css-picker-panel-wrapper,.css-picker-range-container-shortcuts-placement-right .css-picker-range-panel-wrapper {
    border-right: 1px solid var(--color-neutral-3)
}

.css-picker-container-panel-only,.css-picker-range-container-panel-only {
    box-shadow: none
}

.css-picker-container-panel-only .css-panel-date-inner,.css-picker-range-container-panel-only .css-panel-date,.css-picker-range-container-panel-only .css-panel-date-inner {
    width: 100%
}

.css-picker-header {
    border-bottom: 1px solid var(--color-neutral-3);
    display: flex;
    padding: 8px 16px
}

.css-picker-header-title {
    color: var(--color-text-1);
    flex: 1;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.css-picker-header-icon {
    background-color: var(--color-bg-popup);
    border-radius: 50%;
    color: var(--color-text-2);
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 24px
}

.css-picker-header-icon:not(.css-picker-header-icon-hidden) {
    cursor: pointer
}

.css-picker-header-icon:not(.css-picker-header-icon-hidden):hover {
    background-color: var(--color-fill-3)
}

.css-picker-header-label {
    border-radius: 2px;
    cursor: pointer;
    padding: 2px;
    transition: all .1s
}

.css-picker-header-label:hover {
    background-color: var(--color-fill-3)
}

.css-picker-body {
    padding: 14px 16px
}

.css-picker-week-list {
    box-sizing: border-box;
    display: flex;
    padding: 14px 16px 0;
    width: 100%
}

.css-picker-week-list-item {
    color: #7d7d7f;
    flex: 1;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-align: center
}

.css-picker-row {
    display: flex;
    padding: 2px 0
}

.css-picker-cell {
    flex: 1
}

.css-picker-cell .css-picker-date {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 4px 0;
    width: 100%
}

.css-picker-date-value {
    border-radius: var(--border-radius-circle);
    color: var(--color-text-4);
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    text-align: center
}

.css-picker-cell-in-view .css-picker-date-value {
    color: var(--color-text-1);
    font-weight: 500
}

.css-picker-cell-selected .css-picker-date-value {
    background-color: rgb(var(--primary-6));
    color: var(--color-white);
    transition: background-color .1s linear
}

.css-picker-cell-in-view:not(.css-picker-cell-selected):not(.css-picker-cell-range-start):not(.css-picker-cell-range-end):not(.css-picker-cell-disabled):not(.css-picker-cell-week) .css-picker-date-value:hover {
    background-color: var(--color-fill-3);
    color: var(--color-text-1)
}

.css-picker-cell-today {
    position: relative
}

.css-picker-cell-today:after {
    background-color: rgb(var(--primary-6));
    border-radius: 50%;
    bottom: -2px;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 4px
}

.css-picker-cell-in-range .css-picker-date {
    background-color: var(--color-primary-light-1)
}

.css-picker-cell-range-start .css-picker-date {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.css-picker-cell-range-end .css-picker-date {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.css-picker-cell-in-range-near-hover .css-picker-date {
    border-radius: 0
}

.css-picker-cell-range-end .css-picker-date-value,.css-picker-cell-range-start .css-picker-date-value {
    background-color: rgb(var(--primary-6));
    border-radius: var(--border-radius-circle);
    color: var(--color-white)
}

.css-picker-cell-hover-in-range .css-picker-date {
    background-color: var(--color-primary-light-1)
}

.css-picker-cell-hover-range-start .css-picker-date {
    border-radius: 24px 0 0 24px
}

.css-picker-cell-hover-range-end .css-picker-date {
    border-radius: 0 24px 24px 0
}

.css-picker-cell-hover-range-end .css-picker-date-value,.css-picker-cell-hover-range-start .css-picker-date-value {
    background-color: var(--color-primary-light-2);
    border-radius: 50%;
    color: var(--color-text-1)
}

.css-picker-cell-disabled .css-picker-date {
    background-color: var(--color-fill-1);
    cursor: not-allowed
}

.css-picker-cell-disabled .css-picker-date-value {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-picker-footer {
    min-width: 100%;
    width: -moz-min-content;
    width: min-content
}

.css-picker-footer-btn-wrapper {
    align-items: center;
    border-top: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 3px 8px
}

.css-picker-footer-btn-wrapper :only-child {
    margin-left: auto
}

.css-picker-footer-extra-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    color: var(--color-text-1);
    font-size: 12px;
    padding: 8px 24px
}

.css-picker-footer-now-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.css-picker-btn-confirm {
    margin: 5px 0
}

.css-picker-shortcuts {
    flex: 1
}

.css-picker-shortcuts>* {
    margin: 5px 10px 5px 0
}

.css-panel-date {
    box-sizing: border-box;
    display: flex
}

.css-panel-date-inner {
    width: 265px
}

.css-panel-date-inner .css-picker-body {
    padding-top: 0
}

.css-panel-date-timepicker {
    border-left: 1px solid var(--color-neutral-3);
    display: flex;
    flex-direction: column
}

.css-panel-date-timepicker-title {
    border-bottom: 1px solid var(--color-neutral-3);
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%
}

.css-panel-date-timepicker .css-timepicker {
    height: 276px;
    overflow: hidden;
    padding: 0 6px
}

.css-panel-date-timepicker .css-timepicker-column {
    box-sizing: border-box;
    height: 100%;
    padding: 0 4px;
    width: auto
}

.css-panel-date-timepicker .css-timepicker-column::-webkit-scrollbar {
    width: 0
}

.css-panel-date-timepicker .css-timepicker-column:not(:last-child) {
    border-right: 0
}

.css-panel-date-timepicker .css-timepicker ul:after {
    height: 244px
}

.css-panel-date-timepicker .css-timepicker-cell {
    width: 36px
}

.css-panel-date-timepicker .css-timepicker-cell-inner {
    padding-left: 10px
}

.css-panel-date-footer {
    border-right: 1px solid var(--color-neutral-3)
}

.css-panel-date-with-view-tabs {
    flex-direction: column;
    min-width: 265px
}

.css-panel-date-with-view-tabs .css-panel-date-timepicker .css-timepicker-column {
    flex: 1
}

.css-panel-date-with-view-tabs .css-panel-date-timepicker .css-timepicker-column::-webkit-scrollbar {
    width: 0
}

.css-panel-date-with-view-tabs .css-panel-date-timepicker .css-timepicker-cell {
    text-align: center;
    width: 100%
}

.css-panel-date-with-view-tabs .css-panel-date-timepicker .css-timepicker-cell-inner {
    padding-left: 0
}

.css-panel-date-view-tabs {
    border-top: 1px solid var(--color-neutral-3);
    display: flex
}

.css-panel-date-view-tab-pane {
    border-right: 1px solid var(--color-neutral-3);
    color: var(--color-text-4);
    cursor: pointer;
    flex: 1;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.css-panel-date-view-tab-pane:last-child {
    border-right: none
}

.css-panel-date-view-tab-pane-text {
    margin-left: 8px
}

.css-panel-date-view-tab-pane-active {
    color: var(--color-text-1)
}

.css-panel-month,.css-panel-quarter,.css-panel-year {
    box-sizing: border-box;
    width: 265px
}

.css-panel-month .css-picker-date,.css-panel-quarter .css-picker-date,.css-panel-year .css-picker-date {
    padding: 4px
}

.css-panel-month .css-picker-date-value,.css-panel-quarter .css-picker-date-value,.css-panel-year .css-picker-date-value {
    border-radius: 24px;
    width: 100%
}

.css-panel-month .css-picker-cell:not(.css-picker-cell-selected):not(.css-picker-cell-range-start):not(.css-picker-cell-range-end):not(.css-picker-cell-disabled):not(.css-picker-cell-week) .css-picker-date-value:hover,.css-panel-quarter .css-picker-cell:not(.css-picker-cell-selected):not(.css-picker-cell-range-start):not(.css-picker-cell-range-end):not(.css-picker-cell-disabled):not(.css-picker-cell-week) .css-picker-date-value:hover,.css-panel-year .css-picker-cell:not(.css-picker-cell-selected):not(.css-picker-cell-range-start):not(.css-picker-cell-range-end):not(.css-picker-cell-disabled):not(.css-picker-cell-week) .css-picker-date-value:hover {
    border-radius: 24px
}

.css-panel-year {
    width: 265px
}

.css-panel-week,.css-panel-year {
    box-sizing: border-box
}

.css-panel-week-wrapper {
    display: flex
}

.css-panel-week-inner {
    width: 298px
}

.css-panel-week-inner .css-picker-body {
    padding-top: 0
}

.css-panel-week .css-picker-row-week {
    cursor: pointer
}

.css-panel-week .css-picker-row-week .css-picker-date-value {
    border-radius: 0;
    width: 100%
}

.css-panel-week .css-picker-cell .css-picker-date {
    border-radius: 0
}

.css-panel-week .css-picker-cell:nth-child(2) .css-picker-date {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    padding-left: 4px
}

.css-panel-week .css-picker-cell:nth-child(2) .css-picker-date .css-picker-date-value {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.css-panel-week .css-picker-cell:nth-child(8) .css-picker-date {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
    padding-right: 4px
}

.css-panel-week .css-picker-cell:nth-child(8) .css-picker-date .css-picker-date-value {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.css-panel-week .css-picker-row-week:hover .css-picker-cell:not(.css-picker-cell-week):not(.css-picker-cell-selected):not(.css-picker-cell-range-start):not(.css-picker-cell-range-end) .css-picker-date-value {
    background-color: var(--color-fill-3)
}

.css-panel-quarter {
    box-sizing: border-box;
    width: 265px
}

.css-picker-range-wrapper {
    display: flex
}

.css-datepicker-shortcuts-wrapper {
    box-sizing: border-box;
    height: 100%;
    list-style: none;
    margin: 10px 0 0;
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
    width: 106px
}

.css-datepicker-shortcuts-wrapper>li {
    box-sizing: border-box;
    cursor: pointer;
    padding: 6px 16px;
    width: 100%
}

.css-datepicker-shortcuts-wrapper>li:hover {
    color: rgb(var(--primary-6))
}

.css-descriptions-table {
    border-collapse: collapse;
    width: 100%
}

.css-descriptions-table-layout-fixed table {
    table-layout: fixed
}

.css-descriptions-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5715;
    margin-bottom: 16px
}

.css-descriptions-item,.css-descriptions-item-label,.css-descriptions-item-value {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5715;
    text-align: left
}

.css-descriptions-table-layout-fixed .css-descriptions-item-label {
    width: auto
}

.css-descriptions-item-label-block {
    color: var(--color-text-3);
    font-weight: 500;
    padding: 0 4px 12px 0;
    white-space: nowrap;
    width: 1px
}

.css-descriptions-item-value-block {
    color: var(--color-text-1);
    font-weight: 400;
    padding: 0 4px 12px 0;
    white-space: pre-wrap;
    word-break: break-word
}

.css-descriptions-item-label-inline,.css-descriptions-item-value-inline {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5715;
    text-align: left
}

.css-descriptions-item-label-inline {
    color: var(--color-text-3);
    font-weight: 500;
    margin-bottom: 2px
}

.css-descriptions-item-value-inline {
    color: var(--color-text-1);
    font-weight: 400
}

.css-descriptions-layout-inline-horizontal .css-descriptions-item-label-inline {
    margin-right: 4px
}

.css-descriptions-layout-inline-horizontal .css-descriptions-item-label-inline,.css-descriptions-layout-inline-horizontal .css-descriptions-item-value-inline {
    display: inline-block;
    margin-bottom: 0
}

.css-descriptions-border.css-descriptions-layout-inline-vertical .css-descriptions-item {
    padding: 12px 20px
}

.css-descriptions-border .css-descriptions-body {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    overflow: hidden
}

.css-descriptions-border .css-descriptions-row:not(:last-child) {
    border-bottom: 1px solid var(--color-neutral-3)
}

.css-descriptions-border .css-descriptions-item,.css-descriptions-border .css-descriptions-item-label-block,.css-descriptions-border .css-descriptions-item-value-block {
    border-right: 1px solid var(--color-neutral-3);
    padding: 7px 20px
}

.css-descriptions-border .css-descriptions-item-label-block {
    background-color: var(--color-fill-1)
}

.css-descriptions-border .css-descriptions-item-value-block:last-child,.css-descriptions-border .css-descriptions-item:last-child,.css-descriptions-border.css-descriptions-layout-vertical .css-descriptions-item-label-block:last-child {
    border-right: none
}

.css-descriptions-layout-vertical:not(.css-descriptions-border) .css-descriptions-item-value-block:first-child {
    padding-left: 0
}

.css-descriptions-size-mini .css-descriptions-title {
    margin-bottom: 6px
}

.css-descriptions-size-mini .css-descriptions-item-label-block,.css-descriptions-size-mini .css-descriptions-item-value-block {
    font-size: 12px;
    padding-bottom: 2px;
    padding-right: 20px
}

.css-descriptions-size-mini.css-descriptions-border .css-descriptions-item-label-block,.css-descriptions-size-mini.css-descriptions-border .css-descriptions-item-value-block {
    padding: 3px 20px
}

.css-descriptions-size-mini.css-descriptions-border.css-descriptions-layout-inline-vertical .css-descriptions-item {
    padding: 8px 20px
}

.css-descriptions-size-small .css-descriptions-title {
    margin-bottom: 8px
}

.css-descriptions-size-small .css-descriptions-item-label-block,.css-descriptions-size-small .css-descriptions-item-value-block {
    font-size: 14px;
    padding-bottom: 4px;
    padding-right: 20px
}

.css-descriptions-size-small.css-descriptions-border .css-descriptions-item-label-block,.css-descriptions-size-small.css-descriptions-border .css-descriptions-item-value-block {
    padding: 3px 20px
}

.css-descriptions-size-small.css-descriptions-border.css-descriptions-layout-inline-vertical .css-descriptions-item {
    padding: 8px 20px
}

.css-descriptions-size-medium .css-descriptions-title {
    margin-bottom: 12px
}

.css-descriptions-size-medium .css-descriptions-item-label-block,.css-descriptions-size-medium .css-descriptions-item-value-block {
    font-size: 14px;
    padding-bottom: 8px;
    padding-right: 20px
}

.css-descriptions-size-medium.css-descriptions-border .css-descriptions-item-label-block,.css-descriptions-size-medium.css-descriptions-border .css-descriptions-item-value-block {
    padding: 5px 20px
}

.css-descriptions-size-medium.css-descriptions-border.css-descriptions-layout-inline-vertical .css-descriptions-item {
    padding: 10px 20px
}

.css-descriptions-size-large .css-descriptions-title {
    margin-bottom: 20px
}

.css-descriptions-size-large .css-descriptions-item-label-block,.css-descriptions-size-large .css-descriptions-item-value-block {
    font-size: 14px;
    padding-bottom: 16px;
    padding-right: 20px
}

.css-descriptions-size-large.css-descriptions-border .css-descriptions-item-label-block,.css-descriptions-size-large.css-descriptions-border .css-descriptions-item-value-block {
    padding: 9px 20px
}

.css-descriptions-size-large.css-descriptions-border.css-descriptions-layout-inline-vertical .css-descriptions-item {
    padding: 14px 20px
}

.css-divider-horizontal {
    border-bottom: 1px solid var(--color-neutral-3);
    clear: both;
    margin: 20px 0;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    width: 100%
}

.css-divider-horizontal.css-divider-with-text {
    margin: 20px 0
}

.css-divider-vertical {
    border-left: 1px solid var(--color-neutral-3);
    display: inline-block;
    margin: 0 12px;
    max-width: 1px;
    min-height: 1em;
    min-width: 1px;
    vertical-align: middle
}

.css-divider-text {
    background: var(--color-bg-2);
    box-sizing: border-box;
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    padding: 0 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.css-divider-text-center {
    left: 50%;
    transform: translate(-50%,-50%)
}

.css-divider-text-left {
    left: 24px
}

.css-divider-text-right {
    right: 24px
}

.css-drawer-container {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001
}

.css-drawer-mask {
    background-color: var(--color-mask-bg);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.css-drawer {
    background-color: var(--color-bg-3);
    display: flex;
    flex-direction: column;
    height: 100%;
    line-height: 1.5715;
    overflow: auto;
    position: absolute;
    width: 100%
}

.css-drawer-header {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    padding: 0 16px;
    width: 100%
}

.css-drawer-header .css-drawer-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500;
    margin-right: auto;
    text-align: left
}

.css-drawer-header .css-drawer-close-btn {
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 12px;
    margin-left: 8px
}

.css-drawer-footer {
    border-top: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 16px;
    text-align: right
}

.css-drawer-footer>.css-btn {
    margin-left: 12px
}

.css-drawer-body {
    box-sizing: border-box;
    color: var(--color-text-1);
    flex: 1;
    height: 100%;
    overflow: auto;
    padding: 12px 16px;
    position: relative
}

.fade-drawer-appear-from,.fade-drawer-enter-from {
    opacity: 0
}

.fade-drawer-appear-to,.fade-drawer-enter-to {
    opacity: 1
}

.fade-drawer-appear-active,.fade-drawer-enter-active {
    transition: opacity .3s cubic-bezier(.34,.69,.1,1)
}

.fade-drawer-leave-from {
    opacity: 1
}

.fade-drawer-leave-to {
    opacity: 0
}

.fade-drawer-leave-active {
    transition: opacity .3s cubic-bezier(.34,.69,.1,1)
}

.slide-left-drawer-appear-from,.slide-left-drawer-enter-from {
    transform: translateX(-100%)
}

.slide-left-drawer-appear-to,.slide-left-drawer-enter-to {
    transform: translateX(0)
}

.slide-left-drawer-appear-active,.slide-left-drawer-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-left-drawer-leave-from {
    transform: translateX(0)
}

.slide-left-drawer-leave-to {
    transform: translateX(-100%)
}

.slide-left-drawer-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-right-drawer-appear-from,.slide-right-drawer-enter-from {
    transform: translateX(100%)
}

.slide-right-drawer-appear-to,.slide-right-drawer-enter-to {
    transform: translateX(0)
}

.slide-right-drawer-appear-active,.slide-right-drawer-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-right-drawer-leave-from {
    transform: translateX(0)
}

.slide-right-drawer-leave-to {
    transform: translateX(100%)
}

.slide-right-drawer-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-top-drawer-appear,.slide-top-drawer-appear-from,.slide-top-drawer-enter,.slide-top-drawer-enter-from {
    transform: translateY(-100%)
}

.slide-top-drawer-appear-to,.slide-top-drawer-enter-to {
    transform: translateY(0)
}

.slide-top-drawer-appear-active,.slide-top-drawer-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-top-drawer-leave-from {
    transform: translateY(0)
}

.slide-top-drawer-leave-to {
    transform: translateY(-100%)
}

.slide-top-drawer-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-bottom-drawer-appear-from,.slide-bottom-drawer-enter-from {
    transform: translateY(100%)
}

.slide-bottom-drawer-appear-to,.slide-bottom-drawer-enter-to {
    transform: translateY(0)
}

.slide-bottom-drawer-appear-active,.slide-bottom-drawer-enter-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.slide-bottom-drawer-leave-from {
    transform: translateY(0)
}

.slide-bottom-drawer-leave-to {
    transform: translateY(100%)
}

.slide-bottom-drawer-leave-active {
    transition: transform .3s cubic-bezier(.34,.69,.1,1)
}

.css-dropdown {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    padding: 4px 0
}

.css-dropdown-list {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    overflow-y: scroll;
    max-height: 300px;
}

.css-dropdown-list-wrapper {
    max-height: 200px;
    overflow-y: auto
}

.css-dropdown-option {
    align-items: center;
    background-color: transparent;
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 36px;
    padding: 0 12px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1
}

.css-dropdown-option-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-dropdown-option-has-suffix {
    justify-content: space-between
}

.css-dropdown-option-active,.css-dropdown-option:not(.css-dropdown-option-disabled):hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1);
    transition: all .1s linear
}

.css-dropdown-option-disabled {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-dropdown-option-icon {
    display: inline-flex;
    margin-right: 8px
}

.css-dropdown-option-suffix {
    margin-left: 12px
}

.css-dropdown-group:first-child .css-dropdown-group-title {
    margin-top: 8px
}

.css-dropdown-group-title {
    box-sizing: border-box;
    color: var(--color-text-3);
    cursor: default;
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.css-dropdown-submenu {
    margin-top: -4px
}

.css-dropdown.css-dropdown-has-footer {
    padding-bottom: 0
}

.css-dropdown-footer {
    border-top: 1px solid var(--color-fill-3)
}

.css-empty {
    box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.css-empty-image {
    color: rgb(var(--gray-5));
    font-size: 48px;
    line-height: 1;
    margin-bottom: 4px
}

.css-empty-image img {
    height: 80px
}

.css-empty .css-empty-description {
    color: rgb(var(--gray-5));
    font-size: 14px
}

.css-form-item-status-validating .css-input-wrapper:not(.css-input-disabled),.css-form-item-status-validating .css-textarea-wrapper:not(.css-textarea-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.css-form-item-status-validating .css-input-wrapper:not(.css-input-disabled):hover,.css-form-item-status-validating .css-textarea-wrapper:not(.css-textarea-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-form-item-status-validating .css-input-wrapper:not(.css-input-disabled).css-input-focus,.css-form-item-status-validating .css-textarea-wrapper:not(.css-textarea-disabled).css-textarea-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.css-form-item-status-validating .css-input-tag:not(.css-input-tag-disabled),.css-form-item-status-validating .css-select-view:not(.css-select-view-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.css-form-item-status-validating .css-input-tag:not(.css-input-tag-disabled):hover,.css-form-item-status-validating .css-select-view:not(.css-select-view-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-form-item-status-validating .css-input-tag:not(.css-input-tag-disabled).css-input-tag-focus,.css-form-item-status-validating .css-select-view:not(.css-select-view-disabled).css-select-view-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.css-form-item-status-validating .css-picker:not(.css-picker-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.css-form-item-status-validating .css-picker:not(.css-picker-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-form-item-status-validating .css-picker-focused:not(.css-picker-disabled),.css-form-item-status-validating .css-picker-focused:not(.css-picker-disabled):hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2)
}

.css-form-item-status-validating .css-form-item-feedback,.css-form-item-status-validating .css-form-item-message-help {
    color: rgb(var(--primary-6))
}

.css-form-item-status-success .css-input-wrapper:not(.css-input-disabled),.css-form-item-status-success .css-textarea-wrapper:not(.css-textarea-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.css-form-item-status-success .css-input-wrapper:not(.css-input-disabled):hover,.css-form-item-status-success .css-textarea-wrapper:not(.css-textarea-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-form-item-status-success .css-input-wrapper:not(.css-input-disabled).css-input-focus,.css-form-item-status-success .css-textarea-wrapper:not(.css-textarea-disabled).css-textarea-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.css-form-item-status-success .css-input-tag:not(.css-input-tag-disabled),.css-form-item-status-success .css-select-view:not(.css-select-view-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.css-form-item-status-success .css-input-tag:not(.css-input-tag-disabled):hover,.css-form-item-status-success .css-select-view:not(.css-select-view-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-form-item-status-success .css-input-tag:not(.css-input-tag-disabled).css-input-tag-focus,.css-form-item-status-success .css-select-view:not(.css-select-view-disabled).css-select-view-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.css-form-item-status-success .css-picker:not(.css-picker-disabled) {
    background-color: var(--color-fill-2);
    border-color: transparent
}

.css-form-item-status-success .css-picker:not(.css-picker-disabled):hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-form-item-status-success .css-picker-focused:not(.css-picker-disabled),.css-form-item-status-success .css-picker-focused:not(.css-picker-disabled):hover {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--success-6));
    box-shadow: 0 0 0 0 var(--color-success-light-2)
}

.css-form-item-status-success .css-form-item-feedback,.css-form-item-status-success .css-form-item-message-help {
    color: rgb(var(--success-6))
}

.css-form-item-status-warning .css-input-wrapper:not(.css-input-disabled),.css-form-item-status-warning .css-textarea-wrapper:not(.css-textarea-disabled) {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.css-form-item-status-warning .css-input-wrapper:not(.css-input-disabled):hover,.css-form-item-status-warning .css-textarea-wrapper:not(.css-textarea-disabled):hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.css-form-item-status-warning .css-input-wrapper:not(.css-input-disabled).css-input-focus,.css-form-item-status-warning .css-textarea-wrapper:not(.css-textarea-disabled).css-textarea-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.css-form-item-status-warning .css-input-tag:not(.css-input-tag-disabled),.css-form-item-status-warning .css-select-view:not(.css-select-view-disabled) {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

.css-form-item-status-warning .css-input-tag:not(.css-input-tag-disabled):hover,.css-form-item-status-warning .css-select-view:not(.css-select-view-disabled):hover {
    background-color: var(--color-warning-light-2);
    border-color: transparent
}

.css-form-item-status-warning .css-input-tag:not(.css-input-tag-disabled).css-input-tag-focus,.css-form-item-status-warning .css-select-view:not(.css-select-view-disabled).css-select-view-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--warning-6));
    box-shadow: 0 0 0 0 var(--color-warning-light-2)
}

.css-form-item-status-warning .css-picker:not(.css-picker-disabled) {
    background-color: var(--color-warning-light-1);
    border-color: transparent
}

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

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

.css-form-item-status-warning .css-form-item-feedback,.css-form-item-status-warning .css-form-item-message-help {
    color: rgb(var(--warning-6))
}

.css-form-item-status-error .css-input-wrapper:not(.css-input-disabled),.css-form-item-status-error .css-textarea-wrapper:not(.css-textarea-disabled) {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-form-item-status-error .css-input-wrapper:not(.css-input-disabled):hover,.css-form-item-status-error .css-textarea-wrapper:not(.css-textarea-disabled):hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-form-item-status-error .css-input-wrapper:not(.css-input-disabled).css-input-focus,.css-form-item-status-error .css-textarea-wrapper:not(.css-textarea-disabled).css-textarea-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

.css-form-item-status-error .css-input-tag:not(.css-input-tag-disabled),.css-form-item-status-error .css-select-view:not(.css-select-view-disabled) {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-form-item-status-error .css-input-tag:not(.css-input-tag-disabled):hover,.css-form-item-status-error .css-select-view:not(.css-select-view-disabled):hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-form-item-status-error .css-input-tag:not(.css-input-tag-disabled).css-input-tag-focus,.css-form-item-status-error .css-select-view:not(.css-select-view-disabled).css-select-view-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2)
}

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

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

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

.css-form-item-status-error .css-form-item-feedback,.css-form-item-status-error .css-form-item-message-help {
    color: rgb(var(--danger-6))
}

.css-form-item-control-children {
    position: relative
}

.css-form-item-feedback {
    font-size: 14px;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%)
}

.css-form-item-feedback .css-icon-loading {
    font-size: 12px
}

.css-form-item-has-feedback .css-input,.css-form-item-has-feedback .css-input-inner-wrapper,.css-form-item-has-feedback .css-textarea {
    padding-right: 28px
}

.css-form-item-has-feedback .css-input-number-mode-embed .css-input-number-step-layer {
    right: 24px
}

.css-form-item-has-feedback .css-select.css-select-multiple .css-select-view,.css-form-item-has-feedback .css-select.css-select-single .css-select-view {
    padding-right: 28px
}

.css-form-item-has-feedback .css-select.css-select-multiple .css-select-suffix {
    padding-right: 0
}

.css-form-item-has-feedback .css-cascader.css-cascader-multiple .css-cascader-view,.css-form-item-has-feedback .css-cascader.css-cascader-single .css-cascader-view {
    padding-right: 28px
}

.css-form-item-has-feedback .css-cascader.css-cascader-multiple .css-cascader-suffix {
    padding-right: 0
}

.css-form-item-has-feedback .css-tree-select.css-tree-select-multiple .css-tree-select-view,.css-form-item-has-feedback .css-tree-select.css-tree-select-single .css-tree-select-view {
    padding-right: 28px
}

.css-form-item-has-feedback .css-tree-select.css-tree-select-multiple .css-tree-select-suffix {
    padding-right: 0
}

.css-form-item-has-feedback .css-picker {
    padding-right: 28px
}

.css-form-item-has-feedback .css-picker-suffix .css-picker-clear-icon,.css-form-item-has-feedback .css-picker-suffix .css-picker-suffix-icon {
    margin-left: 0;
    margin-right: 0
}

.css-form {
    display: flex;
    flex-direction: column;
    width: 100%
}

.css-form-layout-inline {
    flex-direction: row;
    flex-wrap: wrap
}

.css-form-layout-inline .css-form-item {
    margin-bottom: 8px;
    width: auto
}

.css-form-auto-label-width .css-form-item-label-col>.css-form-item-label {
    white-space: nowrap
}

.css-form-item {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    width: 100%
}

.css-form-item-layout-vertical {
    display: block
}

.css-form-item-layout-vertical>.css-form-item-label-col {
    justify-content: flex-start;
    line-height: 1.5715;
    margin-bottom: 8px;
    padding: 0;
    white-space: normal
}

.css-form-item-layout-inline {
    margin-right: 24px
}

.css-form-item-label-col {
    padding-right: 16px
}

.css-form-item.css-form-item-error,.css-form-item.css-form-item-has-help {
    margin-bottom: 0
}

.css-form-item-wrapper-flex.css-col {
    flex: 1
}

.css-form-size-mini .css-form-item-label-col {
    line-height: 24px
}

.css-form-size-mini .css-form-item-label-col>.css-form-item-label {
    font-size: 12px
}

.css-form-size-mini .css-form-item-content,.css-form-size-mini .css-form-item-wrapper-col {
    min-height: 24px
}

.css-form-size-small .css-form-item-label-col {
    line-height: 28px
}

.css-form-size-small .css-form-item-label-col>.css-form-item-label {
    font-size: 14px
}

.css-form-size-small .css-form-item-content,.css-form-size-small .css-form-item-wrapper-col {
    min-height: 28px
}

.css-form-size-large .css-form-item-label-col {
    line-height: 36px
}

.css-form-size-large .css-form-item-label-col>.css-form-item-label {
    font-size: 14px
}

.css-form-size-large .css-form-item-content,.css-form-size-large .css-form-item-wrapper-col {
    min-height: 26px
}

.css-form-item-extra {
    color: var(--color-text-3);
    font-size: 12px;
    margin-top: 4px
}

.css-form-item-message {
    color: rgb(var(--danger-6));
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.css-form-item-message-help {
    color: var(--color-text-3)
}

.css-form-item-message+.css-form-item-extra {
    margin-bottom: 4px;
    margin-top: 0
}

.css-form-item-label-col {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    line-height: 32px;
    white-space: nowrap
}

.css-form-item-label-col-left {
    justify-content: flex-start
}

.css-form-item-label-col>.css-form-item-label {
    color: var(--color-text-2);
    font-size: 14px;
    max-width: 100%;
    white-space: normal
}

.css-form-item-label-col.css-form-item-label-col-flex {
    box-sizing: content-box
}

.css-form-item-wrapper-col {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 32px;
    min-width: 0;
    width: 100%
}

.css-form-item-content {
    flex: 1;
    max-width: 100%;
    min-height: 32px
}

.css-form-item-content-wrapper {
    width: 100%
}

.css-form-item-content-flex,.css-form-item-content-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.css-form .css-slider {
    display: block
}

.css-form-item-label-required-symbol {
    color: rgb(var(--danger-6));
    font-size: 12px;
    line-height: 1
}

.css-form-item-label-required-symbol svg {
    display: inline-block;
    transform: scale(.5)
}

.css-form-item-label-tooltip {
    color: var(--color-text-4);
    margin-left: 4px
}

.form-blink-appear-from,.form-blink-enter-from {
    opacity: 0
}

.form-blink-appear-to,.form-blink-enter-to {
    opacity: 1
}

.form-blink-appear-active,.form-blink-enter-active {
    animation: css-form-blink .5s linear;
    transition: opacity .3s linear
}

@keyframes css-form-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.css-row {
    display: flex;
    flex-flow: row wrap
}

.css-row-nowrap {
    flex-wrap: nowrap
}

.css-row-align-start {
    align-items: flex-start
}

.css-row-align-center {
    align-items: center
}

.css-row-align-end {
    align-items: flex-end
}

.css-row-justify-start {
    justify-content: flex-start
}

.css-row-justify-center {
    justify-content: center
}

.css-row-justify-end {
    justify-content: flex-end
}

.css-row-justify-space-around {
    justify-content: space-around
}

.css-row-justify-space-between {
    justify-content: space-between
}

.css-col {
    box-sizing: border-box
}

.css-col-1 {
    flex: 0 0 4.16666667%;
    width: 4.16666667%
}

.css-col-2 {
    flex: 0 0 8.33333333%;
    width: 8.33333333%
}

.css-col-3 {
    flex: 0 0 12.5%;
    width: 12.5%
}

.css-col-4 {
    flex: 0 0 16.66666667%;
    width: 16.66666667%
}

.css-col-5 {
    flex: 0 0 20.83333333%;
    width: 20.83333333%
}

.css-col-6 {
    flex: 0 0 25%;
    width: 25%
}

.css-col-7 {
    flex: 0 0 29.16666667%;
    width: 29.16666667%
}

.css-col-8 {
    flex: 0 0 33.33333333%;
    width: 33.33333333%
}

.css-col-9 {
    flex: 0 0 37.5%;
    width: 37.5%
}

.css-col-10 {
    flex: 0 0 41.66666667%;
    width: 41.66666667%
}

.css-col-11 {
    flex: 0 0 45.83333333%;
    width: 45.83333333%
}

.css-col-12 {
    flex: 0 0 50%;
    width: 50%
}

.css-col-13 {
    flex: 0 0 54.16666667%;
    width: 54.16666667%
}

.css-col-14 {
    flex: 0 0 58.33333333%;
    width: 58.33333333%
}

.css-col-15 {
    flex: 0 0 62.5%;
    width: 62.5%
}

.css-col-16 {
    flex: 0 0 66.66666667%;
    width: 66.66666667%
}

.css-col-17 {
    flex: 0 0 70.83333333%;
    width: 70.83333333%
}

.css-col-18 {
    flex: 0 0 75%;
    width: 75%
}

.css-col-19 {
    flex: 0 0 79.16666667%;
    width: 79.16666667%
}

.css-col-20 {
    flex: 0 0 83.33333333%;
    width: 83.33333333%
}

.css-col-21 {
    flex: 0 0 87.5%;
    width: 87.5%
}

.css-col-22 {
    flex: 0 0 91.66666667%;
    width: 91.66666667%
}

.css-col-23 {
    flex: 0 0 95.83333333%;
    width: 95.83333333%
}

.css-col-24 {
    flex: 0 0 100%;
    width: 100%
}

.css-col-offset-1 {
    margin-left: 4.16666667%
}

.css-col-offset-2 {
    margin-left: 8.33333333%
}

.css-col-offset-3 {
    margin-left: 12.5%
}

.css-col-offset-4 {
    margin-left: 16.66666667%
}

.css-col-offset-5 {
    margin-left: 20.83333333%
}

.css-col-offset-6 {
    margin-left: 25%
}

.css-col-offset-7 {
    margin-left: 29.16666667%
}

.css-col-offset-8 {
    margin-left: 33.33333333%
}

.css-col-offset-9 {
    margin-left: 37.5%
}

.css-col-offset-10 {
    margin-left: 41.66666667%
}

.css-col-offset-11 {
    margin-left: 45.83333333%
}

.css-col-offset-12 {
    margin-left: 50%
}

.css-col-offset-13 {
    margin-left: 54.16666667%
}

.css-col-offset-14 {
    margin-left: 58.33333333%
}

.css-col-offset-15 {
    margin-left: 62.5%
}

.css-col-offset-16 {
    margin-left: 66.66666667%
}

.css-col-offset-17 {
    margin-left: 70.83333333%
}

.css-col-offset-18 {
    margin-left: 75%
}

.css-col-offset-19 {
    margin-left: 79.16666667%
}

.css-col-offset-20 {
    margin-left: 83.33333333%
}

.css-col-offset-21 {
    margin-left: 87.5%
}

.css-col-offset-22 {
    margin-left: 91.66666667%
}

.css-col-offset-23 {
    margin-left: 95.83333333%
}

.css-col-order-1 {
    order: 1
}

.css-col-order-2 {
    order: 2
}

.css-col-order-3 {
    order: 3
}

.css-col-order-4 {
    order: 4
}

.css-col-order-5 {
    order: 5
}

.css-col-order-6 {
    order: 6
}

.css-col-order-7 {
    order: 7
}

.css-col-order-8 {
    order: 8
}

.css-col-order-9 {
    order: 9
}

.css-col-order-10 {
    order: 10
}

.css-col-order-11 {
    order: 11
}

.css-col-order-12 {
    order: 12
}

.css-col-order-13 {
    order: 13
}

.css-col-order-14 {
    order: 14
}

.css-col-order-15 {
    order: 15
}

.css-col-order-16 {
    order: 16
}

.css-col-order-17 {
    order: 17
}

.css-col-order-18 {
    order: 18
}

.css-col-order-19 {
    order: 19
}

.css-col-order-20 {
    order: 20
}

.css-col-order-21 {
    order: 21
}

.css-col-order-22 {
    order: 22
}

.css-col-order-23 {
    order: 23
}

.css-col-order-24 {
    order: 24
}

.css-col-xs-1 {
    flex: 0 0 4.16666667%;
    width: 4.16666667%
}

.css-col-xs-2 {
    flex: 0 0 8.33333333%;
    width: 8.33333333%
}

.css-col-xs-3 {
    flex: 0 0 12.5%;
    width: 12.5%
}

.css-col-xs-4 {
    flex: 0 0 16.66666667%;
    width: 16.66666667%
}

.css-col-xs-5 {
    flex: 0 0 20.83333333%;
    width: 20.83333333%
}

.css-col-xs-6 {
    flex: 0 0 25%;
    width: 25%
}

.css-col-xs-7 {
    flex: 0 0 29.16666667%;
    width: 29.16666667%
}

.css-col-xs-8 {
    flex: 0 0 33.33333333%;
    width: 33.33333333%
}

.css-col-xs-9 {
    flex: 0 0 37.5%;
    width: 37.5%
}

.css-col-xs-10 {
    flex: 0 0 41.66666667%;
    width: 41.66666667%
}

.css-col-xs-11 {
    flex: 0 0 45.83333333%;
    width: 45.83333333%
}

.css-col-xs-12 {
    flex: 0 0 50%;
    width: 50%
}

.css-col-xs-13 {
    flex: 0 0 54.16666667%;
    width: 54.16666667%
}

.css-col-xs-14 {
    flex: 0 0 58.33333333%;
    width: 58.33333333%
}

.css-col-xs-15 {
    flex: 0 0 62.5%;
    width: 62.5%
}

.css-col-xs-16 {
    flex: 0 0 66.66666667%;
    width: 66.66666667%
}

.css-col-xs-17 {
    flex: 0 0 70.83333333%;
    width: 70.83333333%
}

.css-col-xs-18 {
    flex: 0 0 75%;
    width: 75%
}

.css-col-xs-19 {
    flex: 0 0 79.16666667%;
    width: 79.16666667%
}

.css-col-xs-20 {
    flex: 0 0 83.33333333%;
    width: 83.33333333%
}

.css-col-xs-21 {
    flex: 0 0 87.5%;
    width: 87.5%
}

.css-col-xs-22 {
    flex: 0 0 91.66666667%;
    width: 91.66666667%
}

.css-col-xs-23 {
    flex: 0 0 95.83333333%;
    width: 95.83333333%
}

.css-col-xs-24 {
    flex: 0 0 100%;
    width: 100%
}

.css-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.css-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.css-col-xs-offset-3 {
    margin-left: 12.5%
}

.css-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.css-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.css-col-xs-offset-6 {
    margin-left: 25%
}

.css-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.css-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.css-col-xs-offset-9 {
    margin-left: 37.5%
}

.css-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.css-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.css-col-xs-offset-12 {
    margin-left: 50%
}

.css-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.css-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.css-col-xs-offset-15 {
    margin-left: 62.5%
}

.css-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.css-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.css-col-xs-offset-18 {
    margin-left: 75%
}

.css-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.css-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.css-col-xs-offset-21 {
    margin-left: 87.5%
}

.css-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.css-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.css-col-xs-order-1 {
    order: 1
}

.css-col-xs-order-2 {
    order: 2
}

.css-col-xs-order-3 {
    order: 3
}

.css-col-xs-order-4 {
    order: 4
}

.css-col-xs-order-5 {
    order: 5
}

.css-col-xs-order-6 {
    order: 6
}

.css-col-xs-order-7 {
    order: 7
}

.css-col-xs-order-8 {
    order: 8
}

.css-col-xs-order-9 {
    order: 9
}

.css-col-xs-order-10 {
    order: 10
}

.css-col-xs-order-11 {
    order: 11
}

.css-col-xs-order-12 {
    order: 12
}

.css-col-xs-order-13 {
    order: 13
}

.css-col-xs-order-14 {
    order: 14
}

.css-col-xs-order-15 {
    order: 15
}

.css-col-xs-order-16 {
    order: 16
}

.css-col-xs-order-17 {
    order: 17
}

.css-col-xs-order-18 {
    order: 18
}

.css-col-xs-order-19 {
    order: 19
}

.css-col-xs-order-20 {
    order: 20
}

.css-col-xs-order-21 {
    order: 21
}

.css-col-xs-order-22 {
    order: 22
}

.css-col-xs-order-23 {
    order: 23
}

.css-col-xs-order-24 {
    order: 24
}

@media (min-width: 576px) {
    .css-col-sm-1 {
        flex:0 0 4.16666667%;
        width: 4.16666667%
    }

    .css-col-sm-2 {
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .css-col-sm-3 {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .css-col-sm-4 {
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .css-col-sm-5 {
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .css-col-sm-6 {
        flex: 0 0 25%;
        width: 25%
    }

    .css-col-sm-7 {
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .css-col-sm-8 {
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .css-col-sm-9 {
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .css-col-sm-10 {
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .css-col-sm-11 {
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .css-col-sm-12 {
        flex: 0 0 50%;
        width: 50%
    }

    .css-col-sm-13 {
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .css-col-sm-14 {
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .css-col-sm-15 {
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .css-col-sm-16 {
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .css-col-sm-17 {
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .css-col-sm-18 {
        flex: 0 0 75%;
        width: 75%
    }

    .css-col-sm-19 {
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .css-col-sm-20 {
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .css-col-sm-21 {
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .css-col-sm-22 {
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .css-col-sm-23 {
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .css-col-sm-24 {
        flex: 0 0 100%;
        width: 100%
    }

    .css-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .css-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .css-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .css-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .css-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .css-col-sm-offset-6 {
        margin-left: 25%
    }

    .css-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .css-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .css-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .css-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .css-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .css-col-sm-offset-12 {
        margin-left: 50%
    }

    .css-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .css-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .css-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .css-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .css-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .css-col-sm-offset-18 {
        margin-left: 75%
    }

    .css-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .css-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .css-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .css-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .css-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .css-col-sm-order-1 {
        order: 1
    }

    .css-col-sm-order-2 {
        order: 2
    }

    .css-col-sm-order-3 {
        order: 3
    }

    .css-col-sm-order-4 {
        order: 4
    }

    .css-col-sm-order-5 {
        order: 5
    }

    .css-col-sm-order-6 {
        order: 6
    }

    .css-col-sm-order-7 {
        order: 7
    }

    .css-col-sm-order-8 {
        order: 8
    }

    .css-col-sm-order-9 {
        order: 9
    }

    .css-col-sm-order-10 {
        order: 10
    }

    .css-col-sm-order-11 {
        order: 11
    }

    .css-col-sm-order-12 {
        order: 12
    }

    .css-col-sm-order-13 {
        order: 13
    }

    .css-col-sm-order-14 {
        order: 14
    }

    .css-col-sm-order-15 {
        order: 15
    }

    .css-col-sm-order-16 {
        order: 16
    }

    .css-col-sm-order-17 {
        order: 17
    }

    .css-col-sm-order-18 {
        order: 18
    }

    .css-col-sm-order-19 {
        order: 19
    }

    .css-col-sm-order-20 {
        order: 20
    }

    .css-col-sm-order-21 {
        order: 21
    }

    .css-col-sm-order-22 {
        order: 22
    }

    .css-col-sm-order-23 {
        order: 23
    }

    .css-col-sm-order-24 {
        order: 24
    }
}

@media (min-width: 768px) {
    .css-col-md-1 {
        flex:0 0 4.16666667%;
        width: 4.16666667%
    }

    .css-col-md-2 {
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .css-col-md-3 {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .css-col-md-4 {
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .css-col-md-5 {
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .css-col-md-6 {
        flex: 0 0 25%;
        width: 25%
    }

    .css-col-md-7 {
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .css-col-md-8 {
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .css-col-md-9 {
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .css-col-md-10 {
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .css-col-md-11 {
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .css-col-md-12 {
        flex: 0 0 50%;
        width: 50%
    }

    .css-col-md-13 {
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .css-col-md-14 {
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .css-col-md-15 {
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .css-col-md-16 {
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .css-col-md-17 {
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .css-col-md-18 {
        flex: 0 0 75%;
        width: 75%
    }

    .css-col-md-19 {
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .css-col-md-20 {
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .css-col-md-21 {
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .css-col-md-22 {
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .css-col-md-23 {
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .css-col-md-24 {
        flex: 0 0 100%;
        width: 100%
    }

    .css-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .css-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .css-col-md-offset-3 {
        margin-left: 12.5%
    }

    .css-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .css-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .css-col-md-offset-6 {
        margin-left: 25%
    }

    .css-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .css-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .css-col-md-offset-9 {
        margin-left: 37.5%
    }

    .css-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .css-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .css-col-md-offset-12 {
        margin-left: 50%
    }

    .css-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .css-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .css-col-md-offset-15 {
        margin-left: 62.5%
    }

    .css-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .css-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .css-col-md-offset-18 {
        margin-left: 75%
    }

    .css-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .css-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .css-col-md-offset-21 {
        margin-left: 87.5%
    }

    .css-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .css-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .css-col-md-order-1 {
        order: 1
    }

    .css-col-md-order-2 {
        order: 2
    }

    .css-col-md-order-3 {
        order: 3
    }

    .css-col-md-order-4 {
        order: 4
    }

    .css-col-md-order-5 {
        order: 5
    }

    .css-col-md-order-6 {
        order: 6
    }

    .css-col-md-order-7 {
        order: 7
    }

    .css-col-md-order-8 {
        order: 8
    }

    .css-col-md-order-9 {
        order: 9
    }

    .css-col-md-order-10 {
        order: 10
    }

    .css-col-md-order-11 {
        order: 11
    }

    .css-col-md-order-12 {
        order: 12
    }

    .css-col-md-order-13 {
        order: 13
    }

    .css-col-md-order-14 {
        order: 14
    }

    .css-col-md-order-15 {
        order: 15
    }

    .css-col-md-order-16 {
        order: 16
    }

    .css-col-md-order-17 {
        order: 17
    }

    .css-col-md-order-18 {
        order: 18
    }

    .css-col-md-order-19 {
        order: 19
    }

    .css-col-md-order-20 {
        order: 20
    }

    .css-col-md-order-21 {
        order: 21
    }

    .css-col-md-order-22 {
        order: 22
    }

    .css-col-md-order-23 {
        order: 23
    }

    .css-col-md-order-24 {
        order: 24
    }
}

@media (min-width: 992px) {
    .css-col-lg-1 {
        flex:0 0 4.16666667%;
        width: 4.16666667%
    }

    .css-col-lg-2 {
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .css-col-lg-3 {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .css-col-lg-4 {
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .css-col-lg-5 {
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .css-col-lg-6 {
        flex: 0 0 25%;
        width: 25%
    }

    .css-col-lg-7 {
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .css-col-lg-8 {
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .css-col-lg-9 {
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .css-col-lg-10 {
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .css-col-lg-11 {
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .css-col-lg-12 {
        flex: 0 0 50%;
        width: 50%
    }

    .css-col-lg-13 {
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .css-col-lg-14 {
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .css-col-lg-15 {
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .css-col-lg-16 {
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .css-col-lg-17 {
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .css-col-lg-18 {
        flex: 0 0 75%;
        width: 75%
    }

    .css-col-lg-19 {
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .css-col-lg-20 {
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .css-col-lg-21 {
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .css-col-lg-22 {
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .css-col-lg-23 {
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .css-col-lg-24 {
        flex: 0 0 100%;
        width: 100%
    }

    .css-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .css-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .css-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .css-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .css-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .css-col-lg-offset-6 {
        margin-left: 25%
    }

    .css-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .css-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .css-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .css-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .css-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .css-col-lg-offset-12 {
        margin-left: 50%
    }

    .css-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .css-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .css-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .css-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .css-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .css-col-lg-offset-18 {
        margin-left: 75%
    }

    .css-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .css-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .css-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .css-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .css-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .css-col-lg-order-1 {
        order: 1
    }

    .css-col-lg-order-2 {
        order: 2
    }

    .css-col-lg-order-3 {
        order: 3
    }

    .css-col-lg-order-4 {
        order: 4
    }

    .css-col-lg-order-5 {
        order: 5
    }

    .css-col-lg-order-6 {
        order: 6
    }

    .css-col-lg-order-7 {
        order: 7
    }

    .css-col-lg-order-8 {
        order: 8
    }

    .css-col-lg-order-9 {
        order: 9
    }

    .css-col-lg-order-10 {
        order: 10
    }

    .css-col-lg-order-11 {
        order: 11
    }

    .css-col-lg-order-12 {
        order: 12
    }

    .css-col-lg-order-13 {
        order: 13
    }

    .css-col-lg-order-14 {
        order: 14
    }

    .css-col-lg-order-15 {
        order: 15
    }

    .css-col-lg-order-16 {
        order: 16
    }

    .css-col-lg-order-17 {
        order: 17
    }

    .css-col-lg-order-18 {
        order: 18
    }

    .css-col-lg-order-19 {
        order: 19
    }

    .css-col-lg-order-20 {
        order: 20
    }

    .css-col-lg-order-21 {
        order: 21
    }

    .css-col-lg-order-22 {
        order: 22
    }

    .css-col-lg-order-23 {
        order: 23
    }

    .css-col-lg-order-24 {
        order: 24
    }
}

@media (min-width: 1200px) {
    .css-col-xl-1 {
        flex:0 0 4.16666667%;
        width: 4.16666667%
    }

    .css-col-xl-2 {
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .css-col-xl-3 {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .css-col-xl-4 {
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .css-col-xl-5 {
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .css-col-xl-6 {
        flex: 0 0 25%;
        width: 25%
    }

    .css-col-xl-7 {
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .css-col-xl-8 {
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .css-col-xl-9 {
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .css-col-xl-10 {
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .css-col-xl-11 {
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .css-col-xl-12 {
        flex: 0 0 50%;
        width: 50%
    }

    .css-col-xl-13 {
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .css-col-xl-14 {
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .css-col-xl-15 {
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .css-col-xl-16 {
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .css-col-xl-17 {
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .css-col-xl-18 {
        flex: 0 0 75%;
        width: 75%
    }

    .css-col-xl-19 {
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .css-col-xl-20 {
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .css-col-xl-21 {
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .css-col-xl-22 {
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .css-col-xl-23 {
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .css-col-xl-24 {
        flex: 0 0 100%;
        width: 100%
    }

    .css-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .css-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .css-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .css-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .css-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .css-col-xl-offset-6 {
        margin-left: 25%
    }

    .css-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .css-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .css-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .css-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .css-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .css-col-xl-offset-12 {
        margin-left: 50%
    }

    .css-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .css-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .css-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .css-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .css-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .css-col-xl-offset-18 {
        margin-left: 75%
    }

    .css-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .css-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .css-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .css-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .css-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .css-col-xl-order-1 {
        order: 1
    }

    .css-col-xl-order-2 {
        order: 2
    }

    .css-col-xl-order-3 {
        order: 3
    }

    .css-col-xl-order-4 {
        order: 4
    }

    .css-col-xl-order-5 {
        order: 5
    }

    .css-col-xl-order-6 {
        order: 6
    }

    .css-col-xl-order-7 {
        order: 7
    }

    .css-col-xl-order-8 {
        order: 8
    }

    .css-col-xl-order-9 {
        order: 9
    }

    .css-col-xl-order-10 {
        order: 10
    }

    .css-col-xl-order-11 {
        order: 11
    }

    .css-col-xl-order-12 {
        order: 12
    }

    .css-col-xl-order-13 {
        order: 13
    }

    .css-col-xl-order-14 {
        order: 14
    }

    .css-col-xl-order-15 {
        order: 15
    }

    .css-col-xl-order-16 {
        order: 16
    }

    .css-col-xl-order-17 {
        order: 17
    }

    .css-col-xl-order-18 {
        order: 18
    }

    .css-col-xl-order-19 {
        order: 19
    }

    .css-col-xl-order-20 {
        order: 20
    }

    .css-col-xl-order-21 {
        order: 21
    }

    .css-col-xl-order-22 {
        order: 22
    }

    .css-col-xl-order-23 {
        order: 23
    }

    .css-col-xl-order-24 {
        order: 24
    }
}

@media (min-width: 1600px) {
    .css-col-xxl-1 {
        flex:0 0 4.16666667%;
        width: 4.16666667%
    }

    .css-col-xxl-2 {
        flex: 0 0 8.33333333%;
        width: 8.33333333%
    }

    .css-col-xxl-3 {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .css-col-xxl-4 {
        flex: 0 0 16.66666667%;
        width: 16.66666667%
    }

    .css-col-xxl-5 {
        flex: 0 0 20.83333333%;
        width: 20.83333333%
    }

    .css-col-xxl-6 {
        flex: 0 0 25%;
        width: 25%
    }

    .css-col-xxl-7 {
        flex: 0 0 29.16666667%;
        width: 29.16666667%
    }

    .css-col-xxl-8 {
        flex: 0 0 33.33333333%;
        width: 33.33333333%
    }

    .css-col-xxl-9 {
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .css-col-xxl-10 {
        flex: 0 0 41.66666667%;
        width: 41.66666667%
    }

    .css-col-xxl-11 {
        flex: 0 0 45.83333333%;
        width: 45.83333333%
    }

    .css-col-xxl-12 {
        flex: 0 0 50%;
        width: 50%
    }

    .css-col-xxl-13 {
        flex: 0 0 54.16666667%;
        width: 54.16666667%
    }

    .css-col-xxl-14 {
        flex: 0 0 58.33333333%;
        width: 58.33333333%
    }

    .css-col-xxl-15 {
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .css-col-xxl-16 {
        flex: 0 0 66.66666667%;
        width: 66.66666667%
    }

    .css-col-xxl-17 {
        flex: 0 0 70.83333333%;
        width: 70.83333333%
    }

    .css-col-xxl-18 {
        flex: 0 0 75%;
        width: 75%
    }

    .css-col-xxl-19 {
        flex: 0 0 79.16666667%;
        width: 79.16666667%
    }

    .css-col-xxl-20 {
        flex: 0 0 83.33333333%;
        width: 83.33333333%
    }

    .css-col-xxl-21 {
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .css-col-xxl-22 {
        flex: 0 0 91.66666667%;
        width: 91.66666667%
    }

    .css-col-xxl-23 {
        flex: 0 0 95.83333333%;
        width: 95.83333333%
    }

    .css-col-xxl-24 {
        flex: 0 0 100%;
        width: 100%
    }

    .css-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }

    .css-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }

    .css-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .css-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }

    .css-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }

    .css-col-xxl-offset-6 {
        margin-left: 25%
    }

    .css-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }

    .css-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }

    .css-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .css-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }

    .css-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }

    .css-col-xxl-offset-12 {
        margin-left: 50%
    }

    .css-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }

    .css-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }

    .css-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .css-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }

    .css-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }

    .css-col-xxl-offset-18 {
        margin-left: 75%
    }

    .css-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }

    .css-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }

    .css-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .css-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }

    .css-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }

    .css-col-xxl-order-1 {
        order: 1
    }

    .css-col-xxl-order-2 {
        order: 2
    }

    .css-col-xxl-order-3 {
        order: 3
    }

    .css-col-xxl-order-4 {
        order: 4
    }

    .css-col-xxl-order-5 {
        order: 5
    }

    .css-col-xxl-order-6 {
        order: 6
    }

    .css-col-xxl-order-7 {
        order: 7
    }

    .css-col-xxl-order-8 {
        order: 8
    }

    .css-col-xxl-order-9 {
        order: 9
    }

    .css-col-xxl-order-10 {
        order: 10
    }

    .css-col-xxl-order-11 {
        order: 11
    }

    .css-col-xxl-order-12 {
        order: 12
    }

    .css-col-xxl-order-13 {
        order: 13
    }

    .css-col-xxl-order-14 {
        order: 14
    }

    .css-col-xxl-order-15 {
        order: 15
    }

    .css-col-xxl-order-16 {
        order: 16
    }

    .css-col-xxl-order-17 {
        order: 17
    }

    .css-col-xxl-order-18 {
        order: 18
    }

    .css-col-xxl-order-19 {
        order: 19
    }

    .css-col-xxl-order-20 {
        order: 20
    }

    .css-col-xxl-order-21 {
        order: 21
    }

    .css-col-xxl-order-22 {
        order: 22
    }

    .css-col-xxl-order-23 {
        order: 23
    }

    .css-col-xxl-order-24 {
        order: 24
    }
}

.css-grid {
    display: grid
}

.css-image-trigger {
    background: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3);
    border-radius: 4px;
    padding: 6px 4px
}

.css-image-trigger .css-trigger-arrow {
    background-color: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3)
}

.css-image {
    border-radius: var(--border-radius-small);
    display: inline-block;
    position: relative
}

.css-image-img {
    border-radius: inherit;
    vertical-align: middle
}

.css-image-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.css-image-footer {
    display: flex;
    max-width: 100%;
    width: 100%
}

.css-image-footer-caption {
    flex: 1 1 auto
}

.css-image-footer-caption-title {
    font-size: 16px;
    font-weight: 500
}

.css-image-footer-caption-description {
    font-size: 14px
}

.css-image-footer-extra {
    flex: 0 0 auto;
    padding-left: 12px
}

.css-image-with-footer-inner .css-image-footer {
    align-items: center;
    background: linear-gradient(1turn,rgba(0,0,0,.3),transparent);
    border-bottom-left-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
    bottom: 0;
    box-sizing: border-box;
    color: var(--color-white);
    left: 0;
    padding: 9px 16px;
    position: absolute
}

.css-image-with-footer-inner .css-image-footer-caption-description,.css-image-with-footer-inner .css-image-footer-caption-title {
    color: var(--color-white)
}

.css-image-with-footer-outer .css-image-footer {
    color: var(--color-neutral-8);
    margin-top: 4px
}

.css-image-with-footer-outer .css-image-footer-caption-title {
    color: var(--color-text-1)
}

.css-image-with-footer-outer .css-image-footer-caption-description {
    color: var(--color-neutral-6)
}

.css-image-error {
    align-items: center;
    background-color: var(--color-neutral-1);
    box-sizing: border-box;
    color: var(--color-neutral-4);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.css-image-error-icon {
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.css-image-error-icon>svg {
    height: 100%;
    width: 100%
}

.css-image-error-alt {
    font-size: 12px;
    line-height: 1.6667;
    padding: 8px 16px;
    text-align: center
}

.css-image-loader {
    background-color: var(--color-neutral-1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.css-image-loader-spin {
    color: rgb(var(--primary-6));
    font-size: 32px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%)
}

.css-image-loader-spin-text {
    color: var(--color-neutral-6);
    font-size: 16px
}

.css-image-simple.css-image-with-footer-inner .css-image-footer {
    padding: 12px 16px
}

.css-image-loading .css-image-img,.css-image-loading-error .css-image-img {
    visibility: hidden
}

.css-image-preview {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.css-image-preview-hide {
    display: none
}

.css-image-preview-mask,.css-image-preview-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.css-image-preview-mask {
    background-color: var(--color-mask-bg)
}

.css-image-preview-img-container {
    height: 100%;
    text-align: center;
    width: 100%
}

.css-image-preview-img-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.css-image-preview-img-container .css-image-preview-img {
    cursor: grab;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.css-image-preview-img-container .css-image-preview-img.css-image-preview-img-moving {
    cursor: grabbing
}

.css-image-preview-scale-value {
    background-color: hsla(0,0%,100%,.08);
    box-sizing: border-box;
    color: var(--color-white);
    font-size: 12px;
    left: 50%;
    line-height: normal;
    padding: 7px 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.css-image-preview-toolbar {
    align-items: flex-start;
    background-color: var(--color-bg-2);
    border-radius: var(--border-radius-medium);
    bottom: 46px;
    display: flex;
    left: 50%;
    padding: 4px 16px;
    position: absolute;
    transform: translateX(-50%)
}

.css-image-preview-toolbar-action {
    align-items: center;
    background-color: transparent;
    border-radius: var(--border-radius-small);
    color: var(--color-neutral-8);
    cursor: pointer;
    display: flex;
    font-size: 14px
}

.css-image-preview-toolbar-action:not(:last-of-type) {
    margin-right: 0
}

.css-image-preview-toolbar-action:hover {
    background-color: var(--color-neutral-2);
    color: rgb(var(--primary-6))
}

.css-image-preview-toolbar-action-disabled,.css-image-preview-toolbar-action-disabled:hover {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-image-preview-toolbar-action-name {
    font-size: 12px;
    padding-right: 12px
}

.css-image-preview-toolbar-action-content {
    line-height: 1;
    padding: 13px
}

.css-image-preview-loading {
    align-items: center;
    background-color: #232324;
    border-radius: var(--border-radius-medium);
    box-sizing: border-box;
    color: rgb(var(--primary-6));
    display: flex;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 48px
}

.css-image-preview-close-btn {
    background: rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 32px;
    right: 36px;
    text-align: center;
    top: 36px
}

.css-image-preview-arrow-left,.css-image-preview-arrow-right,.css-image-preview-close-btn {
    align-items: center;
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    width: 32px
}

.css-image-preview-arrow-left,.css-image-preview-arrow-right {
    background-color: hsla(0,0%,100%,.3);
    z-index: 2
}

.css-image-preview-arrow-left>svg,.css-image-preview-arrow-right>svg {
    color: var(--color-white);
    font-size: 16px
}

.css-image-preview-arrow-left:hover,.css-image-preview-arrow-right:hover {
    background-color: hsla(0,0%,100%,.5)
}

.css-image-preview-arrow-left {
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.css-image-preview-arrow-right {
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.css-image-preview-arrow-disabled {
    background-color: hsla(0,0%,100%,.2);
    color: hsla(0,0%,100%,.3);
    cursor: not-allowed
}

.css-image-preview-arrow-disabled>svg {
    color: hsla(0,0%,100%,.3)
}

.css-image-preview-arrow-disabled:hover {
    background-color: hsla(0,0%,100%,.2)
}

.image-fade-enter-from,.image-fade-leave-to {
    opacity: 0
}

.image-fade-enter-to,.image-fade-leave-from {
    opacity: 1
}

.image-fade-enter-active,.image-fade-leave-active {
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1)
}

.css-input-number {
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.css-input-number-step-button {
    align-items: center;
    background-color: var(--color-fill-2);
    box-sizing: border-box;
    color: var(--color-text-2);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-input-number-step-button:hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-fill-3)
}

.css-input-number-step-button:active {
    background-color: var(--color-fill-4);
    border-color: var(--color-fill-4)
}

.css-input-number-step-button:disabled {
    background-color: var(--color-fill-2);
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-input-number-step-button:disabled:active,.css-input-number-step-button:disabled:hover {
    background-color: var(--color-fill-2);
    border-color: var(--color-neutral-3)
}

.css-input-number .css-input-wrapper {
    position: relative
}

.css-input-number-prefix,.css-input-number-suffix {
    transition: all .1s linear
}

.css-input-number-mode-embed .css-input-number-step {
    border-radius: 1px;
    bottom: 4px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: all .1s linear;
    width: 18px
}

.css-input-number-mode-embed .css-input-number-step .css-input-number-step-button {
    border: none;
    border-color: var(--color-neutral-3);
    font-size: 10px;
    height: 50%;
    width: 100%
}

.css-input-number-mode-embed .css-input-suffix {
    justify-content: flex-end;
    min-width: 6px
}

.css-input-number-mode-embed .css-input-suffix-has-feedback {
    min-width: 32px
}

.css-input-number-mode-embed .css-input-suffix-has-feedback .css-input-number-step {
    right: 30px
}

.css-input-number-mode-embed:not(.css-input-disabled):not(.css-input-outer-disabled):focus-within .css-input-suffix:has(.css-input-number-suffix),.css-input-number-mode-embed:not(.css-input-disabled):not(.css-input-outer-disabled):hover .css-input-suffix:has(.css-input-number-suffix) {
    padding-left: 4px
}

.css-input-number-mode-embed:not(.css-input-disabled):not(.css-input-outer-disabled):focus-within .css-input-number-step,.css-input-number-mode-embed:not(.css-input-disabled):not(.css-input-outer-disabled):hover .css-input-number-step {
    opacity: 1
}

.css-input-number-mode-embed:not(.css-input-disabled):not(.css-input-outer-disabled):focus-within .css-input-number-suffix,.css-input-number-mode-embed:not(.css-input-disabled):not(.css-input-outer-disabled):hover .css-input-number-suffix {
    opacity: 0;
    pointer-events: none
}

.css-input-number-mode-embed.css-input-wrapper:not(.css-input-focus) .css-input-number-step-button:not(.css-input-number-step-button-disabled):hover {
    background-color: var(--color-fill-4)
}

.css-input-number-mode-button .css-input-append,.css-input-number-mode-button .css-input-prepend {
    border: none;
    padding: 0
}

.css-input-number-mode-button .css-input-prepend .css-input-number-step-button {
    border-bottom-right-radius: 0;
    border-right: 1px solid transparent;
    border-top-right-radius: 0
}

.css-input-number-mode-button .css-input-prepend .css-input-number-step-button:not(.css-input-number-mode-button .css-input-prepend .css-input-number-step-button:active) {
    border-right-color: var(--color-neutral-3)
}

.css-input-number-mode-button .css-input-append .css-input-number-step-button {
    border-bottom-left-radius: 0;
    border-left: 1px solid transparent;
    border-top-left-radius: 0
}

.css-input-number-mode-button .css-input-append .css-input-number-step-button:not(.css-input-number-mode-button .css-input-append .css-input-number-step-button:active) {
    border-left-color: var(--color-neutral-3)
}

.css-input-tag {
    background-color: var(--color-fill-2);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    display: inline-flex;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.css-input-tag:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-input-tag.css-input-tag-focus,.css-input-tag:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
    z-index: 1
}

.css-input-tag.css-input-tag-disabled {
    cursor: not-allowed
}

.css-input-tag.css-input-tag-disabled,.css-input-tag.css-input-tag-disabled:hover {
    background-color: var(--color-fill-2);
    border-color: transparent;
    color: var(--color-text-4)
}

.css-input-tag.css-input-tag-disabled .css-input-tag-prefix,.css-input-tag.css-input-tag-disabled .css-input-tag-suffix {
    color: inherit
}

.css-input-tag.css-input-tag-error {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-input-tag.css-input-tag-error:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-input-tag.css-input-tag-error.css-input-tag-focus,.css-input-tag.css-input-tag-error:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
    z-index: 1
}

.css-input-tag .css-input-tag-prefix,.css-input-tag .css-input-tag-suffix {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.css-input-tag .css-input-tag-prefix>svg,.css-input-tag .css-input-tag-suffix>svg {
    font-size: 14px
}

.css-input-tag .css-input-tag-prefix {
    color: var(--color-text-2);
    padding-right: 12px
}

.css-input-tag .css-input-tag-suffix {
    color: var(--color-text-2);
    padding-left: 12px
}

.css-input-tag .css-input-tag-suffix .css-feedback-icon {
    display: inline-flex
}

.css-input-tag .css-input-tag-suffix .css-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.css-input-tag .css-input-tag-suffix .css-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.css-input-tag .css-input-tag-suffix .css-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.css-input-tag .css-input-tag-suffix .css-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.css-input-tag .css-input-tag-clear-btn {
    align-self: center;
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px;
    visibility: hidden
}

.css-input-tag .css-input-tag-clear-btn>svg {
    position: relative;
    transition: color .1s linear
}

.css-input-tag:hover .css-input-tag-clear-btn {
    visibility: visible
}

.css-input-tag:not(.css-input-tag-focus) .css-input-tag-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.css-input-tag.css-input-tag-has-tag {
    padding-left: 4px;
    padding-right: 4px
}

.css-input-tag.css-input-tag-has-prefix {
    padding-left: 12px
}

.css-input-tag.css-input-tag-has-suffix {
    padding-right: 12px
}

.css-input-tag .css-input-tag-inner {
    flex: 1;
    line-height: 0;
    overflow: hidden
}

.css-input-tag .css-input-tag-inner .css-input-tag-tag {
    align-items: center;
    background-color: var(--color-bg-2);
    border-color: var(--color-fill-3);
    color: var(--color-text-1);
    display: inline-flex;
    font-size: 12px;
    margin-right: 4px;
    white-space: pre-wrap;
    word-break: break-word
}

.css-input-tag .css-input-tag-inner .css-input-tag-tag .css-icon-hover:hover:before {
    background-color: var(--color-fill-2)
}

.css-input-tag .css-input-tag-inner .css-input-tag-tag.css-tag-custom-color {
    color: var(--color-white)
}

.css-input-tag .css-input-tag-inner .css-input-tag-tag.css-tag-custom-color .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: hsla(0,0%,100%,.2)
}

.css-input-tag .css-input-tag-inner .css-input-tag-input {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: inherit;
    line-height: 1.5715;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box
}

.css-input-tag .css-input-tag-inner .css-input-tag-input::-moz-placeholder {
    color: var(--color-text-3)
}

.css-input-tag .css-input-tag-inner .css-input-tag-input::placeholder {
    color: var(--color-text-3)
}

.css-input-tag .css-input-tag-inner .css-input-tag-input[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.css-input-tag .css-input-tag-inner .css-input-tag-input[disabled]::placeholder {
    color: var(--color-text-4)
}

.css-input-tag .css-input-tag-inner .css-input-tag-input[disabled] {
    -webkit-text-fill-color: var(--color-text-4)
}

.css-input-tag .css-input-tag-mirror {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre
}

.css-input-tag.css-input-tag-focus .css-input-tag-tag {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-2)
}

.css-input-tag.css-input-tag-focus .css-input-tag-tag .css-icon-hover:hover:before {
    background-color: var(--color-fill-3)
}

.css-input-tag.css-input-tag-disabled .css-input-tag-tag {
    background-color: var(--color-fill-2);
    border-color: var(--color-fill-3);
    color: var(--color-text-4)
}

.css-input-tag.css-input-tag-disabled-input,.css-input-tag.css-input-tag-readonly {
    cursor: default
}

.css-input-tag.css-input-tag-size-mini {
    font-size: 12px
}

.css-input-tag.css-input-tag-size-mini .css-input-tag-inner {
    padding-bottom: 0;
    padding-top: 0
}

.css-input-tag.css-input-tag-size-mini .css-input-tag-input,.css-input-tag.css-input-tag-size-mini .css-input-tag-tag {
    height: auto;
    line-height: 18px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 20px;
    vertical-align: middle
}

.css-input-tag.css-input-tag-size-medium {
    font-size: 14px
}

.css-input-tag.css-input-tag-size-medium .css-input-tag-inner {
    padding-bottom: 2px;
    padding-top: 2px
}

.css-input-tag.css-input-tag-size-medium .css-input-tag-input,.css-input-tag.css-input-tag-size-medium .css-input-tag-tag {
    height: auto;
    line-height: 22px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 24px;
    vertical-align: middle
}

.css-input-tag.css-input-tag-size-small {
    font-size: 14px
}

.css-input-tag.css-input-tag-size-small .css-input-tag-inner {
    padding-bottom: 2px;
    padding-top: 2px
}

.css-input-tag.css-input-tag-size-small .css-input-tag-input,.css-input-tag.css-input-tag-size-small .css-input-tag-tag {
    height: auto;
    line-height: 18px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 20px;
    vertical-align: middle
}

.css-input-tag.css-input-tag-size-large {
    font-size: 14px
}

.css-input-tag.css-input-tag-size-large .css-input-tag-inner {
    padding-bottom: 2px;
    padding-top: 2px
}

.css-input-tag.css-input-tag-size-large .css-input-tag-input,.css-input-tag.css-input-tag-size-large .css-input-tag-tag {
    height: auto;
    line-height: 26px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 28px;
    vertical-align: middle
}

.input-tag-zoom-enter-from {
    opacity: 0;
    transform: scale(.5)
}

.input-tag-zoom-enter-to {
    opacity: 1;
    transform: scale(1)
}

.input-tag-zoom-enter-active {
    transition: all .3s cubic-bezier(.34,.69,.1,1)
}

.input-tag-zoom-leave-from {
    opacity: 1;
    transform: scale(1)
}

.input-tag-zoom-leave-to {
    opacity: 0;
    transform: scale(.5)
}

.input-tag-zoom-leave-active {
    position: absolute
}

.input-tag-zoom-leave-active,.input-tag-zoom-move {
    transition: all .3s cubic-bezier(.3,1.3,.3,1)
}

.css-input-wrapper {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    display: inline-flex;
    font-size: 14px;
    border-radius: 3px ;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.css-input-wrapper:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-input-wrapper.css-input-focus,.css-input-wrapper:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
    z-index: 1
}

.css-input-wrapper.css-input-disabled {
    cursor: not-allowed
}

.css-input-wrapper.css-input-disabled,.css-input-wrapper.css-input-disabled:hover {
    background-color: var(--color-fill-2);
    border-color: transparent;
    color: var(--color-text-4)
}

.css-input-wrapper.css-input-disabled .css-input-prefix,.css-input-wrapper.css-input-disabled .css-input-suffix {
    color: inherit
}

.css-input-wrapper.css-input-error {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-input-wrapper.css-input-error:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-input-wrapper.css-input-error.css-input-wrapper-focus,.css-input-wrapper.css-input-error:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
    z-index: 1
}

.css-input-wrapper .css-input-prefix,.css-input-wrapper .css-input-suffix {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.css-input-wrapper .css-input-prefix>svg,.css-input-wrapper .css-input-suffix>svg {
    font-size: 14px
}

.css-input-wrapper .css-input-prefix {
    color: var(--color-text-2);
    padding-right: 12px
}

.css-input-wrapper .css-input-suffix {
    color: var(--color-text-2);
    padding-left: 12px
}

.css-input-wrapper .css-input-suffix .css-feedback-icon {
    display: inline-flex
}

.css-input-wrapper .css-input-suffix .css-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.css-input-wrapper .css-input-suffix .css-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.css-input-wrapper .css-input-suffix .css-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.css-input-wrapper .css-input-suffix .css-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.css-input-wrapper .css-input-clear-btn {
    align-self: center;
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px;
    visibility: hidden
}

.css-input-wrapper .css-input-clear-btn>svg {
    position: relative;
    transition: color .1s linear
}

.css-input-wrapper:hover .css-input-clear-btn {
    visibility: visible
}

.css-input-wrapper:not(.css-input-focus) .css-input-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.css-input-wrapper .css-input {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: inherit;
    line-height: 1.5715;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.css-input-wrapper .css-input::-moz-placeholder {
    color: var(--color-text-3)
}

.css-input-wrapper .css-input::placeholder {
    color: var(--color-text-3)
}

.css-input-wrapper .css-input[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.css-input-wrapper .css-input[disabled]::placeholder {
    color: var(--color-text-4)
}

.css-input-wrapper .css-input[disabled] {
    -webkit-text-fill-color: var(--color-text-4)
}

.css-input-wrapper .css-input.css-input-size-mini {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 1px;
    padding-top: 1px
}

.css-input-wrapper .css-input.css-input-size-small {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 2px;
    padding-top: 2px
}

.css-input-wrapper .css-input.css-input-size-medium {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 4px;
    padding-top: 4px
}

.css-input-wrapper .css-input.css-input-size-large {
    font-size: 14px;
    line-height: 1.5715;
    padding-bottom: 6px;
    padding-top: 6px
}

.css-input-wrapper .css-input-word-limit {
    color: var(--color-text-3);
    font-size: 12px
}

.css-input-outer {
    display: inline-flex;
    width: 100%
}

.css-input-outer>.css-input-wrapper {
    border-radius: 0
}

.css-input-outer>:first-child {
    border-bottom-left-radius: var(--border-radius-small);
    border-top-left-radius: var(--border-radius-small)
}

.css-input-outer>:last-child {
    border-bottom-right-radius: var(--border-radius-small);
    border-top-right-radius: var(--border-radius-small)
}

.css-input-outer.css-input-outer-size-mini .css-input-append,.css-input-outer.css-input-outer-size-mini .css-input-append>svg,.css-input-outer.css-input-outer-size-mini .css-input-outer,.css-input-outer.css-input-outer-size-mini .css-input-prepend,.css-input-outer.css-input-outer-size-mini .css-input-prepend>svg,.css-input-outer.css-input-outer-size-mini .css-input-wrapper .css-input-prefix,.css-input-outer.css-input-outer-size-mini .css-input-wrapper .css-input-prefix>svg,.css-input-outer.css-input-outer-size-mini .css-input-wrapper .css-input-suffix,.css-input-outer.css-input-outer-size-mini .css-input-wrapper .css-input-suffix>svg {
    font-size: 12px
}

.css-input-outer.css-input-outer-size-mini .css-input-prepend .css-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.css-input-outer.css-input-outer-size-mini .css-input-prepend .css-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.css-input-outer.css-input-outer-size-mini .css-input-prepend .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-outer.css-input-outer-size-mini .css-input-prepend .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-outer.css-input-outer-size-mini .css-input-append .css-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.css-input-outer.css-input-outer-size-mini .css-input-append .css-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.css-input-outer.css-input-outer-size-mini .css-input-append .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-outer.css-input-outer-size-mini .css-input-append .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-outer.css-input-outer-size-small .css-input-append,.css-input-outer.css-input-outer-size-small .css-input-append>svg,.css-input-outer.css-input-outer-size-small .css-input-outer,.css-input-outer.css-input-outer-size-small .css-input-prepend,.css-input-outer.css-input-outer-size-small .css-input-prepend>svg,.css-input-outer.css-input-outer-size-small .css-input-wrapper .css-input-prefix,.css-input-outer.css-input-outer-size-small .css-input-wrapper .css-input-prefix>svg,.css-input-outer.css-input-outer-size-small .css-input-wrapper .css-input-suffix,.css-input-outer.css-input-outer-size-small .css-input-wrapper .css-input-suffix>svg {
    font-size: 14px
}

.css-input-outer.css-input-outer-size-small .css-input-prepend .css-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.css-input-outer.css-input-outer-size-small .css-input-prepend .css-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.css-input-outer.css-input-outer-size-small .css-input-prepend .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-outer.css-input-outer-size-small .css-input-prepend .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-outer.css-input-outer-size-small .css-input-append .css-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.css-input-outer.css-input-outer-size-small .css-input-append .css-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.css-input-outer.css-input-outer-size-small .css-input-append .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-outer.css-input-outer-size-small .css-input-append .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-outer.css-input-outer-size-large .css-input-append,.css-input-outer.css-input-outer-size-large .css-input-append>svg,.css-input-outer.css-input-outer-size-large .css-input-outer,.css-input-outer.css-input-outer-size-large .css-input-prepend,.css-input-outer.css-input-outer-size-large .css-input-prepend>svg,.css-input-outer.css-input-outer-size-large .css-input-wrapper .css-input-prefix,.css-input-outer.css-input-outer-size-large .css-input-wrapper .css-input-prefix>svg,.css-input-outer.css-input-outer-size-large .css-input-wrapper .css-input-suffix,.css-input-outer.css-input-outer-size-large .css-input-wrapper .css-input-suffix>svg {
    font-size: 14px
}

.css-input-outer.css-input-outer-size-large .css-input-prepend .css-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0;
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.css-input-outer.css-input-outer-size-large .css-input-prepend .css-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.css-input-outer.css-input-outer-size-large .css-input-prepend .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-outer.css-input-outer-size-large .css-input-prepend .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-outer.css-input-outer-size-large .css-input-append .css-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0;
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.css-input-outer.css-input-outer-size-large .css-input-append .css-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.css-input-outer.css-input-outer-size-large .css-input-append .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-outer.css-input-outer-size-large .css-input-append .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-outer-disabled {
    cursor: not-allowed
}

.css-input-append,.css-input-prepend {
    align-items: center;
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    box-sizing: border-box;
    color: var(--color-text-1);
    display: inline-flex;
    flex-shrink: 0;
    padding: 0 12px;
    white-space: nowrap
}

.css-input-append>svg,.css-input-prepend>svg {
    font-size: 14px
}

.css-input-prepend {
    border-right: 1px solid var(--color-neutral-3)
}

.css-input-prepend .css-input {
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-top-right-radius: 0
}

.css-input-prepend .css-input,.css-input-prepend .css-select {
    height: 100%;
    margin: -1px -12px -1px -13px;
    width: auto
}

.css-input-prepend .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-prepend .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-append {
    border-left: 1px solid var(--color-neutral-3)
}

.css-input-append .css-input {
    border-bottom-left-radius: 0;
    border-color: transparent;
    border-top-left-radius: 0
}

.css-input-append .css-input,.css-input-append .css-select {
    height: 100%;
    margin: -1px -13px -1px -12px;
    width: auto
}

.css-input-append .css-select .css-select-view {
    background-color: inherit;
    border-color: transparent;
    border-radius: 0
}

.css-input-append .css-select.css-select-single .css-select-view {
    height: 100%
}

.css-input-group {
    align-items: center;
    display: inline-flex
}

.css-input-group>*,.css-input-group>.css-input-outer>:first-child,.css-input-group>.css-input-outer>:last-child {
    border-radius: 0
}

.css-input-group>:not(:last-child) {
    box-sizing: border-box;
    position: relative
}

.css-input-group>:first-child,.css-input-group>:first-child .css-input-group>:first-child,.css-input-group>:first-child .css-input-group>:first-child .css-select-view,.css-input-group>:first-child .css-select-view {
    border-bottom-left-radius: var(--border-radius-small);
    border-top-left-radius: var(--border-radius-small)
}

.css-input-group>:last-child,.css-input-group>:last-child .css-input-outer>:last-child,.css-input-group>:last-child .css-input-outer>:last-child .css-select-view,.css-input-group>:last-child .css-select-view {
    border-bottom-right-radius: var(--border-radius-small);
    border-top-right-radius: var(--border-radius-small)
}

.css-input-group>.css-input-outer:not(:last-child),.css-input-group>.css-input-tag:not(:last-child),.css-input-group>.css-input-wrapper:not(:last-child),.css-input-group>.css-select-view:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3);
    margin-right: -1px
}

.css-input-group>.css-input-outer:not(:last-child):focus-within,.css-input-group>.css-input-tag:not(:last-child):focus-within,.css-input-group>.css-input-wrapper:not(:last-child):focus-within,.css-input-group>.css-select-view:not(:last-child):focus-within {
    border-right-color: rgb(var(--primary-6))
}

.css-input-group>.css-input-wrapper.css-input-error:not(:last-child):focus-within {
    border-right-color: rgb(var(--danger-6))
}

.size-height-size-mini {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 1px;
    padding-top: 1px
}

.size-height-size-small {
    font-size: 14px;
    padding-bottom: 2px;
    padding-top: 2px
}

.size-height-size-large {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px
}

.css-textarea-clear-wrapper:hover .css-textarea-clear-icon {
    display: inline-block
}

.css-textarea-clear-wrapper .css-textarea {
    padding-right: 20px
}

.css-textarea-word-limit {
    bottom: 6px;
    color: var(--color-text-3);
    font-size: 12px;
    position: absolute;
    right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-textarea-clear-icon {
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px
}

.css-input-search .css-input-append {
    border: none;
    padding: 0
}

.css-input-search .css-input-suffix {
    color: var(--color-text-2);
    font-size: 14px
}

.css-input-search .css-input-search-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.css-input-wrapper.css-input-password:not(.css-input-disabled) .css-input-suffix {
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px
}

.css-layout {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.css-layout-sider {
    background: var(--color-menu-dark-bg);
    flex: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: width .2s cubic-bezier(.34,.69,.1,1);
    width: auto
}

.css-layout-sider-children {
    height: 100%;
    overflow: auto
}

.css-layout-sider-collapsed .css-layout-sider-children::-webkit-scrollbar {
    width: 0
}

.css-layout-sider-has-trigger {
    box-sizing: border-box;
    padding-bottom: 48px
}

.css-layout-sider-trigger {
    align-items: center;
    background: hsla(0,0%,100%,.2);
    box-sizing: border-box;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    transition: width .2s cubic-bezier(.34,.69,.1,1);
    width: 100%;
    z-index: 1
}

.css-layout-sider-trigger-light {
    background: var(--color-menu-light-bg);
    border-top: 1px solid var(--color-bg-5);
    color: var(--color-text-1)
}

.css-layout-sider-light {
    background: var(--color-menu-light-bg);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.08)
}

.css-layout-header {
    box-sizing: border-box;
    flex: 0 0 auto;
    margin: 0
}

.css-layout-content {
    flex: 1
}

.css-layout-footer {
    flex: 0 0 auto;
    margin: 0
}

.css-layout-has-sider {
    flex-direction: row
}

.css-layout-has-sider>.css-layout,.css-layout-has-sider>.css-layout-content {
    overflow-x: hidden
}

.css-link {
    align-items: center;
    background-color: transparent;
    border-radius: var(--border-radius-small);
    color: rgb(var(--link-6));
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    line-height: 1.5715;
    padding: 1px 4px;
    text-decoration: none;
    transition: all .1s linear
}

.css-link:hover {
    background-color: var(--color-fill-2);
    color: rgb(var(--link-6))
}

.css-link:active {
    background-color: var(--color-fill-3);
    color: rgb(var(--link-6));
    transition: none
}

.css-link.css-link-hoverless {
    background-color: unset;
    display: inline;
    padding: 0
}

.css-link.css-link-hoverless:active,.css-link.css-link-hoverless:hover {
    background-color: unset
}

.css-link.css-link-disabled {
    background: none;
    color: var(--color-link-light-3);
    cursor: not-allowed
}

.css-link.css-link-loading {
    background: none;
    color: var(--color-link-light-3);
    cursor: default
}

.css-link-status-success,.css-link-status-success:active,.css-link-status-success:hover {
    color: rgb(var(--success-6))
}

.css-link-status-success.css-link-disabled,.css-link-status-success.css-link-loading {
    color: var(--color-success-light-3)
}

.css-link-status-danger,.css-link-status-danger:active,.css-link-status-danger:hover {
    color: rgb(var(--danger-6))
}

.css-link-status-danger.css-link-disabled,.css-link-status-danger.css-link-loading {
    color: var(--color-danger-light-3)
}

.css-link-status-warning,.css-link-status-warning:active,.css-link-status-warning:hover {
    color: rgb(var(--warning-6))
}

.css-link-status-warning.css-link-disabled,.css-link-status-warning.css-link-loading {
    color: var(--color-warning-light-2)
}

.css-link-icon {
    font-size: 12px;
    margin-right: 6px;
    vertical-align: middle
}

.css-list {
    border-radius: var(--border-radius-medium);
    box-sizing: border-box;
    color: var(--color-text-1);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.5715;
    overflow-y: auto;
    width: 100%
}

.css-list-wrapper {
    overflow: hidden
}

.css-list-wrapper .css-list-spin {
    display: block;
    height: 100%;
    overflow: hidden
}

.css-list-content {
    overflow: hidden
}

.css-list-small .css-list-content-wrapper .css-list-header {
    padding: 8px 20px
}

.css-list-small .css-list-content-wrapper .css-list-content .css-list-col>.css-list-item,.css-list-small .css-list-content-wrapper .css-list-content.css-list-virtual .css-list-item,.css-list-small .css-list-content-wrapper .css-list-content>.css-list-item,.css-list-small .css-list-content-wrapper .css-list-footer {
    padding: 9px 20px
}

.css-list-medium .css-list-content-wrapper .css-list-header {
    padding: 12px 20px
}

.css-list-medium .css-list-content-wrapper .css-list-content .css-list-col>.css-list-item,.css-list-medium .css-list-content-wrapper .css-list-content.css-list-virtual .css-list-item,.css-list-medium .css-list-content-wrapper .css-list-content>.css-list-item,.css-list-medium .css-list-content-wrapper .css-list-footer {
    padding: 13px 20px
}

.css-list-large .css-list-content-wrapper .css-list-header {
    padding: 16px 20px
}

.css-list-large .css-list-content-wrapper .css-list-content .css-list-col>.css-list-item,.css-list-large .css-list-content-wrapper .css-list-content.css-list-virtual .css-list-item,.css-list-large .css-list-content-wrapper .css-list-content>.css-list-item,.css-list-large .css-list-content-wrapper .css-list-footer {
    padding: 17px 20px
}

.css-list-bordered {
    border: 1px solid var(--color-neutral-3)
}

.css-list-split .css-list-header,.css-list-split .css-list-item:not(:last-child) {
    border-bottom: 1px solid var(--color-neutral-3)
}

.css-list-split .css-list-footer {
    border-top: 1px solid var(--color-neutral-3)
}

.css-list-header {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.css-list-item {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.css-list-item-main {
    flex: 1
}

.css-list-item-main .css-list-item-action:not(:first-child) {
    margin-top: 4px
}

.css-list-item-meta {
    align-items: center;
    display: flex;
    padding: 4px 0
}

.css-list-item-meta-avatar {
    display: flex
}

.css-list-item-meta-avatar:not(:last-child) {
    margin-right: 16px
}

.css-list-item-meta-title {
    color: var(--color-text-1);
    font-weight: 500
}

.css-list-item-meta-title:not(:last-child) {
    margin-bottom: 2px
}

.css-list-item-meta-description {
    color: var(--color-text-2)
}

.css-list-item-action {
    align-self: center;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.css-list-item-action>li {
    cursor: pointer;
    display: inline-block
}

.css-list-item-action>li:not(:last-child) {
    margin-right: 20px
}

.css-list-hover .css-list-item:hover {
    background-color: var(--color-fill-1)
}

.css-list-pagination {
    float: right;
    margin-top: 24px
}

.css-list-pagination:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.css-list-scroll-loading {
    align-items: center;
    display: flex;
    justify-content: center
}

.css-list-content {
    flex: auto
}

.css-list-content .css-empty {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.css-mention {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%
}

.css-mention-measure {
    bottom: 0;
    left: 0;
    overflow: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

@keyframes css-menu-selected-item-label-enter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.css-menu {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5715;
    position: relative;
    transition: width .2s cubic-bezier(.34,.69,.1,1);
    width: 100%
}

.css-menu:focus-visible {
    outline: 3px solid var(--color-primary-light-2)
}

.css-menu-indent {
    display: inline-block;
    width: 20px
}

.css-menu .css-menu-group-title,.css-menu .css-menu-inline-header,.css-menu .css-menu-item,.css-menu .css-menu-pop-header {
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.css-menu .css-menu-group-title.css-menu-disabled,.css-menu .css-menu-inline-header.css-menu-disabled,.css-menu .css-menu-item.css-menu-disabled,.css-menu .css-menu-pop-header.css-menu-disabled {
    cursor: not-allowed
}

.css-menu .css-menu-group-title.css-menu-selected,.css-menu .css-menu-inline-header.css-menu-selected,.css-menu .css-menu-item.css-menu-selected,.css-menu .css-menu-pop-header.css-menu-selected {
    font-weight: 500;
    transition: color .2s linear
}

.css-menu .css-menu-group-title.css-menu-selected svg,.css-menu .css-menu-inline-header.css-menu-selected svg,.css-menu .css-menu-item.css-menu-selected svg,.css-menu .css-menu-pop-header.css-menu-selected svg {
    transition: color .2s linear
}

.css-menu .css-menu-group-title .css-icon,.css-menu .css-menu-group-title .css-menu-icon,.css-menu .css-menu-inline-header .css-icon,.css-menu .css-menu-inline-header .css-menu-icon,.css-menu .css-menu-item .css-icon,.css-menu .css-menu-item .css-menu-icon,.css-menu .css-menu-pop-header .css-icon,.css-menu .css-menu-pop-header .css-menu-icon {
    margin-right: 16px
}

.css-menu .css-menu-group-title .css-menu-icon .css-icon,.css-menu .css-menu-inline-header .css-menu-icon .css-icon,.css-menu .css-menu-item .css-menu-icon .css-icon,.css-menu .css-menu-pop-header .css-menu-icon .css-icon {
    margin-right: 0
}

.css-menu-light {
    background-color: var(--color-menu-light-bg)
}

.css-menu-light .css-menu-group-title,.css-menu-light .css-menu-inline-header,.css-menu-light .css-menu-item,.css-menu-light .css-menu-pop-header {
    background-color: var(--color-menu-light-bg);
    color: var(--color-text-2)
}

.css-menu-light .css-menu-group-title .css-icon,.css-menu-light .css-menu-group-title .css-menu-icon,.css-menu-light .css-menu-inline-header .css-icon,.css-menu-light .css-menu-inline-header .css-menu-icon,.css-menu-light .css-menu-item .css-icon,.css-menu-light .css-menu-item .css-menu-icon,.css-menu-light .css-menu-pop-header .css-icon,.css-menu-light .css-menu-pop-header .css-menu-icon {
    color: var(--color-text-3)
}

.css-menu-light .css-menu-group-title:hover,.css-menu-light .css-menu-inline-header:hover,.css-menu-light .css-menu-item:hover,.css-menu-light .css-menu-pop-header:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-2)
}

.css-menu-light .css-menu-group-title:hover .css-icon,.css-menu-light .css-menu-group-title:hover .css-menu-icon,.css-menu-light .css-menu-inline-header:hover .css-icon,.css-menu-light .css-menu-inline-header:hover .css-menu-icon,.css-menu-light .css-menu-item:hover .css-icon,.css-menu-light .css-menu-item:hover .css-menu-icon,.css-menu-light .css-menu-pop-header:hover .css-icon,.css-menu-light .css-menu-pop-header:hover .css-menu-icon {
    color: var(--color-text-3)
}

.css-menu-light .css-menu-group-title.css-menu-selected,.css-menu-light .css-menu-group-title.css-menu-selected .css-icon,.css-menu-light .css-menu-group-title.css-menu-selected .css-menu-icon,.css-menu-light .css-menu-inline-header.css-menu-selected,.css-menu-light .css-menu-inline-header.css-menu-selected .css-icon,.css-menu-light .css-menu-inline-header.css-menu-selected .css-menu-icon,.css-menu-light .css-menu-item.css-menu-selected,.css-menu-light .css-menu-item.css-menu-selected .css-icon,.css-menu-light .css-menu-item.css-menu-selected .css-menu-icon,.css-menu-light .css-menu-pop-header.css-menu-selected,.css-menu-light .css-menu-pop-header.css-menu-selected .css-icon,.css-menu-light .css-menu-pop-header.css-menu-selected .css-menu-icon {
    color: rgb(var(--primary-6))
}

.css-menu-light .css-menu-group-title.css-menu-disabled,.css-menu-light .css-menu-inline-header.css-menu-disabled,.css-menu-light .css-menu-item.css-menu-disabled,.css-menu-light .css-menu-pop-header.css-menu-disabled {
    background-color: var(--color-menu-light-bg);
    color: var(--color-text-4)
}

.css-menu-light .css-menu-group-title.css-menu-disabled .css-icon,.css-menu-light .css-menu-group-title.css-menu-disabled .css-menu-icon,.css-menu-light .css-menu-inline-header.css-menu-disabled .css-icon,.css-menu-light .css-menu-inline-header.css-menu-disabled .css-menu-icon,.css-menu-light .css-menu-item.css-menu-disabled .css-icon,.css-menu-light .css-menu-item.css-menu-disabled .css-menu-icon,.css-menu-light .css-menu-pop-header.css-menu-disabled .css-icon,.css-menu-light .css-menu-pop-header.css-menu-disabled .css-menu-icon {
    color: var(--color-text-4)
}

.css-menu-light .css-menu-item.css-menu-selected {
    background-color: var(--color-fill-2)
}

.css-menu-light .css-menu-inline-header.css-menu-selected,.css-menu-light .css-menu-inline-header.css-menu-selected .css-icon,.css-menu-light .css-menu-inline-header.css-menu-selected .css-menu-icon {
    color: rgb(var(--primary-6))
}

.css-menu-light .css-menu-inline-header.css-menu-selected:hover {
    background-color: var(--color-fill-2)
}

.css-menu-light.css-menu-horizontal .css-menu-group-title.css-menu-selected,.css-menu-light.css-menu-horizontal .css-menu-inline-header.css-menu-selected,.css-menu-light.css-menu-horizontal .css-menu-item.css-menu-selected,.css-menu-light.css-menu-horizontal .css-menu-pop-header.css-menu-selected {
    background: none;
    transition: color .2s linear
}

.css-menu-light.css-menu-horizontal .css-menu-group-title.css-menu-selected:hover,.css-menu-light.css-menu-horizontal .css-menu-inline-header.css-menu-selected:hover,.css-menu-light.css-menu-horizontal .css-menu-item.css-menu-selected:hover,.css-menu-light.css-menu-horizontal .css-menu-pop-header.css-menu-selected:hover {
    background-color: var(--color-fill-2)
}

.css-menu-light .css-menu-group-title {
    color: var(--color-text-3);
    pointer-events: none
}

.css-menu-light .css-menu-collapse-button {
    background-color: var(--color-fill-1);
    color: var(--color-text-3)
}

.css-menu-light .css-menu-collapse-button:hover {
    background-color: var(--color-fill-3)
}

.css-menu-dark {
    background-color: var(--color-menu-dark-bg)
}

.css-menu-dark .css-menu-group-title,.css-menu-dark .css-menu-inline-header,.css-menu-dark .css-menu-item,.css-menu-dark .css-menu-pop-header {
    background-color: var(--color-menu-dark-bg);
    color: var(--color-text-4)
}

.css-menu-dark .css-menu-group-title .css-icon,.css-menu-dark .css-menu-group-title .css-menu-icon,.css-menu-dark .css-menu-inline-header .css-icon,.css-menu-dark .css-menu-inline-header .css-menu-icon,.css-menu-dark .css-menu-item .css-icon,.css-menu-dark .css-menu-item .css-menu-icon,.css-menu-dark .css-menu-pop-header .css-icon,.css-menu-dark .css-menu-pop-header .css-menu-icon {
    color: var(--color-text-3)
}

.css-menu-dark .css-menu-group-title:hover,.css-menu-dark .css-menu-inline-header:hover,.css-menu-dark .css-menu-item:hover,.css-menu-dark .css-menu-pop-header:hover {
    background-color: var(--color-menu-dark-hover);
    color: var(--color-text-4)
}

.css-menu-dark .css-menu-group-title:hover .css-icon,.css-menu-dark .css-menu-group-title:hover .css-menu-icon,.css-menu-dark .css-menu-inline-header:hover .css-icon,.css-menu-dark .css-menu-inline-header:hover .css-menu-icon,.css-menu-dark .css-menu-item:hover .css-icon,.css-menu-dark .css-menu-item:hover .css-menu-icon,.css-menu-dark .css-menu-pop-header:hover .css-icon,.css-menu-dark .css-menu-pop-header:hover .css-menu-icon {
    color: var(--color-text-3)
}

.css-menu-dark .css-menu-group-title.css-menu-selected,.css-menu-dark .css-menu-group-title.css-menu-selected .css-icon,.css-menu-dark .css-menu-group-title.css-menu-selected .css-menu-icon,.css-menu-dark .css-menu-inline-header.css-menu-selected,.css-menu-dark .css-menu-inline-header.css-menu-selected .css-icon,.css-menu-dark .css-menu-inline-header.css-menu-selected .css-menu-icon,.css-menu-dark .css-menu-item.css-menu-selected,.css-menu-dark .css-menu-item.css-menu-selected .css-icon,.css-menu-dark .css-menu-item.css-menu-selected .css-menu-icon,.css-menu-dark .css-menu-pop-header.css-menu-selected,.css-menu-dark .css-menu-pop-header.css-menu-selected .css-icon,.css-menu-dark .css-menu-pop-header.css-menu-selected .css-menu-icon {
    color: var(--color-white)
}

.css-menu-dark .css-menu-group-title.css-menu-disabled,.css-menu-dark .css-menu-inline-header.css-menu-disabled,.css-menu-dark .css-menu-item.css-menu-disabled,.css-menu-dark .css-menu-pop-header.css-menu-disabled {
    background-color: var(--color-menu-dark-bg);
    color: var(--color-text-2)
}

.css-menu-dark .css-menu-group-title.css-menu-disabled .css-icon,.css-menu-dark .css-menu-group-title.css-menu-disabled .css-menu-icon,.css-menu-dark .css-menu-inline-header.css-menu-disabled .css-icon,.css-menu-dark .css-menu-inline-header.css-menu-disabled .css-menu-icon,.css-menu-dark .css-menu-item.css-menu-disabled .css-icon,.css-menu-dark .css-menu-item.css-menu-disabled .css-menu-icon,.css-menu-dark .css-menu-pop-header.css-menu-disabled .css-icon,.css-menu-dark .css-menu-pop-header.css-menu-disabled .css-menu-icon {
    color: var(--color-text-2)
}

.css-menu-dark .css-menu-item.css-menu-selected {
    background-color: var(--color-menu-dark-hover)
}

.css-menu-dark .css-menu-inline-header.css-menu-selected,.css-menu-dark .css-menu-inline-header.css-menu-selected .css-icon,.css-menu-dark .css-menu-inline-header.css-menu-selected .css-menu-icon {
    color: rgb(var(--primary-6))
}

.css-menu-dark .css-menu-inline-header.css-menu-selected:hover {
    background-color: var(--color-menu-dark-hover)
}

.css-menu-dark.css-menu-horizontal .css-menu-group-title.css-menu-selected,.css-menu-dark.css-menu-horizontal .css-menu-inline-header.css-menu-selected,.css-menu-dark.css-menu-horizontal .css-menu-item.css-menu-selected,.css-menu-dark.css-menu-horizontal .css-menu-pop-header.css-menu-selected {
    background: none;
    transition: color .2s linear
}

.css-menu-dark.css-menu-horizontal .css-menu-group-title.css-menu-selected:hover,.css-menu-dark.css-menu-horizontal .css-menu-inline-header.css-menu-selected:hover,.css-menu-dark.css-menu-horizontal .css-menu-item.css-menu-selected:hover,.css-menu-dark.css-menu-horizontal .css-menu-pop-header.css-menu-selected:hover {
    background-color: var(--color-menu-dark-hover)
}

.css-menu-dark .css-menu-group-title {
    color: var(--color-text-3);
    pointer-events: none
}

.css-menu-dark .css-menu-collapse-button {
    background-color: rgb(var(--primary-6));
    color: var(--color-white)
}

.css-menu-dark .css-menu-collapse-button:hover {
    background-color: rgb(var(--primary-7))
}

.css-menu a,.css-menu a:active,.css-menu a:focus,.css-menu a:hover {
    color: inherit;
    cursor: inherit;
    text-decoration: none
}

.css-menu-inner {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    width: 100%
}

.css-menu-icon-suffix.is-open {
    transform: rotate(180deg)
}

.css-menu-vertical .css-menu-group-title,.css-menu-vertical .css-menu-inline-header,.css-menu-vertical .css-menu-item,.css-menu-vertical .css-menu-pop-header {
    line-height: 40px;
    padding: 0 12px
}

.css-menu-vertical .css-menu-group-title .css-menu-icon-suffix .css-icon,.css-menu-vertical .css-menu-inline-header .css-menu-icon-suffix .css-icon,.css-menu-vertical .css-menu-item .css-menu-icon-suffix .css-icon,.css-menu-vertical .css-menu-pop-header .css-menu-icon-suffix .css-icon {
    margin-right: 0
}

.css-menu-vertical .css-menu-group-title,.css-menu-vertical .css-menu-inline-header,.css-menu-vertical .css-menu-item,.css-menu-vertical .css-menu-pop-header {
    margin-bottom: 4px
}

.css-menu-vertical .css-menu-group-title:not(.css-menu-has-icon),.css-menu-vertical .css-menu-inline-header:not(.css-menu-has-icon),.css-menu-vertical .css-menu-item:not(.css-menu-has-icon),.css-menu-vertical .css-menu-pop-header:not(.css-menu-has-icon) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-menu-vertical .css-menu-group-title.css-menu-has-icon,.css-menu-vertical .css-menu-inline-header.css-menu-has-icon,.css-menu-vertical .css-menu-item.css-menu-has-icon,.css-menu-vertical .css-menu-pop-header.css-menu-has-icon {
    align-items: center;
    display: flex
}

.css-menu-vertical .css-menu-group-title.css-menu-has-icon>.css-menu-icon,.css-menu-vertical .css-menu-group-title.css-menu-has-icon>.css-menu-indent-list,.css-menu-vertical .css-menu-inline-header.css-menu-has-icon>.css-menu-icon,.css-menu-vertical .css-menu-inline-header.css-menu-has-icon>.css-menu-indent-list,.css-menu-vertical .css-menu-item.css-menu-has-icon>.css-menu-icon,.css-menu-vertical .css-menu-item.css-menu-has-icon>.css-menu-indent-list,.css-menu-vertical .css-menu-pop-header.css-menu-has-icon>.css-menu-icon,.css-menu-vertical .css-menu-pop-header.css-menu-has-icon>.css-menu-indent-list {
    flex: none
}

.css-menu-vertical .css-menu-group-title.css-menu-has-icon .css-menu-icon,.css-menu-vertical .css-menu-inline-header.css-menu-has-icon .css-menu-icon,.css-menu-vertical .css-menu-item.css-menu-has-icon .css-menu-icon,.css-menu-vertical .css-menu-pop-header.css-menu-has-icon .css-menu-icon {
    line-height: 1
}

.css-menu-vertical .css-menu-group-title.css-menu-has-icon .css-menu-title,.css-menu-vertical .css-menu-inline-header.css-menu-has-icon .css-menu-title,.css-menu-vertical .css-menu-item.css-menu-has-icon .css-menu-title,.css-menu-vertical .css-menu-pop-header.css-menu-has-icon .css-menu-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-menu-vertical .css-menu-group-title .css-menu-item-inner,.css-menu-vertical .css-menu-inline-header .css-menu-item-inner,.css-menu-vertical .css-menu-item .css-menu-item-inner,.css-menu-vertical .css-menu-pop-header .css-menu-item-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.css-menu-vertical .css-menu-group-title .css-menu-icon-suffix,.css-menu-vertical .css-menu-inline-header .css-menu-icon-suffix,.css-menu-vertical .css-menu-item .css-menu-icon-suffix,.css-menu-vertical .css-menu-pop-header .css-menu-icon-suffix {
    position: absolute;
    right: 12px
}

.css-menu-vertical .css-menu-inner {
    padding: 4px 8px
}

.css-menu-vertical .css-menu-item.css-menu-item-indented {
    display: flex
}

.css-menu-vertical .css-menu-inline-header,.css-menu-vertical .css-menu-pop-header {
    padding-right: 28px
}

.css-menu-horizontal {
    height: auto;
    width: 100%
}

.css-menu-horizontal .css-menu-group-title,.css-menu-horizontal .css-menu-inline-header,.css-menu-horizontal .css-menu-item,.css-menu-horizontal .css-menu-pop-header {
    line-height: 30px;
    padding: 0 12px
}

.css-menu-horizontal .css-menu-group-title .css-menu-icon-suffix .css-icon,.css-menu-horizontal .css-menu-inline-header .css-menu-icon-suffix .css-icon,.css-menu-horizontal .css-menu-item .css-menu-icon-suffix .css-icon,.css-menu-horizontal .css-menu-pop-header .css-menu-icon-suffix .css-icon {
    margin-right: 0
}

.css-menu-horizontal .css-menu-group-title .css-icon,.css-menu-horizontal .css-menu-group-title .css-menu-icon,.css-menu-horizontal .css-menu-inline-header .css-icon,.css-menu-horizontal .css-menu-inline-header .css-menu-icon,.css-menu-horizontal .css-menu-item .css-icon,.css-menu-horizontal .css-menu-item .css-menu-icon,.css-menu-horizontal .css-menu-pop-header .css-icon,.css-menu-horizontal .css-menu-pop-header .css-menu-icon {
    margin-right: 16px
}

.css-menu-horizontal .css-menu-group-title .css-menu-icon-suffix,.css-menu-horizontal .css-menu-inline-header .css-menu-icon-suffix,.css-menu-horizontal .css-menu-item .css-menu-icon-suffix,.css-menu-horizontal .css-menu-pop-header .css-menu-icon-suffix {
    margin-left: 6px
}

.css-menu-horizontal .css-menu-inner {
    align-items: center;
    display: flex;
    padding: 14px 20px
}

.css-menu-horizontal .css-menu-item,.css-menu-horizontal .css-menu-pop {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle
}

.css-menu-horizontal .css-menu-item:not(:first-child),.css-menu-horizontal .css-menu-pop:not(:first-child) {
    margin-left: 12px
}

.css-menu-horizontal .css-menu-pop:after {
    bottom: -14px;
    content: " ";
    height: 14px;
    left: 0;
    position: absolute;
    width: 100%
}

.css-menu-overflow-wrap {
    width: 100%
}

.css-menu-overflow-hidden-menu-item,.css-menu-overflow-sub-menu-mirror {
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    white-space: nowrap
}

.css-menu-selected-label {
    animation: css-menu-selected-item-label-enter .2s linear;
    background-color: rgb(var(--primary-6));
    bottom: -14px;
    height: 3px;
    left: 12px;
    position: absolute;
    right: 12px
}

.css-menu-pop-button {
    background: none;
    box-shadow: none;
    width: auto
}

.css-menu-pop-button.css-menu-collapsed {
    width: auto
}

.css-menu-pop-button .css-menu-group-title,.css-menu-pop-button .css-menu-inline-header,.css-menu-pop-button .css-menu-item,.css-menu-pop-button .css-menu-pop-header {
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    height: 40px;
    line-height: 40px;
    margin-bottom: 16px;
    width: 40px
}

.css-menu-collapsed {
    width: 48px
}

.css-menu-collapsed .css-menu-inner {
    padding: 4px
}

.css-menu-collapsed .css-menu-icon-suffix {
    display: none
}

.css-menu-collapsed .css-menu-has-icon>:not(.css-menu-icon) {
    opacity: 0
}

.css-menu-collapsed .css-menu-group-title .css-icon,.css-menu-collapsed .css-menu-inline-header .css-icon,.css-menu-collapsed .css-menu-item .css-icon,.css-menu-collapsed .css-menu-pop-header .css-icon {
    margin-right: 100%
}

.css-menu-collapse-button {
    align-items: center;
    border-radius: var(--border-radius-small);
    bottom: 12px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 12px;
    width: 24px
}

.css-menu-inline-content {
    height: auto;
    overflow: hidden;
    transition: height .2s cubic-bezier(.34,.69,.1,1)
}

.css-menu-inline-content-hide {
    height: 0
}

.css-menu-item-tooltip a {
    color: inherit;
    cursor: text
}

.css-menu-item-tooltip a:active,.css-menu-item-tooltip a:focus,.css-menu-item-tooltip a:hover {
    color: inherit
}

.css-menu-pop-trigger.css-trigger-position-bl {
    transform: translateY(14px)
}

.css-menu-pop-trigger.css-trigger-position-bl .css-trigger-arrow {
    border-left: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3);
    z-index: 0
}

.css-menu-pop-trigger.css-trigger-position-rt {
    transform: translateX(8px)
}

.css-menu-pop-trigger.css-trigger-position-rt .css-trigger-arrow {
    border-bottom: 1px solid var(--color-neutral-3);
    border-left: 1px solid var(--color-neutral-3);
    z-index: 0
}

.css-menu-pop-trigger.css-menu-pop-trigger-dark .css-trigger-arrow {
    background-color: var(--color-menu-dark-bg);
    border-color: var(--color-menu-dark-bg)
}

.css-trigger-menu {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    max-height: 200px;
    overflow: auto;
    padding: 4px 0;
    position: relative
}

.css-trigger-menu-hidden {
    display: none
}

.css-trigger-menu-item,.css-trigger-menu-pop-header {
    background-color: transparent;
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.css-trigger-menu-item.css-trigger-menu-selected,.css-trigger-menu-pop-header.css-trigger-menu-selected {
    background-color: transparent;
    color: var(--color-text-1);
    font-weight: 500;
    transition: all .1s linear
}

.css-trigger-menu-item:hover,.css-trigger-menu-pop-header:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.css-trigger-menu-item.css-trigger-menu-disabled,.css-trigger-menu-pop-header.css-trigger-menu-disabled {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-trigger-menu .css-trigger-menu-has-icon {
    align-items: center;
    display: flex
}

.css-trigger-menu .css-trigger-menu-has-icon .css-trigger-menu-icon {
    line-height: 1;
    margin-right: 8px
}

.css-trigger-menu .css-trigger-menu-has-icon>* {
    flex: none
}

.css-trigger-menu .css-trigger-menu-has-icon .css-trigger-menu-title {
    flex: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-trigger-menu-pop-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.css-trigger-menu-pop-header .css-trigger-menu-icon-suffix {
    margin-left: 12px
}

.css-trigger-menu-group:first-child .css-trigger-menu-group-title {
    padding-top: 4px
}

.css-trigger-menu-group-title {
    box-sizing: border-box;
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    padding: 8px 12px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.css-trigger-menu-pop-trigger .css-trigger-arrow {
    display: none
}

.css-trigger-menu-dark {
    background-color: var(--color-menu-dark-bg);
    border-color: var(--color-menu-dark-bg)
}

.css-trigger-menu-dark .css-trigger-menu-item,.css-trigger-menu-dark .css-trigger-menu-pop-header {
    background-color: transparent;
    color: var(--color-text-4)
}

.css-trigger-menu-dark .css-trigger-menu-item.css-trigger-menu-selected,.css-trigger-menu-dark .css-trigger-menu-pop-header.css-trigger-menu-selected {
    background-color: transparent;
    color: var(--color-white)
}

.css-trigger-menu-dark .css-trigger-menu-item.css-trigger-menu-selected:hover,.css-trigger-menu-dark .css-trigger-menu-pop-header.css-trigger-menu-selected:hover {
    color: var(--color-white)
}

.css-trigger-menu-dark .css-trigger-menu-item:hover,.css-trigger-menu-dark .css-trigger-menu-pop-header:hover {
    background-color: var(--color-menu-dark-hover);
    color: var(--color-text-4)
}

.css-trigger-menu-dark .css-trigger-menu-item.css-trigger-menu-disabled,.css-trigger-menu-dark .css-trigger-menu-pop-header.css-trigger-menu-disabled {
    background-color: transparent;
    color: var(--color-text-2)
}

.css-trigger-menu-dark .css-trigger-menu-group-title {
    color: var(--color-text-3)
}

.css-message-list {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0 10px;
    pointer-events: none;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1003
}

.css-message-list-top {
    top: 40px
}

.css-message-list-bottom {
    bottom: 40px
}

.css-message {
    align-items: center;
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    display: inline-flex;
    line-height: 1;
    list-style: none;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 10px 16px;
    pointer-events: auto;
    position: relative;
    text-align: center;
    transition: all .1s linear
}

.css-message-icon {
    animation: css-msg-fade .1s linear,css-msg-fade .4s cubic-bezier(.3,1.3,.3,1);
    display: inline-block;
    font-size: 20px;
    margin-right: 8px
}

.css-message-content,.css-message-icon {
    color: var(--color-text-1);
    vertical-align: middle
}

.css-message-content {
    font-size: 14px
}

.css-message-info {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-message-info .css-message-icon {
    color: rgb(var(--primary-6))
}

.css-message-info .css-message-content {
    color: var(--color-text-1)
}

.css-message-success {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-message-success .css-message-icon {
    color: rgb(var(--success-6))
}

.css-message-success .css-message-content {
    color: var(--color-text-1)
}

.css-message-warning {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-message-warning .css-message-icon {
    color: rgb(var(--warning-6))
}

.css-message-warning .css-message-content {
    color: var(--color-text-1)
}

.css-message-error {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-message-error .css-message-icon {
    color: rgb(var(--danger-6))
}

.css-message-error .css-message-content {
    color: var(--color-text-1)
}

.css-message-loading {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-message-loading .css-message-icon {
    color: rgb(var(--primary-6))
}

.css-message-close-btn,.css-message-loading .css-message-content {
    color: var(--color-text-1)
}

.css-message-close-btn {
    font-size: 12px;
    margin-left: 8px
}

.css-message .css-icon-hover.css-message-icon-hover:before {
    height: 20px;
    width: 20px
}

.fade-message-appear-from,.fade-message-enter-from {
    opacity: 0
}

.fade-message-appear-to,.fade-message-enter-to {
    opacity: 1
}

.fade-message-appear-active,.fade-message-enter-active {
    transition: opacity .1s linear
}

.fade-message-leave-from {
    opacity: 1
}

.fade-message-leave-to {
    opacity: 0
}

.fade-message-leave-active {
    position: absolute
}

.flip-list-move {
    transition: transform .8s ease
}

@keyframes css-msg-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes css-msg-scale {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.css-modal-container {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.css-modal-mask {
    background-color: var(--color-mask-bg)
}

.css-modal-mask,.css-modal-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.css-modal-wrapper {
    overflow: auto;
    text-align: center;
    margin: 0 auto;
}

.css-modal-wrapper.css-modal-wrapper-align-center {
    white-space: nowrap
}

.css-modal-wrapper.css-modal-wrapper-align-center:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.css-modal-wrapper.css-modal-wrapper-align-center .css-modal {
    top: 0;
    vertical-align: middle
}

.css-modal-wrapper.css-modal-wrapper-moved {
    text-align: left
}

.css-modal-wrapper.css-modal-wrapper-moved .css-modal {
    top: 0;
    vertical-align: top
}

.css-modal {
    background-color: var(--color-bg-3);
    border-radius: var(--border-radius-medium);
    display: inline-block;
    line-height: 1.5715;
    margin: 0 auto;
    position: relative;
    text-align: left;
    top: 100px;
    white-space: normal;
    width: 520px
}

.css-modal-draggable .css-modal-header {
    cursor: move
}

.css-modal-header {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    padding: 0 20px;
    width: 100%
}

.css-modal-header .css-modal-title {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.css-modal-header .css-modal-title-align-start {
    justify-content: flex-start
}

.css-modal-header .css-modal-title-align-center {
    justify-content: center
}

.css-modal-body {
    color: var(--color-text-1);
    font-size: 14px;
    overflow: auto;
    padding: 24px 20px;
    position: relative
}

.css-modal-footer {
    border-top: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 16px 20px;
    text-align: right;
    width: 100%
}

.css-modal-footer>.css-btn:not(:first-child) {
    margin-left: 12px
}

.css-modal-close-btn {
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 12px;
    margin-left: -12px
}

.css-modal-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500
}

.css-modal-title-icon {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: -.15em
}

.css-modal-title-icon .css-icon-info-circle-fill {
    color: rgb(var(--primary-6))
}

.css-modal-title-icon .css-icon-check-circle-fill {
    color: rgb(var(--success-6))
}

.css-modal-title-icon .css-icon-exclamation-circle-fill {
    color: rgb(var(--warning-6))
}

.css-modal-title-icon .css-icon-close-circle-fill {
    color: rgb(var(--danger-6))
}

.css-modal-simple {
    padding: 24px 32px 32px;
    width: 400px
}

.css-modal-simple .css-modal-footer,.css-modal-simple .css-modal-header {
    border: none;
    height: unset;
    padding: 0
}

.css-modal-simple .css-modal-header {
    margin-bottom: 24px
}

.css-modal-simple .css-modal-title {
    justify-content: center
}

.css-modal-simple .css-modal-title-align-start {
    justify-content: flex-start
}

.css-modal-simple .css-modal-title-align-center {
    justify-content: center
}

.css-modal-simple .css-modal-footer {
    margin-top: 32px;
    text-align: center
}

.css-modal-simple .css-modal-body {
    padding: 0
}

.css-modal-fullscreen {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    top: 0;
    width: 100%
}

.css-modal-fullscreen .css-modal-footer {
    margin-top: auto
}

.zoom-modal-appear-from,.zoom-modal-enter-from {
    opacity: 0;
    transform: scale(.5)
}

.zoom-modal-appear-to,.zoom-modal-enter-to {
    opacity: 1;
    transform: scale(1)
}

.zoom-modal-appear-active,.zoom-modal-enter-active {
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1),transform .4s cubic-bezier(.3,1.3,.3,1)
}

.zoom-modal-leave-from {
    opacity: 1;
    transform: scale(1)
}

.zoom-modal-leave-to {
    opacity: 0;
    transform: scale(.5)
}

.zoom-modal-leave-active {
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1),transform .4s cubic-bezier(.3,1.3,.3,1)
}

.fade-modal-appear-from,.fade-modal-enter-from {
    opacity: 0
}

.fade-modal-appear-to,.fade-modal-enter-to {
    opacity: 1
}

.fade-modal-appear-active,.fade-modal-enter-active {
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1)
}

.fade-modal-leave-from {
    opacity: 1
}

.fade-modal-leave-to {
    opacity: 0
}

.fade-modal-leave-active {
    transition: opacity .4s cubic-bezier(.3,1.3,.3,1)
}

.css-notification-list {
    margin: 0;
    padding-left: 0;
    position: fixed;
    z-index: 1003
}

.css-notification-list-top-left {
    left: 20px;
    top: 20px
}

.css-notification-list-top-right {
    right: 20px;
    top: 20px
}

.css-notification-list-top-right .css-notification {
    margin-left: auto
}

.css-notification-list-bottom-left {
    bottom: 20px;
    left: 20px
}

.css-notification-list-bottom-right {
    bottom: 20px;
    right: 20px
}

.css-notification-list-bottom-right .css-notification {
    margin-left: auto
}

.css-notification {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    box-sizing: border-box;
    display: flex;
    opacity: 1;
    overflow: hidden;
    padding: 20px;
    position: relative;
    transition: opacity .2s linear;
    width: 340px
}

.css-notification:not(:last-child) {
    margin-bottom: 20px
}

.css-notification-icon {
    align-items: center;
    display: flex;
    font-size: 24px
}

.css-notification-info {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-notification-info .css-notification-icon {
    color: rgb(var(--primary-6))
}

.css-notification-success {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-notification-success .css-notification-icon {
    color: rgb(var(--success-6))
}

.css-notification-warning {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-notification-warning .css-notification-icon {
    color: rgb(var(--warning-6))
}

.css-notification-error {
    background-color: var(--color-bg-popup);
    border-color: var(--color-neutral-3)
}

.css-notification-error .css-notification-icon {
    color: rgb(var(--danger-6))
}

.css-notification-left {
    padding-right: 16px
}

.css-notification-right {
    flex: 1;
    word-break: break-word
}

.css-notification-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500
}

.css-notification-title+.css-notification-content {
    margin-top: 4px
}

.css-notification-content {
    color: var(--color-text-1);
    font-size: 14px
}

.css-notification-error .css-notification-content,.css-notification-error .css-notification-title,.css-notification-info .css-notification-content,.css-notification-info .css-notification-title,.css-notification-success .css-notification-content,.css-notification-success .css-notification-title,.css-notification-warning .css-notification-content,.css-notification-warning .css-notification-title {
    color: var(--color-text-1)
}

.css-notification-footer {
    margin-top: 16px;
    text-align: right
}

.css-notification-close-btn {
    color: var(--color-text-1);
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 12px
}

.css-notification-close-btn>svg {
    position: relative
}

.css-notification .css-icon-hover.css-notification-icon-hover:before {
    height: 20px;
    width: 20px
}

.slide-left-notification-appear-from,.slide-left-notification-enter-from {
    transform: translateX(-100%)
}

.slide-left-notification-appear-to,.slide-left-notification-enter-to {
    transform: translateX(0)
}

.slide-left-notification-appear-active,.slide-left-notification-enter-active {
    transition: transform .4s cubic-bezier(.3,1.3,.3,1)
}

.slide-left-notification-leave-from {
    opacity: 1
}

.slide-left-notification-leave-to {
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0
}

.slide-left-notification-leave-active {
    transition: all .3s cubic-bezier(.34,.69,.1,1)
}

.slide-right-notification-appear-from,.slide-right-notification-enter-from {
    transform: translateX(100%)
}

.slide-right-notification-appear-to,.slide-right-notification-enter-to {
    transform: translateX(0)
}

.slide-right-notification-appear-active,.slide-right-notification-enter-active {
    transition: transform .4s cubic-bezier(.3,1.3,.3,1)
}

.slide-right-notification-leave-from {
    opacity: 1
}

.slide-right-notification-leave-to {
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0
}

.slide-right-notification-leave-active {
    transition: all .3s cubic-bezier(.34,.69,.1,1)
}

.css-overflow-list {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.css-overflow-list>:not(:last-child) {
    flex-shrink: 0
}

.css-overflow-list-spacer {
    flex: 1;
    height: 1px;
    min-width: 0
}

.css-page-header {
    padding: 16px 0
}

.css-page-header-breadcrumb+.css-page-header-header {
    margin-top: 4px
}

.css-page-header-wrapper {
    padding-left: 24px;
    padding-right: 20px
}

.css-page-header-header {
    justify-content: space-between;
    line-height: 28px
}

.css-page-header-header,.css-page-header-header-left,.css-page-header-main {
    align-items: center;
    display: flex
}

.css-page-header-main {
    min-height: 30px
}

.css-page-header-main-with-back {
    margin-left: -8px;
    padding-left: 8px
}

.css-page-header-extra {
    overflow: hidden;
    white-space: nowrap
}

.css-page-header .css-icon-hover.css-page-header-icon-hover:before {
    height: 30px;
    width: 30px
}

.css-page-header .css-icon-hover.css-page-header-icon-hover:hover:before {
    background-color: var(--color-fill-2)
}

.css-page-header-back-btn {
    color: var(--color-text-2);
    font-size: 14px;
    margin-right: 12px
}

.css-page-header-back-btn-icon {
    position: relative
}

.css-page-header-title {
    color: var(--color-text-1);
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-page-header-divider {
    background-color: var(--color-fill-3);
    height: 16px;
    margin-left: 12px;
    margin-right: 12px;
    width: 1px
}

.css-page-header-subtitle {
    color: var(--color-text-3);
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-page-header-content {
    border-top: 1px solid var(--color-neutral-3);
    padding: 20px 32px
}

.css-page-header-footer {
    padding: 16px 20px 0 24px
}

.css-page-header-with-breadcrumb {
    padding: 12px 0
}

.css-page-header-with-breadcrumb .css-page-header-footer {
    padding-top: 12px
}

.css-page-header-with-content .css-page-header-wrapper {
    padding-bottom: 12px
}

.css-page-header-with-footer {
    padding-bottom: 0
}

.css-page-header-wrapper .css-page-header-header {
    flex-wrap: wrap
}

.css-page-header-wrapper .css-page-header-header .css-page-header-head-extra {
    margin-top: 4px
}

.css-pagination {
    align-items: center;
    display: flex;
    font-size: 14px
}

.css-pagination-list {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.css-pagination-item {
    background-color: transparent;
    border: 0 solid transparent;
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-2);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    list-style: none;
    min-width: 32px;
    outline: 0;
    padding: 0 8px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.css-pagination-item:hover {
    background-color: var(--color-fill-1);
    border-color: transparent;
    color: var(--color-text-2)
}

.css-pagination-item-active,.css-pagination-item-active:hover {
    background-color: var(--color-primary-light-1);
    border-color: transparent;
    color: rgb(var(--primary-6));
    transition: color .2s linear,background-color .2s linear
}

.css-pagination-item-disabled,.css-pagination-item-disabled:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-pagination-item:not(:last-child) {
    margin-right: 8px
}

.css-pagination-item-next,.css-pagination-item-previous {
    background-color: transparent;
    color: var(--color-text-2);
    font-size: 12px
}

.css-pagination-item-next:not(.css-pagination-item-disabled):hover,.css-pagination-item-previous:not(.css-pagination-item-disabled):hover {
    background-color: var(--color-fill-1);
    color: rgb(var(--primary-6))
}

.css-pagination-item-next:after,.css-pagination-item-previous:after {
    content: ".";
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}

.css-pagination .css-pagination-item-next.css-pagination-item-disabled,.css-pagination .css-pagination-item-previous.css-pagination-item-disabled {
    background-color: transparent;
    color: var(--color-text-4)
}

.css-pagination-item-jumper {
    font-size: 16px
}

.css-pagination-jumper {
    align-items: center;
    display: flex;
    margin-left: 8px
}

.css-pagination-jumper>span {
    font-size: 14px
}

.css-pagination-jumper-append,.css-pagination-jumper-prepend,.css-pagination-jumper-text-goto {
    color: var(--color-text-3);
    white-space: nowrap
}

.css-pagination-jumper-prepend {
    margin-right: 8px
}

.css-pagination-jumper-append {
    margin-left: 8px
}

.css-pagination-jumper .css-pagination-jumper-input {
    padding-left: 2px;
    padding-right: 2px;
    width: 40px
}

.css-pagination-jumper .css-pagination-jumper-input input {
    text-align: center
}

.css-pagination-options {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: 8px;
    min-width: 0;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.css-pagination-options .css-select {
    width: auto
}

.css-pagination-options .css-select-view-value {
    overflow: inherit;
    padding-right: 6px
}

.css-pagination-total {
    color: var(--color-text-1);
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: 32px;
    margin-right: 8px;
    white-space: nowrap
}

.css-pagination-jumper {
    flex: 0 0 auto
}

.css-pagination-jumper-separator {
    padding: 0 12px
}

.css-pagination-jumper-total-page {
    margin-right: 8px
}

.css-pagination-simple {
    align-items: center;
    display: flex
}

.css-pagination-simple .css-pagination-item {
    margin-right: 0
}

.css-pagination-simple .css-pagination-jumper {
    color: var(--color-text-1);
    margin: 0 4px
}

.css-pagination-simple .css-pagination-jumper .css-pagination-jumper-input {
    margin-left: 0;
    width: 40px
}

.css-pagination-simple .css-pagination-item-next,.css-pagination-simple .css-pagination-item-previous {
    background-color: transparent;
    color: var(--color-text-2)
}

.css-pagination-simple .css-pagination-item-next:not(.css-pagination-item-disabled):hover,.css-pagination-simple .css-pagination-item-previous:not(.css-pagination-item-disabled):hover {
    background-color: var(--color-fill-1);
    color: rgb(var(--primary-6))
}

.css-pagination-simple .css-pagination-item-next.css-pagination-item-disabled,.css-pagination-simple .css-pagination-item-previous.css-pagination-item-disabled {
    background-color: transparent;
    color: var(--color-text-4)
}

.css-pagination-disabled {
    cursor: not-allowed
}

.css-pagination-disabled .css-pagination-item,.css-pagination-disabled .css-pagination-item:not(.css-pagination-item-disabled):not(.css-pagination-item-active):hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-pagination.css-pagination-disabled .css-pagination-item-active {
    background-color: var(--color-fill-1);
    border-color: transparent;
    color: var(--color-primary-light-3)
}

.css-pagination-size-mini .css-pagination-item {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    min-width: 24px
}

.css-pagination-size-mini .css-pagination-item-next,.css-pagination-size-mini .css-pagination-item-previous {
    font-size: 12px
}

.css-pagination-size-mini .css-pagination-total {
    font-size: 12px;
    line-height: 24px
}

.css-pagination-size-mini .css-pagination-option {
    font-size: 12px;
    height: 24px;
    line-height: 0
}

.css-pagination-size-mini .css-pagination-jumper>span {
    font-size: 12px
}

.css-pagination-size-small .css-pagination-item {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    min-width: 28px
}

.css-pagination-size-small .css-pagination-item-next,.css-pagination-size-small .css-pagination-item-previous {
    font-size: 12px
}

.css-pagination-size-small .css-pagination-total {
    font-size: 14px;
    line-height: 28px
}

.css-pagination-size-small .css-pagination-option {
    font-size: 14px;
    height: 28px;
    line-height: 0
}

.css-pagination-size-small .css-pagination-jumper>span {
    font-size: 14px
}

.css-pagination-size-large .css-pagination-item {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    min-width: 36px
}

.css-pagination-size-large .css-pagination-item-next,.css-pagination-size-large .css-pagination-item-previous {
    font-size: 14px
}

.css-pagination-size-large .css-pagination-total {
    font-size: 14px;
    line-height: 36px
}

.css-pagination-size-large .css-pagination-option {
    font-size: 14px;
    height: 36px;
    line-height: 0
}

.css-pagination-size-large .css-pagination-jumper>span {
    font-size: 14px
}

.css-popconfirm-popup-content {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    color: var(--color-text-2);
    font-size: 14px;
    line-height: 1.5715;
    padding: 16px
}

.css-popconfirm-popup-content .css-popconfirm-body {
    align-items: flex-start;
    color: var(--color-text-1);
    display: flex;
    font-size: 14px;
    margin-bottom: 16px;
    position: relative
}

.css-popconfirm-popup-content .css-popconfirm-body .css-popconfirm-icon {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    height: 22.001px;
    margin-right: 8px
}

.css-popconfirm-popup-content .css-popconfirm-body .css-popconfirm-icon .css-icon-exclamation-circle-fill {
    color: rgb(var(--warning-6))
}

.css-popconfirm-popup-content .css-popconfirm-body .css-popconfirm-icon .css-icon-check-circle-fill {
    color: rgb(var(--success-6))
}

.css-popconfirm-popup-content .css-popconfirm-body .css-popconfirm-icon .css-icon-info-circle-fill {
    color: rgb(var(--primary-6))
}

.css-popconfirm-popup-content .css-popconfirm-body .css-popconfirm-icon .css-icon-close-circle-fill {
    color: rgb(var(--danger-6))
}

.css-popconfirm-popup-content .css-popconfirm-body .css-popconfirm-content {
    text-align: left;
    word-wrap: break-word
}

.css-popconfirm-popup-content .css-popconfirm-footer {
    text-align: right
}

.css-popconfirm-popup-content .css-popconfirm-footer>button {
    margin-left: 8px
}

.css-popconfirm-popup-arrow {
    z-index: 1
}

.css-popconfirm-popup-arrow,.css-popover-popup-content {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3)
}

.css-popover-popup-content {
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    color: var(--color-text-2);
    font-size: 14px;
    line-height: 1.5715;
    padding: 12px 16px
}

.css-popover-title {
    color: var(--color-text-1);
    font-size: 16px;
    font-weight: 500
}

.css-popover-content {
    margin-top: 4px;
    text-align: left;
    word-wrap: break-word
}

.css-popover-popup-arrow {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    z-index: 1
}

.css-progress {
    font-size: 12px;
    line-height: 1;
    position: relative
}

.css-progress-type-line,.css-progress-type-steps {
    display: inline-block;
    max-width: 100%;
    width: 100%
}

.css-progress-type-line.css-progress-size-mini {
    width: auto
}

.css-progress-line-wrapper,.css-progress-steps-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    max-width: 100%;
    width: 100%
}

.css-progress-line-text,.css-progress-steps-text {
    color: var(--color-text-2);
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 12px;
    margin-left: 16px;
    min-width: 32px;
    text-align: right;
    white-space: nowrap
}

.css-progress-line-text .css-icon,.css-progress-steps-text .css-icon {
    font-size: 12px;
    margin-left: 4px
}

.css-progress-line {
    background-color: var(--color-fill-3);
    border-radius: 100px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.css-progress-line-bar {
    background-color: rgb(var(--primary-6));
    border-radius: 100px;
    height: 100%;
    max-width: 100%;
    position: relative;
    transition: width .6s cubic-bezier(.34,.69,.1,1),background .3s cubic-bezier(.34,.69,.1,1)
}

.css-progress-line-bar-buffer {
    background-color: var(--color-primary-light-3);
    border-radius: 0 100px 100px 0;
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    transition: all .6s cubic-bezier(.34,.69,.1,1)
}

.css-progress-line-bar-animate:after {
    animation: css-progress-loading 1.5s cubic-bezier(.34,.69,.1,1) infinite;
    background: linear-gradient(90deg,transparent 25%,hsla(0,0%,100%,.5) 50%,transparent 75%);
    background-size: 400% 100%;
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.css-progress-line-text .css-icon {
    color: var(--color-text-2)
}

.css-progress-type-steps.css-progress-size-small {
    width: auto
}

.css-progress-type-steps.css-progress-size-small .css-progress-steps-item {
    border-radius: 2px;
    flex: unset;
    width: 2px
}

.css-progress-type-steps.css-progress-size-small .css-progress-steps-item:not(:last-of-type) {
    margin-right: 3px
}

.css-progress-steps {
    display: flex;
    width: 100%
}

.css-progress-steps-text {
    margin-left: 8px;
    min-width: unset
}

.css-progress-steps-text .css-icon {
    color: var(--color-text-2)
}

.css-progress-steps-item {
    background-color: var(--color-fill-3);
    display: inline-block;
    flex: 1;
    height: 100%;
    position: relative
}

.css-progress-steps-item:not(:last-of-type) {
    margin-right: 3px
}

.css-progress-steps-item:last-of-type {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.css-progress-steps-item:first-of-type {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

.css-progress-steps-item-active {
    background-color: rgb(var(--primary-6))
}

.css-progress-status-warning .css-progress-line-bar,.css-progress-status-warning .css-progress-steps-item-active {
    background-color: rgb(var(--warning-6))
}

.css-progress-status-warning .css-progress-line-text .css-icon,.css-progress-status-warning .css-progress-steps-text .css-icon {
    color: rgb(var(--warning-6))
}

.css-progress-status-success .css-progress-line-bar,.css-progress-status-success .css-progress-steps-item-active {
    background-color: rgb(var(--success-6))
}

.css-progress-status-success .css-progress-line-text .css-icon,.css-progress-status-success .css-progress-steps-text .css-icon {
    color: rgb(var(--success-6))
}

.css-progress-status-danger .css-progress-line-bar,.css-progress-status-danger .css-progress-steps-item-active {
    background-color: rgb(var(--danger-6))
}

.css-progress-status-danger .css-progress-line-text .css-icon,.css-progress-status-danger .css-progress-steps-text .css-icon {
    color: rgb(var(--danger-6))
}

.css-progress-size-small .css-progress-line-text {
    font-size: 12px;
    margin-left: 16px
}

.css-progress-size-small .css-progress-line-text .css-icon {
    font-size: 12px
}

.css-progress-size-large .css-progress-line-text {
    font-size: 16px;
    margin-left: 16px
}

.css-progress-size-large .css-progress-line-text .css-icon {
    font-size: 14px
}

.css-progress-type-circle {
    display: inline-block
}

.css-progress-circle-wrapper {
    display: inline-block;
    line-height: 1;
    position: relative;
    text-align: center;
    vertical-align: text-bottom
}

.css-progress-circle-svg {
    transform: rotate(-90deg)
}

.css-progress-circle-text {
    color: var(--color-text-3);
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.css-progress-circle-text .css-icon {
    color: var(--color-text-2);
    font-size: 16px
}

.css-progress-circle-bg {
    stroke: var(--color-fill-3)
}

.css-progress-circle-bar {
    stroke: rgb(var(--primary-6));
    transition: stroke-dashoffset .6s linear 0s,stroke .6s linear
}

.css-progress-size-mini .css-progress-circle-bg {
    stroke: var(--color-primary-light-3)
}

.css-progress-size-mini .css-progress-circle-bar {
    stroke: rgb(var(--primary-6))
}

.css-progress-size-mini.css-progress-status-warning .css-progress-circle-bg {
    stroke: var(--color-warning-light-3)
}

.css-progress-size-mini.css-progress-status-danger .css-progress-circle-bg {
    stroke: var(--color-danger-light-3)
}

.css-progress-size-mini.css-progress-status-success .css-progress-circle-bg {
    stroke: var(--color-success-light-3)
}

.css-progress-size-mini .css-progress-circle-wrapper .css-icon-check {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.css-progress-size-mini .css-progress-circle-text {
    left: unset;
    position: static;
    top: unset;
    transform: unset
}

.css-progress-size-small .css-progress-circle-text {
    font-size: 13px
}

.css-progress-size-small .css-progress-circle-text .css-icon {
    font-size: 14px
}

.css-progress-size-large .css-progress-circle-text,.css-progress-size-large .css-progress-circle-text .css-icon {
    font-size: 16px
}

.css-progress-status-warning .css-progress-circle-bar {
    stroke: rgb(var(--warning-6))
}

.css-progress-status-warning .css-icon {
    color: rgb(var(--warning-6))
}

.css-progress-status-success .css-progress-circle-bar {
    stroke: rgb(var(--success-6))
}

.css-progress-status-success .css-icon {
    color: rgb(var(--success-6))
}

.css-progress-status-danger .css-progress-circle-bar {
    stroke: rgb(var(--danger-6))
}

.css-progress-status-danger .css-icon {
    color: rgb(var(--danger-6))
}

@keyframes css-progress-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.css-radio-button>input[type=radio],.css-radio>input[type=radio] {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.css-radio-button>input[type=radio]:focus+.css-radio-icon-hover:before,.css-radio>input[type=radio]:focus+.css-radio-icon-hover:before {
    background-color: var(--color-fill-2)
}

.css-icon-hover.css-radio-icon-hover:before {
    height: 24px;
    width: 24px
}

.css-radio {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    line-height: unset;
    padding-left: 5px;
    position: relative
}

.css-radio-label {
    color: var(--color-text-1);
    margin-left: 8px
}

.css-radio-icon {
    border: 2px solid var(--color-neutral-3);
    display: block;
    height: 14px;
    line-height: 14px;
    position: relative;
    width: 14px
}

.css-radio-icon,.css-radio-icon:after {
    border-radius: var(--border-radius-circle);
    box-sizing: border-box
}

.css-radio-icon:after {
    background-color: var(--color-bg-2);
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    transition: transform .3s cubic-bezier(.3,1.3,.3,1);
    width: 10px
}

.css-radio:hover .css-radio-icon {
    border-color: var(--color-neutral-3)
}

.css-radio-checked .css-radio-icon {
    background-color: rgb(var(--primary-6));
    border-color: rgb(var(--primary-6))
}

.css-radio-checked .css-radio-icon:after {
    background-color: var(--color-white);
    transform: scale(.4)
}

.css-radio-checked:hover .css-radio-icon {
    border-color: rgb(var(--primary-6))
}

.css-radio-disabled,.css-radio-disabled .css-radio-icon-hover {
    cursor: not-allowed
}

.css-radio-disabled .css-radio-label {
    color: var(--color-text-4)
}

.css-radio-disabled .css-radio-icon {
    border-color: var(--color-neutral-3)
}

.css-radio-disabled .css-radio-icon:after {
    background-color: var(--color-fill-2)
}

.css-radio-disabled:hover .css-radio-icon {
    border-color: var(--color-neutral-3)
}

.css-radio-checked.css-radio-disabled .css-radio-icon,.css-radio-checked.css-radio-disabled:hover .css-radio-icon {
    background-color: var(--color-primary-light-3);
    border-color: transparent
}

.css-radio-checked.css-radio-disabled .css-radio-icon:after {
    background-color: var(--color-fill-2)
}

.css-radio-checked.css-radio-disabled .css-radio-label {
    color: var(--color-text-4)
}

.css-radio:hover .css-radio-icon-hover:before {
    background-color: var(--color-fill-2)
}

.css-radio-group {
    box-sizing: border-box;
    display: inline-block
}

.css-radio-group .css-radio {
    margin-right: 20px
}

.css-radio-group-button {
    background-color: var(--color-fill-2);
    display: inline-flex;
    padding: 1.5px
}

.css-radio-button,.css-radio-group-button {
    border-radius: var(--border-radius-small);
    line-height: 26px
}

.css-radio-button {
    background-color: transparent;
    color: var(--color-text-2);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 1.5px;
    position: relative;
    transition: all .1s linear
}

.css-radio-button-content {
    display: block;
    padding: 0 12px;
    position: relative
}

.css-radio-button:not(:first-of-type):before {
    background-color: var(--color-neutral-3);
    content: "";
    display: block;
    height: 14px;
    left: -2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s linear;
    width: 1px
}

.css-radio-button.css-radio-checked+.css-radio-button:before,.css-radio-button.css-radio-checked:before,.css-radio-button:hover+.css-radio-button:before,.css-radio-button:hover:before {
    opacity: 0
}

.css-radio-button:hover {
    background-color: var(--color-bg-5);
    color: var(--color-text-1)
}

.css-radio-button.css-radio-checked {
    background-color: var(--color-bg-5);
    color: rgb(var(--primary-6))
}

.css-radio-button.css-radio-disabled {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-radio-button.css-radio-disabled.css-radio-checked {
    background-color: var(--color-bg-5);
    color: var(--color-primary-light-3)
}

.css-radio-group-size-small {
    line-height: 28px
}

.css-radio-group-size-small .css-radio-button,.css-radio-group-size-small.css-radio-group-button {
    font-size: 14px;
    line-height: 22px
}

.css-radio-group-size-large {
    line-height: 36px
}

.css-radio-group-size-large .css-radio-button,.css-radio-group-size-large.css-radio-group-button {
    font-size: 14px;
    line-height: 30px
}

.css-radio-group-size-mini {
    line-height: 24px
}

.css-radio-group-size-mini .css-radio-button,.css-radio-group-size-mini.css-radio-group-button {
    font-size: 12px;
    line-height: 18px
}

.css-radio-group-direction-vertical .css-radio {
    display: flex;
    line-height: 32px;
    margin-right: 0
}

body[css-theme=dark] .css-radio-button.css-radio-checked,body[css-theme=dark] .css-radio-button:not(.css-radio-disabled):hover {
    background-color: var(--color-fill-3)
}

body[css-theme=dark] .css-radio-button:after {
    background-color: var(--color-bg-3)
}

.css-rate {
    align-items: center;
    display: inline-flex;
    font-size: 24px;
    line-height: 1;
    min-height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-rate-disabled {
    cursor: not-allowed
}

.css-rate-character {
    color: var(--color-fill-3);
    position: relative;
    transition: transform .2s cubic-bezier(.34,.69,.1,1)
}

.css-rate-character:not(:last-child) {
    margin-right: 8px
}

.css-rate-character-left,.css-rate-character-right {
    transition: inherit
}

.css-rate-character-left>*,.css-rate-character-right>* {
    float: left
}

.css-rate-character-left {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 50%
}

.css-rate-character-scale {
    animation: css-rate-scale .4s cubic-bezier(.34,.69,.1,1)
}

.css-rate-character-full .css-rate-character-right {
    color: rgb(var(--gold-6))
}

.css-rate-character-half .css-rate-character-left {
    color: rgb(var(--gold-6));
    opacity: 1
}

.css-rate-character-disabled {
    cursor: not-allowed
}

.css-rate:not(.css-rate-readonly):not(.css-rate-disabled) .css-rate-character {
    cursor: pointer
}

.css-rate:not(.css-rate-readonly):not(.css-rate-disabled) .css-rate-character:focus,.css-rate:not(.css-rate-readonly):not(.css-rate-disabled) .css-rate-character:hover {
    transform: scale(1.2)
}

@keyframes css-rate-scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.css-resizebox {
    overflow: hidden;
    position: relative;
    width: 100%
}

.css-resizebox-direction-bottom,.css-resizebox-direction-left,.css-resizebox-direction-right,.css-resizebox-direction-top {
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-resizebox-direction-right {
    left: unset;
    right: 0
}

.css-resizebox-direction-bottom {
    bottom: 0;
    top: unset
}

.css-resizebox-trigger-icon-wrapper {
    align-items: center;
    background-color: var(--color-neutral-3);
    color: var(--color-text-1);
    display: flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    line-height: 1
}

.css-resizebox-trigger-icon {
    display: inline-block;
    margin: -3px
}

.css-resizebox-trigger-vertical {
    cursor: col-resize;
    height: 100%
}

.css-resizebox-trigger-horizontal {
    cursor: row-resize;
    width: 100%
}

.css-result {
    box-sizing: border-box;
    padding: 32px 32px 24px;
    width: 100%
}

.css-result-icon {
    font-size: 20px;
    margin-bottom: 16px;
    text-align: center
}

.css-result-icon-tip {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 45px;
    justify-content: center;
    margin: 0 auto;
    width: 45px
}

.css-result-icon-custom .css-result-icon-tip {
    color: inherit;
    font-size: 45px;
    height: unset;
    width: unset
}

.css-result-icon-success .css-result-icon-tip {
    background-color: var(--color-success-light-1);
    color: rgb(var(--success-6))
}

.css-result-icon-error .css-result-icon-tip {
    background-color: var(--color-danger-light-1);
    color: rgb(var(--danger-6))
}

.css-result-icon-info .css-result-icon-tip {
    background-color: var(--color-primary-light-1);
    color: rgb(var(--primary-6))
}

.css-result-icon-warning .css-result-icon-tip {
    background-color: var(--color-warning-light-1);
    color: rgb(var(--warning-6))
}

.css-result-icon-403,.css-result-icon-404,.css-result-icon-500 {
    padding-top: 24px
}

.css-result-icon-403 .css-result-icon-tip,.css-result-icon-404 .css-result-icon-tip,.css-result-icon-500 .css-result-icon-tip {
    height: 92px;
    line-height: 92px;
    width: 92px
}

.css-result-title {
    color: var(--color-text-1);
    font-weight: 500
}

.css-result-subtitle,.css-result-title {
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.css-result-subtitle {
    color: var(--color-text-2)
}

.css-result-extra {
    margin-top: 20px;
    text-align: center
}

.css-result-content {
    margin-top: 20px
}

.css-scrollbar {
    position: relative
}

.css-scrollbar-container {
    position: relative;
    scrollbar-width: none
}

.css-scrollbar-container::-webkit-scrollbar {
    display: none
}

.css-scrollbar-track {
    position: absolute;
    z-index: 100
}

.css-scrollbar-track-direction-horizontal {
    bottom: 0;
    box-sizing: border-box;
    height: 15px;
    left: 0;
    width: 100%
}

.css-scrollbar-track-direction-vertical {
    box-sizing: border-box;
    height: 100%;
    right: 0;
    top: 0;
    width: 15px
}

.css-scrollbar-thumb {
    box-sizing: border-box;
    display: block;
    position: absolute
}

.css-scrollbar-thumb-bar {
    background-color: var(--color-neutral-4);
    border-radius: 6px;
    height: 100%;
    width: 100%
}

.css-scrollbar-thumb-dragging .css-scrollbar-thumb-bar,.css-scrollbar-thumb:hover .css-scrollbar-thumb-bar {
    background-color: var(--color-neutral-6)
}

.css-scrollbar-thumb-direction-horizontal .css-scrollbar-thumb-bar {
    height: 9px;
    margin: 3px 0
}

.css-scrollbar-thumb-direction-vertical .css-scrollbar-thumb-bar {
    margin: 0 3px;
    width: 9px
}

.css-scrollbar.css-scrollbar-type-embed .css-scrollbar-thumb {
    opacity: 0;
    transition: opacity .2s ease
}

.css-scrollbar.css-scrollbar-type-embed .css-scrollbar-thumb-dragging,.css-scrollbar.css-scrollbar-type-embed:hover .css-scrollbar-thumb {
    opacity: .8
}

.css-scrollbar.css-scrollbar-type-track .css-scrollbar-track {
    background-color: var(--color-neutral-1)
}

.css-scrollbar.css-scrollbar-type-track .css-scrollbar-track-direction-horizontal {
    border-bottom: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3)
}

.css-scrollbar.css-scrollbar-type-track .css-scrollbar-track-direction-vertical {
    border-left: 1px solid var(--color-neutral-3);
    border-right: 1px solid var(--color-neutral-3)
}

.css-scrollbar.css-scrollbar-type-track .css-scrollbar-thumb-direction-horizontal {
    margin: -1px 0
}

.css-scrollbar.css-scrollbar-type-track .css-scrollbar-thumb-direction-vertical {
    margin: 0 -1px
}

.css-scrollbar.css-scrollbar-type-track.css-scrollbar-both .css-scrollbar-track-direction-vertical:after {
    background-color: var(--color-neutral-1);
    border-bottom: 1px solid var(--color-neutral-3);
    border-right: 1px solid var(--color-neutral-3);
    bottom: 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: -1px;
    width: 15px
}

.css-select-dropdown {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    padding: 4px 0
}

.css-select-dropdown .css-select-dropdown-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 50px
}

.css-select-dropdown-list {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0
}

.css-select-dropdown-list-wrapper {
    max-height: 200px;
    overflow-y: auto
}

.css-select-dropdown .css-select-option {
    align-items: center;
    background-color: var(--color-bg-popup);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 36px;
    padding: 0 12px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1
}

.css-select-dropdown .css-select-option-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-select-dropdown .css-select-option-checkbox {
    overflow: hidden
}

.css-select-dropdown .css-select-option-checkbox .css-checkbox-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-select-dropdown .css-select-option-has-suffix {
    justify-content: space-between
}

.css-select-dropdown .css-select-option-selected {
    background-color: var(--color-bg-popup);
    color: var(--color-text-1);
    font-weight: 500
}

.css-select-dropdown .css-select-option-active,.css-select-dropdown .css-select-option:not(.css-select-dropdown .css-select-option-disabled):hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1);
    transition: all .1s linear
}

.css-select-dropdown .css-select-option-disabled {
    background-color: var(--color-bg-popup);
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-select-dropdown .css-select-option-icon {
    display: inline-flex;
    margin-right: 8px
}

.css-select-dropdown .css-select-option-suffix {
    margin-left: 12px
}

.css-select-dropdown .css-select-group:first-child .css-select-dropdown .css-select-group-title {
    margin-top: 8px
}

.css-select-dropdown .css-select-group-title {
    box-sizing: border-box;
    color: var(--color-text-3);
    cursor: default;
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.css-select-dropdown.css-select-dropdown-has-header {
    padding-top: 0
}

.css-select-dropdown-header {
    border-bottom: 1px solid var(--color-fill-3)
}

.css-select-dropdown.css-select-dropdown-has-footer {
    padding-bottom: 0
}

.css-select-dropdown-footer {
    border-top: 1px solid var(--color-fill-3)
}

.css-skeleton-shape {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    height: 48px;
    width: 48px
}

.css-skeleton-shape-circle {
    border-radius: 50%
}

.css-skeleton-shape-small {
    height: 36px;
    width: 36px
}

.css-skeleton-shape-large {
    height: 60px;
    width: 60px
}

.css-skeleton-line {
    list-style: none;
    margin: 0;
    padding: 0
}

.css-skeleton-line-row {
    background-color: var(--color-fill-2);
    height: 16px
}

.css-skeleton-line-row:not(:last-child) {
    margin-bottom: 16px
}

.css-skeleton-animation .css-skeleton-line-row,.css-skeleton-animation .css-skeleton-shape {
    animation: css-skeleton-circle 1.5s linear infinite;
    background: linear-gradient(90deg,var(--color-fill-2) 25%,var(--color-fill-3) 37%,var(--color-fill-2) 63%);
    background-size: 400% 100%
}

@keyframes css-skeleton-circle {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.css-slider {
    align-items: center;
    display: inline-flex;
    width: 100%
}

.css-slider-vertical {
    display: inline-block;
    height: auto;
    min-width: 22px;
    width: auto
}

.css-slider-vertical .css-slider-wrapper {
    flex-direction: column
}

.css-slider-with-marks {
    margin-bottom: 24px;
    padding: 20px
}

.css-slider-vertical.css-slider-with-marks {
    margin-bottom: 0;
    padding: 0
}

.css-slider-track {
    cursor: pointer;
    flex: 1;
    height: 12px;
    position: relative;
    width: 100%
}

.css-slider-track:before {
    background-color: var(--color-fill-3);
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.css-slider-track.css-slider-track-vertical {
    height: 100%;
    margin-bottom: 6px;
    margin-right: 0;
    margin-top: 6px;
    max-width: 12px;
    min-height: 200px;
    transform: translateY(0);
    width: 12px
}

.css-slider-track.css-slider-track-vertical:before {
    height: 100%;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
    width: 2px
}

.css-slider-track.css-slider-track-disabled:before {
    background-color: var(--color-fill-2)
}

.css-slider-track.css-slider-track-disabled .css-slider-bar {
    background-color: var(--color-fill-3)
}

.css-slider-track.css-slider-track-disabled .css-slider-btn {
    cursor: not-allowed
}

.css-slider-track.css-slider-track-disabled .css-slider-btn:after {
    border-color: var(--color-fill-3)
}

.css-slider-track.css-slider-track-disabled .css-slider-dots .css-slider-dot {
    border-color: var(--color-fill-2)
}

.css-slider-track.css-slider-track-disabled .css-slider-dots .css-slider-dot-active {
    border-color: var(--color-fill-3)
}

.css-slider-track.css-slider-track-disabled .css-slider-ticks .css-slider-tick {
    background: var(--color-fill-2)
}

.css-slider-track.css-slider-track-disabled .css-slider-ticks .css-slider-tick-active {
    background: var(--color-fill-3)
}

.css-slider-bar {
    background-color: rgb(var(--primary-6));
    border-radius: 2px;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.css-slider-track-vertical .css-slider-bar {
    height: unset;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
    width: 2px
}

.css-slider-btn {
    transform: translateX(-50%)
}

.css-slider-btn,.css-slider-btn:after {
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px
}

.css-slider-btn:after {
    background: var(--color-bg-2);
    border: 2px solid rgb(var(--primary-6));
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    transition: all .3s cubic-bezier(.3,1.3,.3,1)
}

.css-slider-btn.css-slider-btn-active:after,.css-slider-btn:hover:after {
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    transform: scale(1.16666667)
}

.css-slider-track-vertical .css-slider-btn {
    bottom: 0;
    left: 0;
    top: unset;
    transform: translateY(50%)
}

.css-slider-marks {
    position: absolute;
    top: 12px;
    width: 100%
}

.css-slider-marks .css-slider-mark {
    color: var(--color-text-3);
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    transform: translateX(-50%)
}

.css-slider-track-vertical .css-slider-marks {
    height: 100%;
    left: 15px;
    top: 0
}

.css-slider-track-vertical .css-slider-marks .css-slider-mark {
    transform: translateY(50%)
}

.css-slider-dots {
    height: 100%
}

.css-slider-dots .css-slider-dot-wrapper {
    font-size: 12px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.css-slider-track-vertical .css-slider-dots .css-slider-dot-wrapper {
    left: 50%;
    top: unset;
    transform: translate(-50%,50%)
}

.css-slider-dots .css-slider-dot-wrapper .css-slider-dot {
    background-color: var(--color-bg-2);
    border: 2px solid var(--color-fill-3);
    border-radius: 50%;
    box-sizing: border-box;
    height: 8px;
    width: 8px
}

.css-slider-dots .css-slider-dot-wrapper .css-slider-dot-active {
    border-color: rgb(var(--primary-6))
}

.css-slider-ticks .css-slider-tick {
    background: var(--color-fill-3);
    height: 3px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-100%);
    width: 1px
}

.css-slider-ticks .css-slider-tick-active {
    background: rgb(var(--primary-6))
}

.css-slider-vertical .css-slider-ticks .css-slider-tick {
    height: 1px;
    left: 50%;
    margin-top: unset;
    top: unset;
    transform: translate(1px,50%);
    width: 3px
}

.css-slider-input {
    align-items: center;
    display: flex;
    margin-left: 20px
}

.css-slider-vertical .css-slider-input {
    margin-left: 0
}

.css-slider-input>.css-input-number {
    height: 32px;
    line-height: normal;
    overflow: visible;
    width: 60px
}

.css-slider-input>.css-input-number input {
    text-align: center
}

.css-slider-input-hyphens {
    background: rgb(var(--gray-6));
    height: 2px;
    margin: 0 6px;
    width: 8px
}

.css-space {
    display: inline-flex
}

.css-space-horizontal .css-space-item {
    align-items: center;
    display: flex
}

.css-space-vertical {
    flex-direction: column
}

.css-space-align-baseline {
    align-items: baseline
}

.css-space-align-start {
    align-items: flex-start
}

.css-space-align-end {
    align-items: flex-end
}

.css-space-align-center {
    align-items: center
}

.css-space-wrap {
    flex-wrap: wrap
}

.css-space-fill {
    display: flex
}

.css-dot-loading {
    display: inline-block;
    height: 8px;
    perspective: 200px;
    position: relative;
    transform-style: preserve-3d;
    width: 56px
}

.css-dot-loading-item {
    animation: css-dot-loading 2s linear infinite forwards;
    background-color: rgb(var(--primary-6));
    border-radius: var(--border-radius-circle);
    height: 8px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%) scale(0);
    width: 8px
}

.css-dot-loading-item:nth-child(2) {
    animation-delay: .4s;
    background-color: rgb(var(--primary-5))
}

.css-dot-loading-item:nth-child(3) {
    animation-delay: .8s;
    background-color: rgb(var(--primary-4))
}

.css-dot-loading-item:nth-child(4) {
    animation-delay: 1.2s;
    background-color: rgb(var(--primary-4))
}

.css-dot-loading-item:nth-child(5) {
    animation-delay: 1.6s;
    background-color: rgb(var(--primary-2))
}

@keyframes css-dot-loading {
    0% {
        transform: translate3D(-48.621%,0,-.985px) scale(.511)
    }

    2.778% {
        transform: translate3D(-95.766%,0,-.94px) scale(.545)
    }

    5.556% {
        transform: translate3D(-140%,0,-.866px) scale(.6)
    }

    8.333% {
        transform: translate3D(-179.981%,0,-.766px) scale(.675)
    }

    11.111% {
        transform: translate3D(-214.492%,0,-.643px) scale(.768)
    }

    13.889% {
        transform: translate3D(-242.487%,0,-.5px) scale(.875)
    }

    16.667% {
        transform: translate3D(-263.114%,0,-.342px) scale(.993)
    }

    19.444% {
        transform: translate3D(-275.746%,0,-.174px) scale(1.12)
    }

    22.222% {
        transform: translate3D(-280%,0,0) scale(1.25)
    }

    25% {
        transform: translate3D(-275.746%,0,.174px) scale(1.38)
    }

    27.778% {
        transform: translate3D(-263.114%,0,.342px) scale(1.507)
    }

    30.556% {
        transform: translate3D(-242.487%,0,.5px) scale(1.625)
    }

    33.333% {
        transform: translate3D(-214.492%,0,.643px) scale(1.732)
    }

    36.111% {
        transform: translate3D(-179.981%,0,.766px) scale(1.825)
    }

    38.889% {
        transform: translate3D(-140%,0,.866px) scale(1.9)
    }

    41.667% {
        transform: translate3D(-95.766%,0,.94px) scale(1.955)
    }

    44.444% {
        transform: translate3D(-48.621%,0,.985px) scale(1.989)
    }

    47.222% {
        transform: translateZ(1px) scale(2)
    }

    50% {
        transform: translate3D(48.621%,0,.985px) scale(1.989)
    }

    52.778% {
        transform: translate3D(95.766%,0,.94px) scale(1.955)
    }

    55.556% {
        transform: translate3D(140%,0,.866px) scale(1.9)
    }

    58.333% {
        transform: translate3D(179.981%,0,.766px) scale(1.825)
    }

    61.111% {
        transform: translate3D(214.492%,0,.643px) scale(1.732)
    }

    63.889% {
        transform: translate3D(242.487%,0,.5px) scale(1.625)
    }

    66.667% {
        transform: translate3D(263.114%,0,.342px) scale(1.507)
    }

    69.444% {
        transform: translate3D(275.746%,0,.174px) scale(1.38)
    }

    72.222% {
        transform: translate3D(280%,0,0) scale(1.25)
    }

    75% {
        transform: translate3D(275.746%,0,-.174px) scale(1.12)
    }

    77.778% {
        transform: translate3D(263.114%,0,-.342px) scale(.993)
    }

    80.556% {
        transform: translate3D(242.487%,0,-.5px) scale(.875)
    }

    83.333% {
        transform: translate3D(214.492%,0,-.643px) scale(.768)
    }

    86.111% {
        transform: translate3D(179.981%,0,-.766px) scale(.675)
    }

    88.889% {
        transform: translate3D(140%,0,-.866px) scale(.6)
    }

    91.667% {
        transform: translate3D(95.766%,0,-.94px) scale(.545)
    }

    94.444% {
        transform: translate3D(48.621%,0,-.985px) scale(.511)
    }

    97.222% {
        transform: translateZ(-1px) scale(.5)
    }
}

.css-spin {
    display: inline-block
}

.css-spin-with-tip {
    text-align: center
}

.css-spin-icon {
    color: rgb(var(--primary-6));
    font-size: 20px
}

.css-spin-tip {
    color: rgb(var(--primary-6));
    font-size: 14px;
    font-weight: 500;
    margin-top: 6px
}

.css-spin-mask {
    background-color: var(--color-spin-layer-bg);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .1s linear;
    z-index: 11
}

.css-spin-loading,.css-spin-mask {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-spin-loading {
    position: relative
}

.css-spin-loading .css-spin-mask-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 12
}

.css-spin-loading .css-spin-children:after {
    opacity: 1;
    pointer-events: auto
}

.css-split {
    display: flex
}

.css-split-pane {
    overflow: auto
}

.css-split-pane-second {
    flex: 1
}

.css-split-horizontal {
    flex-direction: row
}

.css-split-vertical {
    flex-direction: column
}

.css-split-trigger-icon-wrapper {
    align-items: center;
    background-color: var(--color-neutral-3);
    color: var(--color-text-1);
    display: flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    line-height: 1
}

.css-split-trigger-icon {
    display: inline-block;
    margin: -3px
}

.css-split-trigger-vertical {
    cursor: col-resize;
    height: 100%
}

.css-split-trigger-horizontal {
    cursor: row-resize;
    width: 100%
}

.css-statistic {
    color: var(--color-text-2);
    display: inline-block;
    line-height: 1.5715
}

.css-statistic-title {
    color: var(--color-text-2);
    font-size: 14px;
    margin-bottom: 8px
}

.css-statistic-content .css-statistic-value {
    color: var(--color-text-1);
    font-size: 26px;
    font-weight: 500;
    white-space: nowrap
}

.css-statistic-content .css-statistic-value-integer {
    font-size: inherit;
    white-space: nowrap
}

.css-statistic-content .css-statistic-value-decimal {
    display: inline-block;
    font-size: inherit
}

.css-statistic-prefix,.css-statistic-suffix {
    font-size: 14px
}

.css-statistic-extra {
    color: var(--color-text-2);
    margin-top: 8px
}

.css-steps-item {
    flex: 1;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: nowrap
}

.css-steps-item:last-child {
    flex: none;
    margin-right: 0
}

.css-steps-item-active .css-steps-item-title {
    font-weight: 500
}

.css-steps-item-node {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-right: 12px;
    vertical-align: top
}

.css-steps-icon {
    border-radius: var(--border-radius-circle);
    box-sizing: border-box;
    font-size: 16px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    width: 28px
}

.css-steps-item-wait .css-steps-icon {
    background-color: var(--color-fill-2);
    border: 1px solid transparent;
    color: var(--color-text-2)
}

.css-steps-item-process .css-steps-icon {
    background-color: rgb(var(--primary-6));
    border: 1px solid transparent;
    color: var(--color-white)
}

.css-steps-item-finish .css-steps-icon {
    background-color: var(--color-primary-light-1);
    border: 1px solid transparent;
    color: rgb(var(--primary-6))
}

.css-steps-item-error .css-steps-icon {
    background-color: rgb(var(--danger-6));
    border: 1px solid transparent;
    color: var(--color-white)
}

.css-steps-item-title {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    padding-right: 12px;
    position: relative;
    white-space: nowrap
}

.css-steps-item-title,.css-steps-item-wait .css-steps-item-title {
    color: var(--color-text-2)
}

.css-steps-item-error .css-steps-item-title,.css-steps-item-finish .css-steps-item-title,.css-steps-item-process .css-steps-item-title {
    color: var(--color-text-1)
}

.css-steps-item-content {
    display: inline-block
}

.css-steps-item-description {
    color: var(--color-text-3);
    font-size: 12px;
    margin-top: 2px;
    max-width: 140px;
    white-space: normal
}

.css-steps-item-error .css-steps-item-description,.css-steps-item-finish .css-steps-item-description,.css-steps-item-process .css-steps-item-description,.css-steps-item-wait .css-steps-item-description {
    color: var(--color-text-3)
}

.css-steps-label-horizontal .css-steps-item:not(:last-child) .css-steps-item-title:after {
    background-color: var(--color-neutral-3);
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1px;
    left: 100%;
    position: absolute;
    top: 13.5px;
    width: 5000px
}

.css-steps-label-horizontal .css-steps-item.css-steps-item-process .css-steps-item-title:after {
    background-color: var(--color-neutral-3)
}

.css-steps-label-horizontal .css-steps-item.css-steps-item-finish .css-steps-item-title:after {
    background-color: rgb(var(--primary-6))
}

.css-steps-label-horizontal .css-steps-item.css-steps-item-next-error .css-steps-item-title:after {
    background-color: rgb(var(--danger-6))
}

.css-steps-item:not(:last-child) .css-steps-item-tail {
    box-sizing: border-box;
    height: 1px;
    position: absolute;
    top: 13.5px;
    width: 100%
}

.css-steps-item:not(:last-child) .css-steps-item-tail:after {
    background-color: var(--color-neutral-3);
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.css-steps-vertical .css-steps-item:not(:last-child) .css-steps-item-tail {
    box-sizing: border-box;
    height: 100%;
    left: 13.5px;
    padding: 34px 0 6px;
    position: absolute;
    top: 0;
    width: 1px
}

.css-steps-vertical .css-steps-item:not(:last-child) .css-steps-item-tail:after {
    background-color: var(--color-neutral-3);
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.css-steps-size-small.css-steps-vertical .css-steps-item:not(:last-child) .css-steps-item-tail {
    left: 11.5px;
    padding: 30px 0 6px
}

.css-steps-item:not(:last-child).css-steps-item-finish .css-steps-item-tail:after {
    background-color: rgb(var(--primary-6))
}

.css-steps-item:not(:last-child).css-steps-item-next-error .css-steps-item-tail:after {
    background-color: rgb(var(--danger-6))
}

.css-steps-size-small:not(.css-steps-vertical) .css-steps-item:not(:last-child) .css-steps-item-tail {
    top: 11.5px
}

.css-steps-size-small .css-steps-item-node {
    font-size: 14px
}

.css-steps-size-small .css-steps-item-title {
    font-size: 14px;
    line-height: 24px
}

.css-steps-size-small .css-steps-item-description {
    font-size: 12px
}

.css-steps-size-small .css-steps-icon {
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    width: 24px
}

.css-steps-size-small.css-steps-label-horizontal .css-steps-item:not(:last-child) .css-steps-item-title:after {
    top: 11.5px
}

.css-steps-label-vertical .css-steps-item {
    overflow: visible
}

.css-steps-label-vertical .css-steps-item-title {
    margin-top: 2px;
    padding-right: 0
}

.css-steps-label-vertical .css-steps-item-node {
    margin-left: 56px
}

.css-steps-label-vertical .css-steps-item-tail {
    left: 96px;
    padding-right: 40px
}

.css-steps-label-vertical.css-steps-size-small .css-steps-item-node {
    margin-left: 58px
}

.css-steps-label-vertical.css-steps-size-small .css-steps-item-tail {
    left: 94px;
    padding-right: 36px
}

.css-steps-mode-dot .css-steps-item {
    flex: 1;
    margin-right: 16px;
    overflow: visible;
    position: relative;
    text-align: left;
    white-space: nowrap
}

.css-steps-mode-dot .css-steps-item:last-child {
    flex: none;
    margin-right: 0
}

.css-steps-mode-dot .css-steps-item-active .css-steps-item-title {
    font-weight: 500
}

.css-steps-mode-dot .css-steps-item-node {
    border-radius: var(--border-radius-circle);
    box-sizing: border-box;
    display: inline-block;
    height: 8px;
    vertical-align: top;
    width: 8px
}

.css-steps-mode-dot .css-steps-item-active .css-steps-item-node {
    height: 10px;
    width: 10px
}

.css-steps-mode-dot .css-steps-item-wait .css-steps-item-node {
    background-color: var(--color-fill-4);
    border-color: var(--color-fill-4)
}

.css-steps-mode-dot .css-steps-item-finish .css-steps-item-node,.css-steps-mode-dot .css-steps-item-process .css-steps-item-node {
    background-color: rgb(var(--primary-6));
    border-color: rgb(var(--primary-6))
}

.css-steps-mode-dot .css-steps-item-error .css-steps-item-node {
    background-color: rgb(var(--danger-6));
    border-color: rgb(var(--danger-6))
}

.css-steps-mode-dot.css-steps-horizontal .css-steps-item-node {
    margin-left: 66px
}

.css-steps-mode-dot.css-steps-horizontal .css-steps-item-active .css-steps-item-node {
    margin-left: 65px;
    margin-top: -1px
}

.css-steps-mode-dot .css-steps-item-content {
    display: inline-block
}

.css-steps-mode-dot .css-steps-item-title {
    display: inline-block;
    font-size: 16px;
    margin-top: 4px;
    position: relative
}

.css-steps-mode-dot .css-steps-item-wait .css-steps-item-title {
    color: var(--color-text-2)
}

.css-steps-mode-dot .css-steps-item-error .css-steps-item-title,.css-steps-mode-dot .css-steps-item-finish .css-steps-item-title,.css-steps-mode-dot .css-steps-item-process .css-steps-item-title {
    color: var(--color-text-1)
}

.css-steps-mode-dot .css-steps-item-description {
    font-size: 12px;
    margin-top: 4px;
    white-space: normal
}

.css-steps-mode-dot .css-steps-item-error .css-steps-item-description,.css-steps-mode-dot .css-steps-item-finish .css-steps-item-description,.css-steps-mode-dot .css-steps-item-process .css-steps-item-description,.css-steps-mode-dot .css-steps-item-wait .css-steps-item-description {
    color: var(--color-text-3)
}

.css-steps-mode-dot .css-steps-item:not(:last-child) .css-steps-item-tail {
    background-color: var(--color-neutral-3);
    box-sizing: border-box;
    height: 1px;
    left: 78px;
    position: absolute;
    top: 3.5px;
    width: 100%
}

.css-steps-mode-dot .css-steps-item:not(:last-child).css-steps-item-process .css-steps-item-tail {
    background-color: var(--color-neutral-3)
}

.css-steps-mode-dot .css-steps-item:not(:last-child).css-steps-item-finish .css-steps-item-tail {
    background-color: rgb(var(--primary-6))
}

.css-steps-mode-dot .css-steps-item:not(:last-child).css-steps-item-next-error .css-steps-item-tail {
    background-color: rgb(var(--danger-6))
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item-node {
    margin-right: 16px
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item-content {
    overflow: hidden
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item-title {
    margin-top: -2px
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item-description {
    margin-top: 4px
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item:not(:last-child) .css-steps-item-tail {
    background-color: transparent;
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    left: 4px;
    padding-bottom: 2px;
    padding-top: 16px;
    position: absolute;
    transform: translateX(-50%);
    width: 1px
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item:not(:last-child) .css-steps-item-tail:after {
    background-color: var(--color-neutral-3);
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item:not(:last-child).css-steps-item-process .css-steps-item-tail:after {
    background-color: var(--color-neutral-3)
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item:not(:last-child).css-steps-item-finish .css-steps-item-tail:after {
    background-color: rgb(var(--primary-6))
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item:not(:last-child).css-steps-item-next-error .css-steps-item-tail:after {
    background-color: rgb(var(--danger-6))
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item .css-steps-item-node {
    margin-top: 8px
}

.css-steps-mode-dot.css-steps-vertical .css-steps-item-active .css-steps-item-node {
    margin-left: -1px;
    margin-top: 6px
}

.css-steps-mode-arrow .css-steps-item {
    align-items: center;
    display: flex;
    flex: 1;
    height: 72px;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.css-steps-mode-arrow .css-steps-item:not(:last-child) {
    margin-right: 4px
}

.css-steps-mode-arrow .css-steps-item-wait {
    background-color: var(--color-fill-1)
}

.css-steps-mode-arrow .css-steps-item-process {
    background-color: rgb(var(--primary-6))
}

.css-steps-mode-arrow .css-steps-item-finish {
    background-color: var(--color-primary-light-1)
}

.css-steps-mode-arrow .css-steps-item-error {
    background-color: rgb(var(--danger-6))
}

.css-steps-mode-arrow .css-steps-item-content {
    box-sizing: border-box;
    display: inline-block
}

.css-steps-mode-arrow .css-steps-item:first-child .css-steps-item-content {
    padding-left: 16px
}

.css-steps-mode-arrow .css-steps-item:not(:first-child) .css-steps-item-content {
    padding-left: 52px
}

.css-steps-mode-arrow .css-steps-item-title {
    display: inline-block;
    font-size: 16px;
    position: relative;
    white-space: nowrap
}

.css-steps-mode-arrow .css-steps-item-title:after {
    display: none
}

.css-steps-mode-arrow .css-steps-item-wait .css-steps-item-title {
    color: var(--color-text-2)
}

.css-steps-mode-arrow .css-steps-item-process .css-steps-item-title {
    color: var(--color-white)
}

.css-steps-mode-arrow .css-steps-item-finish .css-steps-item-title {
    color: var(--color-text-1)
}

.css-steps-mode-arrow .css-steps-item-error .css-steps-item-title {
    color: var(--color-white)
}

.css-steps-mode-arrow .css-steps-item-active .css-steps-item-title {
    font-weight: 500
}

.css-steps-mode-arrow .css-steps-item-description {
    font-size: 12px;
    margin-top: 0;
    max-width: none;
    white-space: nowrap
}

.css-steps-mode-arrow .css-steps-item-wait .css-steps-item-description {
    color: var(--color-text-3)
}

.css-steps-mode-arrow .css-steps-item-process .css-steps-item-description {
    color: var(--color-white)
}

.css-steps-mode-arrow .css-steps-item-finish .css-steps-item-description {
    color: var(--color-text-3)
}

.css-steps-mode-arrow .css-steps-item-error .css-steps-item-description {
    color: var(--color-white)
}

.css-steps-mode-arrow .css-steps-item:not(:first-child):before {
    border-left: 36px solid var(--color-bg-2);
    left: 0;
    z-index: 1
}

.css-steps-mode-arrow .css-steps-item:not(:first-child):before,.css-steps-mode-arrow .css-steps-item:not(:last-child):after {
    border-bottom: 36px solid transparent;
    border-top: 36px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 0
}

.css-steps-mode-arrow .css-steps-item:not(:last-child):after {
    clear: both;
    right: -36px;
    z-index: 2
}

.css-steps-mode-arrow .css-steps-item:not(:last-child).css-steps-item-wait:after {
    border-left: 36px solid var(--color-fill-1)
}

.css-steps-mode-arrow .css-steps-item:not(:last-child).css-steps-item-process:after {
    border-left: 36px solid rgb(var(--primary-6))
}

.css-steps-mode-arrow .css-steps-item:not(:last-child).css-steps-item-error:after {
    border-left: 36px solid rgb(var(--danger-6))
}

.css-steps-mode-arrow .css-steps-item:not(:last-child).css-steps-item-finish:after {
    border-left: 36px solid var(--color-primary-light-1)
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item {
    height: 40px
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item-title {
    font-size: 14px
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item-description {
    display: none
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item:not(:first-child):before {
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--color-bg-2);
    border-top: 20px solid transparent
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item:not(:last-child):after {
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--color-fill-1);
    border-top: 20px solid transparent;
    right: -20px
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item:first-child .css-steps-item-content {
    padding-left: 20px
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item:not(:first-child) .css-steps-item-content {
    padding-left: 40px
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item-error:not(:last-child):after {
    border-left: 20px solid rgb(var(--danger-6))
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item:not(:last-child).css-steps-item-wait:after {
    border-left: 20px solid var(--color-fill-1)
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item:not(:last-child).css-steps-item-process:after {
    border-left: 20px solid rgb(var(--primary-6))
}

.css-steps-mode-arrow.css-steps-size-small .css-steps-item:not(:last-child).css-steps-item-finish:after {
    border-left: 20px solid var(--color-primary-light-1)
}

.css-steps-mode-navigation.css-steps-label-horizontal .css-steps-item:not(:last-child) .css-steps-item-title:after {
    display: none
}

.css-steps-mode-navigation .css-steps-item {
    margin-right: 32px;
    padding-left: 20px;
    padding-right: 10px
}

.css-steps-mode-navigation .css-steps-item:last-child {
    flex: 1
}

.css-steps-mode-navigation .css-steps-item-content {
    margin-bottom: 20px
}

.css-steps-mode-navigation .css-steps-item-description {
    padding-right: 20px
}

.css-steps-mode-navigation .css-steps-item-active:after {
    background-color: rgb(var(--primary-6));
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 30px
}

.css-steps-mode-navigation .css-steps-item-active:last-child:after {
    width: 100%
}

.css-steps-mode-navigation .css-steps-item:not(:last-child) .css-steps-item-content:after {
    background-color: var(--color-bg-2);
    border: 2px solid var(--color-text-4);
    border-bottom: none;
    border-left: none;
    content: "";
    display: inline-block;
    height: 6px;
    position: absolute;
    right: 30px;
    top: 10px;
    transform: rotate(45deg);
    width: 6px
}

.css-steps {
    display: flex
}

.css-steps-changeable .css-steps-item-description,.css-steps-changeable .css-steps-item-title {
    transition: all .1s linear
}

.css-steps-changeable .css-steps-item:not(.css-steps-item-active):not(.css-steps-item-disabled) {
    cursor: pointer
}

.css-steps-changeable .css-steps-item:not(.css-steps-item-active):not(.css-steps-item-disabled):hover .css-steps-item-content .css-steps-item-description,.css-steps-changeable .css-steps-item:not(.css-steps-item-active):not(.css-steps-item-disabled):hover .css-steps-item-content .css-steps-item-title {
    color: rgb(var(--primary-6))
}

.css-steps-line-less .css-steps-item-title:after {
    display: none
}

.css-steps-vertical {
    flex-direction: column
}

.css-steps-vertical .css-steps-item:not(:last-child) {
    min-height: 90px
}

.css-steps-vertical .css-steps-item-title:after {
    display: none
}

.css-steps-vertical .css-steps-item-description {
    max-width: none
}

.css-steps-label-vertical .css-steps-item-content {
    display: block;
    text-align: center;
    width: 140px
}

.css-steps-label-vertical .css-steps-item-description {
    max-width: none
}

.switch-slide-text-enter-from {
    left: -100%
}

.switch-slide-text-enter-to {
    left: 8px
}

.switch-slide-text-enter-active {
    transition: left .2s cubic-bezier(.34,.69,.1,1)
}

.switch-slide-text-leave-from {
    left: 100%
}

.switch-slide-text-leave-to {
    left: 26px
}

.switch-slide-text-leave-active {
    transition: left .2s cubic-bezier(.34,.69,.1,1)
}

.css-switch {
    background-color: var(--color-fill-4);
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    min-width: 40px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color .2s cubic-bezier(.34,.69,.1,1);
    vertical-align: middle
}

.css-switch-handle {
    align-items: center;
    background-color: var(--color-bg-white);
    border-radius: 50%;
    color: var(--color-neutral-3);
    display: flex;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s cubic-bezier(.34,.69,.1,1);
    width: 16px
}

.css-switch-checked {
    background-color: rgb(var(--primary-6))
}

.css-switch-checked .css-switch-handle {
    color: rgb(var(--primary-6));
    left: calc(100% - 20px)
}

.css-switch[disabled] .css-switch-handle {
    color: var(--color-fill-2)
}

.css-switch[disabled].css-switch-checked .css-switch-handle {
    color: var(--color-primary-light-3)
}

.css-switch-text-holder {
    font-size: 12px;
    margin: 0 8px 0 26px;
    opacity: 0
}

.css-switch-text {
    color: var(--color-white);
    font-size: 12px;
    left: 26px;
    position: absolute;
    top: 0
}

.css-switch-checked .css-switch-text-holder {
    margin: 0 26px 0 8px
}

.css-switch-checked .css-switch-text {
    color: var(--color-white);
    left: 8px
}

.css-switch[disabled] {
    background-color: var(--color-fill-2);
    cursor: not-allowed
}

.css-switch[disabled] .css-switch-text {
    color: var(--color-white)
}

.css-switch[disabled].css-switch-checked {
    background-color: var(--color-primary-light-3)
}

.css-switch[disabled].css-switch-checked .css-switch-text {
    color: var(--color-white)
}

.css-switch-loading {
    background-color: var(--color-fill-2)
}

.css-switch-loading .css-switch-handle {
    color: var(--color-neutral-3)
}

.css-switch-loading .css-switch-text {
    color: var(--color-white)
}

.css-switch-loading.css-switch-checked {
    background-color: var(--color-primary-light-3)
}

.css-switch-loading.css-switch-checked .css-switch-handle {
    color: var(--color-primary-light-3)
}

.css-switch-loading.css-switch-checked .css-switch-text {
    color: var(--color-primary-light-1)
}

.css-switch-small {
    height: 16px;
    line-height: 16px;
    min-width: 28px
}

.css-switch-small.css-switch-checked {
    padding-left: -2px
}

.css-switch-small .css-switch-handle {
    border-radius: 8px;
    height: 12px;
    left: 2px;
    top: 2px;
    width: 12px
}

.css-switch-small .css-switch-handle-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(.66667)
}

.css-switch-small.css-switch-checked .css-switch-handle {
    left: calc(100% - 14px)
}

.css-switch-type-round {
    border-radius: var(--border-radius-small);
    min-width: 40px
}

.css-switch-type-round .css-switch-handle {
    border-radius: 2px
}

.css-switch-type-round.css-switch-small {
    border-radius: 2px;
    height: 16px;
    line-height: 16px;
    min-width: 28px
}

.css-switch-type-round.css-switch-small .css-switch-handle {
    border-radius: 1px
}

.css-switch-type-line {
    background-color: transparent;
    min-width: 36px;
    overflow: unset
}

.css-switch-type-line:after {
    background-color: var(--color-fill-4);
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    transition: background-color .2s cubic-bezier(.34,.69,.1,1);
    width: 100%
}

.css-switch-type-line .css-switch-handle {
    background-color: var(--color-bg-white);
    border-radius: 10px;
    box-shadow: 0 1px 3px var(--color-neutral-6);
    height: 20px;
    left: 0;
    top: 2px;
    width: 20px
}

.css-switch-type-line.css-switch-checked {
    background-color: transparent
}

.css-switch-type-line.css-switch-checked:after {
    background-color: rgb(var(--primary-6))
}

.css-switch-type-line.css-switch-custom-color {
    --custom-color: var(--color-fill-4)
}

.css-switch-type-line.css-switch-custom-color:after {
    background-color: var(--custom-color)
}

.css-switch-type-line.css-switch-custom-color.css-switch-checked {
    --custom-color: rgb(var(--primary-6))
}

.css-switch-type-line.css-switch-checked .css-switch-handle {
    left: calc(100% - 20px)
}

.css-switch-type-line[disabled] {
    background-color: transparent;
    cursor: not-allowed
}

.css-switch-type-line[disabled]:after {
    background-color: var(--color-fill-2)
}

.css-switch-type-line[disabled].css-switch-checked {
    background-color: transparent
}

.css-switch-type-line[disabled].css-switch-checked:after {
    background-color: var(--color-primary-light-3)
}

.css-switch-type-line.css-switch-loading {
    background-color: transparent
}

.css-switch-type-line.css-switch-loading:after {
    background-color: var(--color-fill-2)
}

.css-switch-type-line.css-switch-loading.css-switch-checked {
    background-color: transparent
}

.css-switch-type-line.css-switch-loading.css-switch-checked:after {
    background-color: var(--color-primary-light-3)
}

.css-switch-type-line.css-switch-small {
    height: 16px;
    line-height: 16px;
    min-width: 28px
}

.css-switch-type-line.css-switch-small.css-switch-checked {
    padding-left: 0
}

.css-switch-type-line.css-switch-small .css-switch-handle {
    border-radius: 8px;
    height: 16px;
    top: 0;
    width: 16px
}

.css-switch-type-line.css-switch-small .css-switch-handle-icon {
    transform: translate(-50%,-50%) scale(1)
}

.css-switch-type-line.css-switch-small.css-switch-checked .css-switch-handle {
    left: calc(100% - 16px)
}

.css-table-filters-content {
    background: var(--color-bg-5);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-sizing: border-box;
    min-width: 100px
}

.css-table-filters-list {
    max-height: 200px;
    overflow-y: auto;
    padding: 4px 0
}

.css-table-filters-item {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.css-table-filters-text {
    cursor: pointer;
    height: 34px;
    line-height: 32px;
    margin-right: 0;
    max-width: 160px;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.css-table-filters-bottom {
    border-top: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    padding: 0 12px
}

.css-table-filters-bottom>:not(:last-child) {
    margin-right: 8px
}

.css-table {
    position: relative
}

.css-table-column-handle {
    cursor: col-resize;
    height: 100%;
    position: absolute;
    right: -4px;
    top: 0;
    width: 8px;
    z-index: 1
}

.css-table .css-spin {
    display: flex;
    flex-direction: column;
    height: 100%
}

.css-table>.css-spin>.css-spin-children:after {
    z-index: 2
}

.css-table-footer {
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium)
}

.css-table-scroll-position-middle .css-table-col-fixed-left-last:after,.css-table-scroll-position-right .css-table-col-fixed-left-last:after {
    box-shadow: inset 6px 0 8px -3px rgba(0,0,0,.15)
}

.css-table-scroll-position-left .css-table-col-fixed-right-first:after,.css-table-scroll-position-middle .css-table-col-fixed-right-first:after {
    box-shadow: inset -6px 0 8px -3px rgba(0,0,0,.15)
}

.css-table-layout-fixed .css-table-element {
    table-layout: fixed
}

.css-table .css-table-element {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    min-width: 100%;
    width: 100%
}

.css-table-th {
    background-color: var(--color-neutral-2);
    box-sizing: border-box;
    color: rgb(var(--gray-10));
    font-weight: 500;
    line-height: 1.5715;
    position: relative;
    text-align: left
}

.css-table-th[colspan] {
    text-align: center
}

.css-table-th-align-right {
    text-align: right
}

.css-table-th-align-right .css-table-cell-with-sorter {
    justify-content: flex-end
}

.css-table-th-align-center {
    text-align: center
}

.css-table-th-align-center .css-table-cell-with-sorter {
    justify-content: center
}

.css-table-td {
    background-color: var(--color-bg-2);
    border-bottom: 1px solid var(--color-neutral-3);
    box-sizing: border-box;
    color: rgb(var(--gray-10));
    line-height: 1.5715;
    text-align: left;
    word-break: break-all
}

.css-table-td-align-right {
    text-align: right
}

.css-table-td-align-center {
    text-align: center
}

.css-table-td.css-table-drag-handle {
    cursor: move
}

.css-table-cell {
    align-items: center;
    display: flex
}

.css-table-cell-align-right {
    justify-content: flex-end;
    text-align: right
}

.css-table-cell-align-center {
    justify-content: center;
    text-align: center
}

.css-table-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-table-td-content {
    display: block;
    width: 100%
}

.css-table-th.css-table-col-sorted {
    background-color: var(--color-neutral-3)
}

.css-table-td.css-table-col-sorted {
    background-color: var(--color-fill-1)
}

.css-table-col-fixed-left,.css-table-col-fixed-right {
    position: sticky;
    z-index: 10
}

.css-table-col-fixed-left-last:after,.css-table-col-fixed-right-first:after {
    bottom: -1px;
    box-shadow: none;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: box-shadow .1s linear;
    width: 10px
}

.css-table-col-fixed-left-last:after {
    left: unset;
    right: 0;
    transform: translateX(100%)
}

.css-table-cell-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-table-editable-row .css-table-cell-wrap-value {
    border: 1px solid var(--color-white);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    transition: all .1s linear
}

.css-table-editable-row:hover .css-table-cell-wrap-value {
    border: 1px solid var(--color-neutral-3)
}

.css-table .css-table-expand-btn {
    align-items: center;
    background-color: var(--color-neutral-3);
    border: 1px solid transparent;
    border-radius: 2px;
    color: var(--color-text-2);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    height: 14px;
    justify-content: center;
    line-height: 14px;
    outline: none;
    padding: 0;
    transition: background-color .1s linear;
    width: 14px
}

.css-table .css-table-expand-btn:hover {
    background-color: var(--color-neutral-4);
    border-color: transparent;
    color: var(--color-text-1)
}

.css-table-cell-expand-icon {
    align-items: center;
    display: flex
}

.css-table-cell-expand-icon .css-table-cell-inline-icon {
    display: inline-flex;
    margin-right: 4px
}

.css-table-cell-expand-icon .css-table-cell-inline-icon .css-icon-loading {
    color: rgb(var(--primary-6))
}

.css-table-cell-expand-icon-hidden {
    display: inline-block;
    height: 14px;
    margin-right: 4px;
    width: 14px
}

.css-table-tr-expand .css-table-td {
    background-color: var(--color-fill-1)
}

.css-table-cell-fixed-expand {
    box-sizing: border-box;
    left: 0;
    position: sticky
}

.css-table-tr-expand .css-table-td .css-table .css-table-container {
    border: none
}

.css-table-tr-expand .css-table-td .css-table .css-table-th {
    border-bottom: 1px solid var(--color-neutral-3)
}

.css-table-tr-expand .css-table-td .css-table .css-table-td,.css-table-tr-expand .css-table-td .css-table .css-table-th {
    background-color: transparent
}

.css-table-tr-expand .css-table-td .css-table .css-table-pagination {
    margin-bottom: 12px
}

.css-table-td.css-table-operation,.css-table-th.css-table-operation {
    text-align: center
}

.css-table-td.css-table-operation .css-table-cell,.css-table-th.css-table-operation .css-table-cell {
    display: flex;
    justify-content: center;
    padding: 0
}

.css-table-checkbox,.css-table-radio {
    justify-content: center
}

.css-table-checkbox .css-checkbox,.css-table-radio .css-radio {
    padding-left: 0
}

.css-table-drag-handle-col,.css-table-expand-col,.css-table-selection-checkbox-col,.css-table-selection-radio-col {
    max-width: 40px;
    min-width: 40px;
    width: 40px
}

.css-table-th {
    transition: background-color .1s linear
}

.css-table-cell-with-sorter {
    align-items: center;
    cursor: pointer;
    display: flex
}

.css-table-cell-with-sorter:hover {
    background-color: rgba(var(--gray-4),.5)
}

.css-table-cell-with-filter {
    align-items: center;
    display: flex
}

.css-table-cell-next-ascend .css-table-sorter-icon .css-icon-caret-up,.css-table-cell-next-descend .css-table-sorter-icon .css-icon-caret-down {
    color: var(--color-neutral-6)
}

.css-table-sorter {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -3px
}

.css-table-sorter.css-table-sorter-direction-one {
    vertical-align: 0
}

.css-table-sorter-icon {
    height: 8px;
    line-height: 8px;
    overflow: hidden;
    position: relative;
    width: 14px
}

.css-table-sorter-icon .css-icon-caret-down,.css-table-sorter-icon .css-icon-caret-up {
    color: var(--color-neutral-5);
    font-size: 12px;
    position: absolute;
    top: 50%;
    transition: all .1s linear
}

.css-table-sorter-icon .css-icon-caret-up {
    left: 1px;
    top: -2px
}

.css-table-sorter-icon .css-icon-caret-down {
    left: 1px;
    top: -3px
}

.css-table-sorter-icon.css-table-sorter-icon-active svg {
    color: rgb(var(--primary-6))
}

.css-table-filters {
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .1s linear;
    vertical-align: 0;
    width: 24px
}

.css-table-filters-open,.css-table-filters:hover {
    background-color: var(--color-neutral-4)
}

.css-table-filters svg {
    color: var(--color-text-2);
    font-size: 16px;
    transition: all .1s linear
}

.css-table-filters-active svg {
    color: rgb(var(--primary-6))
}

.css-table-filters-align-left {
    margin-left: 8px;
    position: relative;
    width: auto
}

.css-table-filters-align-left svg {
    font-size: 12px
}

.css-table-filters-align-left-open,.css-table-filters-align-left:hover {
    background: none
}

.css-table-filters-align-left.css-table-filters-open:before,.css-table-filters-align-left:hover:before {
    background: var(--color-fill-4)
}

.css-table-container {
    position: relative
}

.css-table-container,.css-table-header {
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0
}

.css-table-header {
    flex-shrink: 0
}

.css-table-container {
    box-sizing: border-box;
    min-height: 0;
    width: 100%
}

.css-table-container .css-table-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: auto
}

.css-table-container .css-table-content-scroll-x {
    overflow-x: auto;
    overflow-y: hidden
}

.css-table-container:after,.css-table-container:before {
    box-shadow: none;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    transition: box-shadow .1s linear;
    width: 10px;
    z-index: 1
}

.css-table-container:before {
    border-top-left-radius: var(--border-radius-medium);
    left: 0;
    top: 0
}

.css-table-container:after {
    border-top-right-radius: var(--border-radius-medium);
    right: 0;
    top: 0
}

.css-table-container:not(.css-table-has-fixed-col-left).css-table-scroll-position-middle:before,.css-table-container:not(.css-table-has-fixed-col-left).css-table-scroll-position-right:before {
    box-shadow: inset 6px 0 8px -3px rgba(0,0,0,.15)
}

.css-table-container:not(.css-table-has-fixed-col-right).css-table-scroll-position-left:after,.css-table-container:not(.css-table-has-fixed-col-right).css-table-scroll-position-middle:after {
    box-shadow: inset -6px 0 8px -3px rgba(0,0,0,.15)
}

.css-table-header {
    background-color: var(--color-neutral-2);
    overflow-x: hidden;
    overflow-y: hidden;
    scrollbar-color: transparent transparent
}

.css-table-header-sticky {
    position: sticky;
    top: 0;
    z-index: 100
}

.css-table:not(.css-table-empty) .css-table-header::-webkit-scrollbar {
    background-color: transparent;
    height: 0
}

.css-table.css-table-empty .css-table-header {
    overflow-x: auto
}

.css-table-body {
    background-color: var(--color-bg-2);
    min-height: 40px;
    overflow: auto;
    position: relative;
    width: 100%
}

.css-table-border .css-table-container {
    border-left: 1px solid var(--color-neutral-3);
    border-top: 1px solid var(--color-neutral-3)
}

.css-table-border .css-table-scroll-y {
    border-bottom: 1px solid var(--color-neutral-3)
}

.css-table-border .css-table-scroll-y .css-table-body .css-table-tr:last-of-type .css-table-td,.css-table-border .css-table-scroll-y tfoot .css-table-tr:last-of-type .css-table-td {
    border-bottom: none
}

.css-table-border .css-table-scroll-y .css-table-body .css-table-tr:last-of-type .css-table-td.css-table-col-fixed-left-last:after,.css-table-border .css-table-scroll-y .css-table-body .css-table-tr:last-of-type .css-table-td.css-table-col-fixed-right-first:after,.css-table-border .css-table-scroll-y tfoot .css-table-tr:last-of-type .css-table-td.css-table-col-fixed-left-last:after,.css-table-border .css-table-scroll-y tfoot .css-table-tr:last-of-type .css-table-td.css-table-col-fixed-right-first:after {
    bottom: 0
}

.css-table-border .css-table-tr .css-table-th {
    border-bottom: 1px solid var(--color-neutral-3)
}

.css-table-border .css-table-footer {
    border: 1px solid var(--color-neutral-3);
    border-top: 0
}

.css-table-border-cell .css-table-td:not(.css-table-tr-expand),.css-table-border-cell .css-table-th,.css-table-border:not(.css-table-border-cell) .css-table-container {
    border-right: 1px solid var(--color-neutral-3)
}

.css-table-border-cell .css-table-td-resizing:not(.css-table-tr-expand),.css-table-border-cell .css-table-th-resizing {
    border-right-color: rgb(var(--primary-6))
}

.css-table-border-header-cell .css-table-th {
    border-bottom: 1px solid var(--color-neutral-3);
    border-right: 1px solid var(--color-neutral-3)
}

.css-table-border-header-cell .css-table-td-resizing:not(.css-table-tr-expand),.css-table-border-header-cell .css-table-th-resizing {
    border-right-color: rgb(var(--primary-6))
}

.css-table-border.css-table-border-header-cell thead .css-table-tr:first-child .css-table-th:last-child {
    border-right: 0
}

.css-table-border-body-cell .css-table-td:not(:last-child):not(.css-table-tr-expand) {
    border-right: 1px solid var(--color-neutral-3)
}

.css-table-stripe .css-table-tr-drag .css-table-td:not(.css-table-col-fixed-left):not(.css-table-col-fixed-right),.css-table-stripe:not(.css-table-dragging) .css-table-tr:not(.css-table-tr-empty):not(.css-table-tr-summary):nth-child(2n) .css-table-td:not(.css-table-col-fixed-left):not(.css-table-col-fixed-right) {
    background-color: var(--color-fill-1)
}

.css-table-stripe .css-table-tr-drag .css-table-td.css-table-col-fixed-left:before,.css-table-stripe .css-table-tr-drag .css-table-td.css-table-col-fixed-right:before,.css-table-stripe:not(.css-table-dragging) .css-table-tr:not(.css-table-tr-empty):not(.css-table-tr-summary):nth-child(2n) .css-table-td.css-table-col-fixed-left:before,.css-table-stripe:not(.css-table-dragging) .css-table-tr:not(.css-table-tr-empty):not(.css-table-tr-summary):nth-child(2n) .css-table-td.css-table-col-fixed-right:before {
    background-color: var(--color-fill-1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.css-table .css-table-tr-draggable {
    cursor: move
}

.css-table-hover .css-table-tr-drag .css-table-td:not(.css-table-col-fixed-left):not(.css-table-col-fixed-right),.css-table-hover:not(.css-table-dragging) .css-table-tr:not(.css-table-tr-empty):not(.css-table-tr-summary):hover .css-table-td:not(.css-table-col-fixed-left):not(.css-table-col-fixed-right) {
    background-color: var(--color-fill-1)
}

.css-table-hover .css-table-tr-drag .css-table-td.css-table-col-fixed-left:before,.css-table-hover .css-table-tr-drag .css-table-td.css-table-col-fixed-right:before,.css-table-hover:not(.css-table-dragging) .css-table-tr:not(.css-table-tr-empty):not(.css-table-tr-summary):hover .css-table-td.css-table-col-fixed-left:before,.css-table-hover:not(.css-table-dragging) .css-table-tr:not(.css-table-tr-empty):not(.css-table-tr-summary):hover .css-table-td.css-table-col-fixed-right:before {
    background-color: var(--color-fill-1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.css-table-hover .css-table-tr-expand:not(.css-table-tr-empty):hover .css-table-td:not(.css-table-col-fixed-left):not(.css-table-col-fixed-right) {
    background-color: var(--color-fill-1)
}

.css-table-tr-expand .css-table-td .css-table-hover .css-table-tr:not(.css-table-tr-empty) .css-table-td.css-table-col-fixed-left:before,.css-table-tr-expand .css-table-td .css-table-hover .css-table-tr:not(.css-table-tr-empty) .css-table-td.css-table-col-fixed-right:before,.css-table-tr-expand .css-table-td .css-table-hover .css-table-tr:not(.css-table-tr-empty) .css-table-td:not(.css-table-col-fixed-left):not(.css-table-col-fixed-right) {
    background-color: transparent
}

.css-table-tfoot {
    background-color: var(--color-neutral-2);
    box-shadow: 0 -1px 0 var(--color-neutral-3);
    flex-shrink: 0;
    overflow-x: auto;
    position: relative;
    scrollbar-color: transparent transparent;
    width: 100%;
    z-index: 1
}

.css-table-tfoot::-webkit-scrollbar {
    background-color: transparent;
    height: 0
}

.css-table tfoot .css-table-td {
    background-color: var(--color-neutral-2)
}

.css-table-tr-checked .css-table-td {
    background-color: var(--color-fill-1)
}

.css-table .css-table-cell {
    padding: 9px 16px
}

.css-table .css-table-td,.css-table .css-table-th {
    font-size: 14px
}

.css-table .css-table-footer {
    padding: 9px 16px
}

.css-table .css-table-tr-expand .css-table-td .css-table {
    margin: -9px -16px -10px
}

.css-table .css-table-editable-row .css-table-cell-wrap-value {
    padding: 9px 16px
}

.css-table-size-medium .css-table-cell {
    padding: 7px 16px
}

.css-table-size-medium .css-table-td,.css-table-size-medium .css-table-th {
    font-size: 14px
}

.css-table-size-medium .css-table-footer {
    padding: 7px 16px
}

.css-table-size-medium .css-table-tr-expand .css-table-td .css-table {
    margin: -7px -16px -8px
}

.css-table-size-medium .css-table-editable-row .css-table-cell-wrap-value {
    padding: 7px 16px
}

.css-table-size-small .css-table-cell {
    padding: 5px 16px
}

.css-table-size-small .css-table-td,.css-table-size-small .css-table-th {
    font-size: 14px
}

.css-table-size-small .css-table-footer {
    padding: 5px 16px
}

.css-table-size-small .css-table-tr-expand .css-table-td .css-table {
    margin: -5px -16px -6px
}

.css-table-size-small .css-table-editable-row .css-table-cell-wrap-value {
    padding: 5px 16px
}

.css-table-size-mini .css-table-cell {
    padding: 2px 16px
}

.css-table-size-mini .css-table-td,.css-table-size-mini .css-table-th {
    font-size: 12px
}

.css-table-size-mini .css-table-footer {
    padding: 2px 16px
}

.css-table-size-mini .css-table-tr-expand .css-table-td .css-table {
    margin: -2px -16px -3px
}

.css-table-size-mini .css-table-editable-row .css-table-cell-wrap-value {
    padding: 2px 16px
}

.css-table-virtualized .css-table-element {
    table-layout: fixed
}

.css-table-virtualized div.css-table-body div.css-table-tr {
    display: flex
}

.css-table-virtualized div.css-table-body div.css-table-td {
    align-items: center;
    display: flex;
    flex: 1
}

.css-table-pagination {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 12px
}

.css-table-pagination-left {
    justify-content: flex-start
}

.css-table-pagination-center {
    justify-content: center
}

.css-table-pagination-top {
    margin-bottom: 12px;
    margin-top: 0
}

.css-virtual-list>.css-table-element {
    width: auto
}

.css-icon-hover.css-tabs-icon-hover:before {
    height: 16px;
    width: 16px
}

.css-tabs .css-tabs-icon-hover {
    color: var(--color-text-2)
}

.css-tabs .css-tabs-icon-hover,.css-tabs-dropdown-icon {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-tabs-dropdown-icon {
    margin-left: 6px
}

.css-tabs-tab-close-btn {
    margin-left: 8px
}

.css-tabs-nav-add-btn,.css-tabs-tab-close-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-tabs-nav-add-btn {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    padding: 0 8px
}

.css-tabs-add {
    position: relative
}

.css-tabs-nav-button-left {
    margin-left: 10px;
    margin-right: 6px
}

.css-tabs-nav-button-right {
    margin-left: 6px;
    margin-right: 10px
}

.css-tabs-nav-button-up {
    margin-bottom: 10px
}

.css-tabs-nav-button-down {
    margin-top: 10px
}

.css-tabs-nav-button-disabled {
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-tabs {
    overflow: hidden;
    position: relative
}

.css-tabs-nav {
    flex-shrink: 0
}

.css-tabs-nav:before {
    background-color: var(--color-neutral-3);
    bottom: 0;
    clear: both;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.css-tabs-nav-tab {
    display: flex;
    flex: 1;
    overflow: hidden
}

.css-tabs-nav-tab-list {
    display: inline-block;
    position: relative;
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    white-space: nowrap
}

.css-tabs-nav-extra {
    align-items: center;
    display: flex;
    line-height: 32px;
    width: auto
}

.css-tabs-nav-extra .css-tabs-nav-add-btn {
    padding-left: 0
}

.css-tabs-tab {
    align-items: center;
    box-sizing: border-box;
    color: var(--color-text-2);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    line-height: 1.5715;
    outline: none;
    padding: 4px 0;
    transition: color .2s linear
}

.css-tabs-tab-title {
    display: inline-block
}

.css-tabs-tab:hover {
    color: var(--color-text-2);
    font-weight: 400
}

.css-tabs-tab-disabled,.css-tabs-tab-disabled:hover {
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-tabs-tab-active,.css-tabs-tab-active:hover {
    color: rgb(var(--primary-6));
    font-weight: 500
}

.css-tabs-tab-active.css-tabs-tab-disabled,.css-tabs-tab-active:hover.css-tabs-tab-disabled {
    color: var(--color-primary-light-3)
}

.css-tabs-nav-ink {
    background-color: rgb(var(--primary-6));
    bottom: 0;
    height: 2px;
    position: absolute;
    right: auto;
    top: auto;
    transition: left .2s cubic-bezier(.34,.69,.1,1),width .2s cubic-bezier(.34,.69,.1,1)
}

.css-tabs-nav-ink.css-tabs-header-ink-no-animation {
    transition: none
}

.css-tabs-nav-ink-disabled {
    background-color: var(--color-primary-light-3)
}

.css-tabs-nav-type-line .css-tabs-nav-extra {
    line-height: 40px
}

.css-tabs-nav-type-line .css-tabs-tab {
    line-height: 1.5715;
    margin: 0 16px;
    padding: 8px 0
}

.css-tabs-nav-type-line .css-tabs-tab-title {
    display: inline-block;
    padding: 1px 0;
    position: relative
}

.css-tabs-nav-type-line .css-tabs-tab-title:before {
    background-color: transparent;
    border-radius: var(--border-radius-small);
    bottom: 0;
    content: "";
    left: -8px;
    opacity: 1;
    position: absolute;
    right: -8px;
    top: 0;
    transition: background-color .2s linear,opacity .2s linear;
    z-index: -1
}

.css-tabs-nav-type-line .css-tabs-tab:hover .css-tabs-tab-title:before {
    background-color: var(--color-fill-2)
}

.css-tabs-nav-type-line .css-tabs-tab-active .css-tabs-tab-title:before,.css-tabs-nav-type-line .css-tabs-tab-active:hover .css-tabs-tab-title:before {
    background-color: transparent
}

.css-tabs-nav-type-line .css-tabs-tab-disabled .css-tabs-tab-title:before,.css-tabs-nav-type-line .css-tabs-tab-disabled:hover .css-tabs-tab-title:before {
    opacity: 0
}

.css-tabs-nav-type-line .css-tabs-tab:focus-visible .css-tabs-tab-title:before {
    border: 2px solid rgb(var(--primary-6))
}

.css-tabs-nav-type-line.css-tabs-nav-horizontal>.css-tabs-tab:first-of-type {
    margin-left: 16px
}

.css-tabs-nav-text.css-tabs-nav-horizontal .css-tabs-nav-tab-list-no-padding>.css-tabs-tab:first-of-type,.css-tabs-nav-type-line.css-tabs-nav-horizontal .css-tabs-nav-tab-list-no-padding>.css-tabs-tab:first-of-type {
    margin-left: 0
}

.css-tabs-nav-type-card .css-tabs-tab,.css-tabs-nav-type-card-gutter .css-tabs-tab {
    border: 1px solid var(--color-neutral-3);
    font-size: 14px;
    padding: 4px 16px;
    position: relative;
    transition: padding .2s linear,color .2s linear
}

.css-tabs-nav-type-card .css-tabs-tab-closable,.css-tabs-nav-type-card-gutter .css-tabs-tab-closable {
    padding-right: 12px
}

.css-tabs-nav-type-card .css-tabs-tab-closable:not(.css-tabs-tab-active):hover .css-icon-hover:hover:before,.css-tabs-nav-type-card-gutter .css-tabs-tab-closable:not(.css-tabs-tab-active):hover .css-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.css-tabs-nav-type-card .css-tabs-tab:focus-visible:before,.css-tabs-nav-type-card-gutter .css-tabs-tab:focus-visible:before {
    border: 2px solid rgb(var(--primary-6));
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: 0;
    top: -1px
}

.css-tabs-nav-type-card .css-tabs-tab:last-child:focus-visible:before,.css-tabs-nav-type-card-gutter .css-tabs-tab:last-child:focus-visible:before {
    right: -1px
}

.css-tabs-nav-type-card .css-tabs-nav-add-btn,.css-tabs-nav-type-card-gutter .css-tabs-nav-add-btn {
    height: 32px
}

.css-tabs-nav-type-card .css-tabs-tab {
    background-color: transparent;
    border-right: none
}

.css-tabs-nav-type-card .css-tabs-tab:last-child {
    border-right: 1px solid var(--color-neutral-3);
    border-top-right-radius: var(--border-radius-small)
}

.css-tabs-nav-type-card .css-tabs-tab:first-child {
    border-top-left-radius: var(--border-radius-small)
}

.css-tabs-nav-type-card .css-tabs-tab:hover {
    background-color: var(--color-fill-3)
}

.css-tabs-nav-type-card .css-tabs-tab-disabled,.css-tabs-nav-type-card .css-tabs-tab-disabled:hover {
    background-color: transparent
}

.css-tabs-nav-type-card .css-tabs-tab-active,.css-tabs-nav-type-card .css-tabs-tab-active:hover {
    background-color: transparent;
    border-bottom-color: var(--color-bg-2)
}

.css-tabs-nav-type-card-gutter .css-tabs-tab {
    background-color: var(--color-fill-1);
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
    border-right: 1px solid var(--color-neutral-3);
    margin-left: 4px
}

.css-tabs-nav-type-card-gutter .css-tabs-tab:hover {
    background-color: var(--color-fill-3)
}

.css-tabs-nav-type-card-gutter .css-tabs-tab-disabled,.css-tabs-nav-type-card-gutter .css-tabs-tab-disabled:hover {
    background-color: var(--color-fill-1)
}

.css-tabs-nav-type-card-gutter .css-tabs-tab-active,.css-tabs-nav-type-card-gutter .css-tabs-tab-active:hover {
    background-color: transparent;
    border-bottom-color: var(--color-bg-2)
}

.css-tabs-nav-type-card-gutter .css-tabs-tab:first-child {
    margin-left: 0
}

.css-tabs-nav-type-text:before {
    display: none
}

.css-tabs-nav-type-text .css-tabs-tab {
    font-size: 14px;
    line-height: 1.5715;
    margin: 0 9px;
    padding: 5px 0;
    position: relative
}

.css-tabs-nav-type-text .css-tabs-tab:not(:first-of-type):before {
    background-color: var(--color-fill-3);
    content: "";
    display: block;
    height: 12px;
    left: -9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

.css-tabs-nav-type-text .css-tabs-tab-title {
    background-color: transparent;
    padding-left: 8px;
    padding-right: 8px
}

.css-tabs-nav-type-text .css-tabs-tab-title:hover {
    background-color: var(--color-fill-2)
}

.css-tabs-nav-type-text .css-tabs-tab-active .css-tabs-tab-title,.css-tabs-nav-type-text .css-tabs-tab-active .css-tabs-tab-title:hover,.css-tabs-nav-type-text .css-tabs-tab-disabled .css-tabs-tab-title,.css-tabs-nav-type-text .css-tabs-tab-disabled .css-tabs-tab-title:hover {
    background-color: transparent
}

.css-tabs-nav-type-text .css-tabs-tab-active.css-tabs-nav-type-text .css-tabs-tab-disabled .css-tabs-tab-title,.css-tabs-nav-type-text .css-tabs-tab-active.css-tabs-nav-type-text .css-tabs-tab-disabled .css-tabs-tab-title:hover {
    background-color: var(--color-primary-light-3)
}

.css-tabs-nav-type-text .css-tabs-tab:focus-visible .css-tabs-tab-title {
    border: 2px solid rgb(var(--primary-6));
    margin: -2px
}

.css-tabs-nav-type-rounded:before {
    display: none
}

.css-tabs-nav-type-rounded .css-tabs-tab {
    background-color: transparent;
    border-radius: 32px;
    font-size: 14px;
    margin: 0 6px;
    padding: 5px 16px
}

.css-tabs-nav-type-rounded .css-tabs-tab:hover {
    background-color: var(--color-fill-2)
}

.css-tabs-nav-type-rounded .css-tabs-tab-disabled:hover {
    background-color: transparent
}

.css-tabs-nav-type-rounded .css-tabs-tab-active,.css-tabs-nav-type-rounded .css-tabs-tab-active:hover {
    background-color: var(--color-fill-2)
}

.css-tabs-nav-type-rounded .css-tabs-tab:focus-visible {
    border-color: rgb(var(--primary-6))
}

.css-tabs-nav-type-capsule:before {
    display: none
}

.css-tabs-nav-type-capsule .css-tabs-nav-tab:not(.css-tabs-nav-tab-scroll) {
    justify-content: flex-end
}

.css-tabs-nav-type-capsule .css-tabs-nav-tab-list {
    background-color: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    line-height: 1;
    padding: 3px
}

.css-tabs-nav-type-capsule .css-tabs-tab {
    background-color: transparent;
    font-size: 14px;
    line-height: 26px;
    padding: 0 10px;
    position: relative
}

.css-tabs-nav-type-capsule .css-tabs-tab:hover {
    background-color: var(--color-bg-2)
}

.css-tabs-nav-type-capsule .css-tabs-tab-disabled:hover {
    background-color: unset
}

.css-tabs-nav-type-capsule .css-tabs-tab-active,.css-tabs-nav-type-capsule .css-tabs-tab-active:hover {
    background-color: var(--color-bg-2)
}

.css-tabs-nav-type-capsule .css-tabs-tab-active+.css-tabs-tab:before,.css-tabs-nav-type-capsule .css-tabs-tab-active:before,.css-tabs-nav-type-capsule .css-tabs-tab-active:hover+.css-tabs-tab:before,.css-tabs-nav-type-capsule .css-tabs-tab-active:hover:before {
    opacity: 0
}

.css-tabs-nav-type-capsule .css-tabs-tab:focus-visible {
    border-color: rgb(var(--primary-6))
}

.css-tabs-nav-type-capsule.css-tabs-nav-horizontal .css-tabs-tab:not(:first-of-type) {
    margin-left: 3px
}

.css-tabs-nav-type-capsule.css-tabs-nav-horizontal .css-tabs-tab:not(:first-of-type):before {
    background-color: var(--color-fill-3);
    content: "";
    display: block;
    height: 14px;
    left: -4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    width: 1px
}

.css-tabs-nav {
    align-items: center;
    display: flex;
    overflow: hidden;
    position: relative
}

.css-tabs-content {
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 16px;
    width: 100%
}

.css-tabs-content-hide {
    display: none
}

.css-tabs-content .css-tabs-content-list {
    display: flex;
    width: 100%
}

.css-tabs-content .css-tabs-content-item {
    flex-shrink: 0;
    height: 0;
    overflow: hidden;
    width: 100%
}

.css-tabs-content .css-tabs-content-item.css-tabs-content-item-active {
    height: auto
}

.css-tabs-type-card-gutter>.css-tabs-content,.css-tabs-type-card>.css-tabs-content {
    border: 1px solid var(--color-neutral-3);
    border-top: none
}

.css-tabs-content-animation {
    transition: all .2s cubic-bezier(.34,.69,.1,1)
}

.css-tabs-horizontal.css-tabs-justify {
    display: flex;
    flex-direction: column;
    height: 100%
}

.css-tabs-horizontal.css-tabs-justify .css-tabs-content,.css-tabs-horizontal.css-tabs-justify .css-tabs-content-list,.css-tabs-horizontal.css-tabs-justify .css-tabs-pane {
    height: 100%
}

.css-tabs-nav-size-mini.css-tabs-nav-type-line .css-tabs-tab {
    font-size: 12px;
    padding-bottom: 6px;
    padding-top: 6px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-line .css-tabs-nav-extra {
    font-size: 12px;
    line-height: 32px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-card .css-tabs-tab,.css-tabs-nav-size-mini.css-tabs-nav-type-card-gutter .css-tabs-tab {
    font-size: 12px;
    padding-bottom: 1px;
    padding-top: 1px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-card .css-tabs-nav-extra,.css-tabs-nav-size-mini.css-tabs-nav-type-card-gutter .css-tabs-nav-extra {
    font-size: 12px;
    line-height: 24px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-card .css-tabs-nav-add-btn,.css-tabs-nav-size-mini.css-tabs-nav-type-card-gutter .css-tabs-nav-add-btn {
    height: 24px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-capsule .css-tabs-tab {
    font-size: 12px;
    line-height: 18px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-capsule .css-tabs-nav-extra {
    font-size: 12px;
    line-height: 24px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-rounded .css-tabs-tab {
    font-size: 12px;
    padding-bottom: 3px;
    padding-top: 3px
}

.css-tabs-nav-size-mini.css-tabs-nav-type-rounded .css-tabs-nav-extra {
    font-size: 12px;
    line-height: 24px
}

.css-tabs-nav-size-small.css-tabs-nav-type-line .css-tabs-tab {
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px
}

.css-tabs-nav-size-small.css-tabs-nav-type-line .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 36px
}

.css-tabs-nav-size-small.css-tabs-nav-type-card .css-tabs-tab,.css-tabs-nav-size-small.css-tabs-nav-type-card-gutter .css-tabs-tab {
    font-size: 14px;
    padding-bottom: 1px;
    padding-top: 1px
}

.css-tabs-nav-size-small.css-tabs-nav-type-card .css-tabs-nav-extra,.css-tabs-nav-size-small.css-tabs-nav-type-card-gutter .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 28px
}

.css-tabs-nav-size-small.css-tabs-nav-type-card .css-tabs-nav-add-btn,.css-tabs-nav-size-small.css-tabs-nav-type-card-gutter .css-tabs-nav-add-btn {
    height: 28px
}

.css-tabs-nav-size-small.css-tabs-nav-type-capsule .css-tabs-tab {
    font-size: 14px;
    line-height: 22px
}

.css-tabs-nav-size-small.css-tabs-nav-type-capsule .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 28px
}

.css-tabs-nav-size-small.css-tabs-nav-type-rounded .css-tabs-tab {
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px
}

.css-tabs-nav-size-small.css-tabs-nav-type-rounded .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 28px
}

.css-tabs-nav-size-large.css-tabs-nav-type-line .css-tabs-tab {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px
}

.css-tabs-nav-size-large.css-tabs-nav-type-line .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 44px
}

.css-tabs-nav-size-large.css-tabs-nav-type-card .css-tabs-tab,.css-tabs-nav-size-large.css-tabs-nav-type-card-gutter .css-tabs-tab {
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px
}

.css-tabs-nav-size-large.css-tabs-nav-type-card .css-tabs-nav-extra,.css-tabs-nav-size-large.css-tabs-nav-type-card-gutter .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 36px
}

.css-tabs-nav-size-large.css-tabs-nav-type-card .css-tabs-nav-add-btn,.css-tabs-nav-size-large.css-tabs-nav-type-card-gutter .css-tabs-nav-add-btn {
    height: 36px
}

.css-tabs-nav-size-large.css-tabs-nav-type-capsule .css-tabs-tab {
    font-size: 14px;
    line-height: 30px
}

.css-tabs-nav-size-large.css-tabs-nav-type-capsule .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 36px
}

.css-tabs-nav-size-large.css-tabs-nav-type-rounded .css-tabs-tab {
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 7px
}

.css-tabs-nav-size-large.css-tabs-nav-type-rounded .css-tabs-nav-extra {
    font-size: 14px;
    line-height: 36px
}

.css-tabs-nav-vertical {
    float: left
}

.css-tabs-nav-vertical:before {
    bottom: 0;
    clear: both;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.css-tabs-nav-vertical .css-tabs-nav-add-btn {
    height: auto;
    margin-left: 0;
    margin-top: 8px;
    padding: 0 16px
}

.css-tabs-nav-right {
    float: right
}

.css-tabs-nav-vertical {
    flex-direction: column
}

.css-tabs-nav-vertical .css-tabs-nav-tab {
    flex-direction: column;
    height: 100%
}

.css-tabs-nav-vertical .css-tabs-nav-ink {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 0;
    transition: top .2s cubic-bezier(.34,.69,.1,1),height .2s cubic-bezier(.34,.69,.1,1);
    width: 2px
}

.css-tabs-nav-vertical .css-tabs-nav-tab-list {
    height: auto
}

.css-tabs-nav-vertical .css-tabs-nav-tab-list-overflow-scroll {
    padding: 6px 0
}

.css-tabs-nav-vertical .css-tabs-tab {
    display: block;
    margin: 12px 0 0;
    white-space: nowrap
}

.css-tabs-nav-vertical .css-tabs-tab:first-of-type {
    margin-top: 0
}

.css-tabs-nav-right .css-tabs-nav-ink,.css-tabs-nav-right:before {
    left: 0;
    right: unset
}

.css-tabs-nav-vertical {
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.css-tabs-nav-vertical.css-tabs-nav-type-line .css-tabs-tab {
    padding: 0 20px
}

.css-tabs-nav-vertical.css-tabs-nav-type-card .css-tabs-tab {
    border: 1px solid var(--color-neutral-3);
    border-bottom: 1px solid transparent;
    margin: 0;
    position: relative
}

.css-tabs-nav-vertical.css-tabs-nav-type-card .css-tabs-tab:first-child {
    border-top-left-radius: var(--border-radius-small)
}

.css-tabs-nav-vertical.css-tabs-nav-type-card .css-tabs-tab-active,.css-tabs-nav-vertical.css-tabs-nav-type-card .css-tabs-tab-active:hover {
    border-bottom-color: transparent;
    border-right-color: var(--color-bg-2)
}

.css-tabs-nav-vertical.css-tabs-nav-type-card .css-tabs-tab:last-child {
    border-bottom: 1px solid var(--color-neutral-3);
    border-bottom-left-radius: var(--border-radius-small)
}

.css-tabs-nav-vertical.css-tabs-nav-type-card-gutter .css-tabs-tab {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
    margin-left: 0;
    position: relative
}

.css-tabs-nav-vertical.css-tabs-nav-type-card-gutter .css-tabs-tab:not(:first-of-type) {
    margin-top: 4px
}

.css-tabs-nav-vertical.css-tabs-nav-type-card-gutter .css-tabs-tab-active,.css-tabs-nav-vertical.css-tabs-nav-type-card-gutter .css-tabs-tab-active:hover {
    border-bottom-color: var(--color-neutral-3);
    border-right-color: var(--color-bg-2)
}

.css-tabs-vertical .css-tabs-content {
    height: 100%;
    padding: 0;
    width: auto
}

.css-tabs-right.css-tabs-vertical .css-tabs-content {
    padding-right: 16px
}

.css-tabs-left.css-tabs-vertical .css-tabs-content {
    padding-left: 16px
}

.css-tabs-vertical.css-tabs-type-card-gutter>.css-tabs-content,.css-tabs-vertical.css-tabs-type-card>.css-tabs-content {
    border: 1px solid var(--color-neutral-3);
    border-left: none
}

body[css-theme=dark] .css-tabs-nav-type-capsule .css-tabs-tab-active,body[css-theme=dark] .css-tabs-nav-type-capsule .css-tabs-tab:hover {
    background-color: var(--color-fill-3)
}

.css-tag {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 22px;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    margin-bottom: 5px;
}

.css-tag .css-icon-hover.css-tag-icon-hover:before {
    height: 16px;
    width: 16px
}

.css-tag .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: var(--color-fill-3)
}

.css-tag-checkable {
    cursor: pointer;
    transition: all .1s linear
}

.css-tag-checkable:hover,.css-tag-checked {
    background-color: var(--color-fill-2)
}

.css-tag-checked {
    border-color: transparent
}

.css-tag-checkable.css-tag-checked:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-tag-bordered,.css-tag-checkable.css-tag-checked.css-tag-bordered:hover {
    border-color: var(--color-border-2)
}

.css-tag-size-small {
    font-size: 12px;
    height: 20px;
    line-height: 18px
}

.css-tag-size-medium {
    font-size: 12px;
    height: 24px;
    line-height: 22px
}

.css-tag-size-large {
    font-size: 14px;
    height: 32px;
    line-height: 30px
}

.css-tag-hide {
    display: none
}

.css-tag-loading {
    cursor: default;
    opacity: .8
}

.css-tag-icon {
    color: var(--color-text-2);
    margin-right: 4px
}

.css-tag.css-tag-checked.css-tag-red {
    background-color: rgb(var(--red-1));
    border: 1px solid transparent;
    color: rgb(var(--red-6))
}

.css-tag.css-tag-checked.css-tag-red .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--red-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-red.css-tag:hover {
    background-color: rgb(var(--red-2));
    border-color: transparent
}

.css-tag-checked.css-tag-red.css-tag-bordered,.css-tag-checked.css-tag-red.css-tag-bordered:hover {
    border-color: rgb(var(--red-6))
}

.css-tag.css-tag-checked.css-tag-red .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-red .css-tag-icon,.css-tag.css-tag-checked.css-tag-red .css-tag-loading-icon {
    color: rgb(var(--red-6))
}

.css-tag.css-tag-checked.css-tag-orangered {
    background-color: rgb(var(--orangered-1));
    border: 1px solid transparent;
    color: rgb(var(--orangered-6))
}

.css-tag.css-tag-checked.css-tag-orangered .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--orangered-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-orangered.css-tag:hover {
    background-color: rgb(var(--orangered-2));
    border-color: transparent
}

.css-tag-checked.css-tag-orangered.css-tag-bordered,.css-tag-checked.css-tag-orangered.css-tag-bordered:hover {
    border-color: rgb(var(--orangered-6))
}

.css-tag.css-tag-checked.css-tag-orangered .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-orangered .css-tag-icon,.css-tag.css-tag-checked.css-tag-orangered .css-tag-loading-icon {
    color: rgb(var(--orangered-6))
}

.css-tag.css-tag-checked.css-tag-orange {
    background-color: rgb(var(--orange-1));
    border: 1px solid transparent;
    color: rgb(var(--orange-6))
}

.css-tag.css-tag-checked.css-tag-orange .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--orange-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-orange.css-tag:hover {
    background-color: rgb(var(--orange-2));
    border-color: transparent
}

.css-tag-checked.css-tag-orange.css-tag-bordered,.css-tag-checked.css-tag-orange.css-tag-bordered:hover {
    border-color: rgb(var(--orange-6))
}

.css-tag.css-tag-checked.css-tag-orange .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-orange .css-tag-icon,.css-tag.css-tag-checked.css-tag-orange .css-tag-loading-icon {
    color: rgb(var(--orange-6))
}

.css-tag.css-tag-checked.css-tag-gold {
    background-color: rgb(var(--gold-1));
    border: 1px solid transparent;
    color: rgb(var(--gold-6))
}

.css-tag.css-tag-checked.css-tag-gold .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--gold-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-gold.css-tag:hover {
    background-color: rgb(var(--gold-3));
    border-color: transparent
}

.css-tag-checked.css-tag-gold.css-tag-bordered,.css-tag-checked.css-tag-gold.css-tag-bordered:hover {
    border-color: rgb(var(--gold-6))
}

.css-tag.css-tag-checked.css-tag-gold .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-gold .css-tag-icon,.css-tag.css-tag-checked.css-tag-gold .css-tag-loading-icon {
    color: rgb(var(--gold-6))
}

.css-tag.css-tag-checked.css-tag-lime {
    background-color: rgb(var(--lime-1));
    border: 1px solid transparent;
    color: rgb(var(--lime-6))
}

.css-tag.css-tag-checked.css-tag-lime .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--lime-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-lime.css-tag:hover {
    background-color: rgb(var(--lime-2));
    border-color: transparent
}

.css-tag-checked.css-tag-lime.css-tag-bordered,.css-tag-checked.css-tag-lime.css-tag-bordered:hover {
    border-color: rgb(var(--lime-6))
}

.css-tag.css-tag-checked.css-tag-lime .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-lime .css-tag-icon,.css-tag.css-tag-checked.css-tag-lime .css-tag-loading-icon {
    color: rgb(var(--lime-6))
}

.css-tag.css-tag-checked.css-tag-green {
    background-color: rgb(var(--green-1));
    border: 1px solid transparent;
    color: rgb(var(--green-6))
}

.css-tag.css-tag-checked.css-tag-green .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--green-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-green.css-tag:hover {
    background-color: rgb(var(--green-2));
    border-color: transparent
}

.css-tag-checked.css-tag-green.css-tag-bordered,.css-tag-checked.css-tag-green.css-tag-bordered:hover {
    border-color: rgb(var(--green-6))
}

.css-tag.css-tag-checked.css-tag-green .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-green .css-tag-icon,.css-tag.css-tag-checked.css-tag-green .css-tag-loading-icon {
    color: rgb(var(--green-6))
}

.css-tag.css-tag-checked.css-tag-cyan {
    background-color: rgb(var(--cyan-1));
    border: 1px solid transparent;
    color: rgb(var(--cyan-6))
}

.css-tag.css-tag-checked.css-tag-cyan .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--cyan-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-cyan.css-tag:hover {
    background-color: rgb(var(--cyan-2));
    border-color: transparent
}

.css-tag-checked.css-tag-cyan.css-tag-bordered,.css-tag-checked.css-tag-cyan.css-tag-bordered:hover {
    border-color: rgb(var(--cyan-6))
}

.css-tag.css-tag-checked.css-tag-cyan .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-cyan .css-tag-icon,.css-tag.css-tag-checked.css-tag-cyan .css-tag-loading-icon {
    color: rgb(var(--cyan-6))
}

.css-tag.css-tag-checked.css-tag-blue {
    background-color: rgb(var(--blue-1));
    border: 1px solid transparent;
    color: rgb(var(--blue-6))
}

.css-tag.css-tag-checked.css-tag-blue .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--blue-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-blue.css-tag:hover {
    background-color: rgb(var(--blue-2));
    border-color: transparent
}

.css-tag-checked.css-tag-blue.css-tag-bordered,.css-tag-checked.css-tag-blue.css-tag-bordered:hover {
    border-color: rgb(var(--blue-6))
}

.css-tag.css-tag-checked.css-tag-blue .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-blue .css-tag-icon,.css-tag.css-tag-checked.css-tag-blue .css-tag-loading-icon {
    color: rgb(var(--blue-6))
}

.css-tag.css-tag-checked.css-tag-arcoblue {
    background-color: rgb(var(--arcoblue-1));
    border: 1px solid transparent;
    color: rgb(var(--arcoblue-6))
}

.css-tag.css-tag-checked.css-tag-arcoblue .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--arcoblue-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-arcoblue.css-tag:hover {
    background-color: rgb(var(--arcoblue-2));
    border-color: transparent
}

.css-tag-checked.css-tag-arcoblue.css-tag-bordered,.css-tag-checked.css-tag-arcoblue.css-tag-bordered:hover {
    border-color: rgb(var(--arcoblue-6))
}

.css-tag.css-tag-checked.css-tag-arcoblue .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-arcoblue .css-tag-icon,.css-tag.css-tag-checked.css-tag-arcoblue .css-tag-loading-icon {
    color: rgb(var(--arcoblue-6))
}

.css-tag.css-tag-checked.css-tag-purple {
    background-color: rgb(var(--purple-1));
    border: 1px solid transparent;
    color: rgb(var(--purple-6))
}

.css-tag.css-tag-checked.css-tag-purple .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--purple-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-purple.css-tag:hover {
    background-color: rgb(var(--purple-2));
    border-color: transparent
}

.css-tag-checked.css-tag-purple.css-tag-bordered,.css-tag-checked.css-tag-purple.css-tag-bordered:hover {
    border-color: rgb(var(--purple-6))
}

.css-tag.css-tag-checked.css-tag-purple .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-purple .css-tag-icon,.css-tag.css-tag-checked.css-tag-purple .css-tag-loading-icon {
    color: rgb(var(--purple-6))
}

.css-tag.css-tag-checked.css-tag-pinkpurple {
    background-color: rgb(var(--pinkpurple-1));
    border: 1px solid transparent;
    color: rgb(var(--pinkpurple-6))
}

.css-tag.css-tag-checked.css-tag-pinkpurple .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--pinkpurple-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-pinkpurple.css-tag:hover {
    background-color: rgb(var(--pinkpurple-2));
    border-color: transparent
}

.css-tag-checked.css-tag-pinkpurple.css-tag-bordered,.css-tag-checked.css-tag-pinkpurple.css-tag-bordered:hover {
    border-color: rgb(var(--pinkpurple-6))
}

.css-tag.css-tag-checked.css-tag-pinkpurple .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-pinkpurple .css-tag-icon,.css-tag.css-tag-checked.css-tag-pinkpurple .css-tag-loading-icon {
    color: rgb(var(--pinkpurple-6))
}

.css-tag.css-tag-checked.css-tag-magenta {
    background-color: rgb(var(--magenta-1));
    border: 1px solid transparent;
    color: rgb(var(--magenta-6))
}

.css-tag.css-tag-checked.css-tag-magenta .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--magenta-2))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-magenta.css-tag:hover {
    background-color: rgb(var(--magenta-2));
    border-color: transparent
}

.css-tag-checked.css-tag-magenta.css-tag-bordered,.css-tag-checked.css-tag-magenta.css-tag-bordered:hover {
    border-color: rgb(var(--magenta-6))
}

.css-tag.css-tag-checked.css-tag-magenta .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-magenta .css-tag-icon,.css-tag.css-tag-checked.css-tag-magenta .css-tag-loading-icon {
    color: rgb(var(--magenta-6))
}

.css-tag.css-tag-checked.css-tag-gray {
    background-color: rgb(var(--gray-2));
    border: 1px solid transparent;
    color: rgb(var(--gray-6))
}

.css-tag.css-tag-checked.css-tag-gray .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgb(var(--gray-3))
}

.css-tag.css-tag-checkable.css-tag-checked.css-tag-gray.css-tag:hover {
    background-color: rgb(var(--gray-3));
    border-color: transparent
}

.css-tag-checked.css-tag-gray.css-tag-bordered,.css-tag-checked.css-tag-gray.css-tag-bordered:hover {
    border-color: rgb(var(--gray-6))
}

.css-tag.css-tag-checked.css-tag-gray .css-tag-close-btn,.css-tag.css-tag-checked.css-tag-gray .css-tag-icon,.css-tag.css-tag-checked.css-tag-gray .css-tag-loading-icon {
    color: rgb(var(--gray-6))
}

.css-tag.css-tag-custom-color {
    color: var(--color-white)
}

.css-tag.css-tag-custom-color .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: hsla(0,0%,100%,.2)
}

.css-tag .css-tag-close-btn {
    font-size: 12px;
    margin-left: 4px
}

.css-tag .css-tag-close-btn>svg {
    position: relative
}

.css-tag .css-tag-loading-icon {
    font-size: 12px;
    margin-left: 4px
}

body[css-theme=dark] .css-tag-checked {
    color: hsla(0,0%,100%,.9)
}

body[css-theme=dark] .css-tag-checked.css-tag-red {
    background-color: rgba(var(--red-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-red:hover,body[css-theme=dark] .css-tag-checked.css-tag-red .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--red-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-orangered {
    background-color: rgba(var(--orangered-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-orangered:hover,body[css-theme=dark] .css-tag-checked.css-tag-orangered .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--orangered-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-orange {
    background-color: rgba(var(--orange-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-orange:hover,body[css-theme=dark] .css-tag-checked.css-tag-orange .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--orange-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-gold {
    background-color: rgba(var(--gold-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-gold:hover,body[css-theme=dark] .css-tag-checked.css-tag-gold .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--gold-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-lime {
    background-color: rgba(var(--lime-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-lime:hover,body[css-theme=dark] .css-tag-checked.css-tag-lime .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--lime-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-green {
    background-color: rgba(var(--green-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-green:hover,body[css-theme=dark] .css-tag-checked.css-tag-green .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--green-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-cyan {
    background-color: rgba(var(--cyan-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-cyan:hover,body[css-theme=dark] .css-tag-checked.css-tag-cyan .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--cyan-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-blue {
    background-color: rgba(var(--blue-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-blue:hover,body[css-theme=dark] .css-tag-checked.css-tag-blue .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--blue-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-arcoblue {
    background-color: rgba(var(--arcoblue-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-arcoblue:hover,body[css-theme=dark] .css-tag-checked.css-tag-arcoblue .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--arcoblue-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-purple {
    background-color: rgba(var(--purple-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-purple:hover,body[css-theme=dark] .css-tag-checked.css-tag-purple .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--purple-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-pinkpurple {
    background-color: rgba(var(--pinkpurple-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-pinkpurple:hover,body[css-theme=dark] .css-tag-checked.css-tag-pinkpurple .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--pinkpurple-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-magenta {
    background-color: rgba(var(--magenta-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-magenta:hover,body[css-theme=dark] .css-tag-checked.css-tag-magenta .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--magenta-6),.35)
}

body[css-theme=dark] .css-tag-checked.css-tag-gray {
    background-color: rgba(var(--gray-6),.2)
}

body[css-theme=dark] .css-tag-checkable.css-tag-checked.css-tag-gray:hover,body[css-theme=dark] .css-tag-checked.css-tag-gray .css-icon-hover.css-tag-icon-hover:hover:before {
    background-color: rgba(var(--gray-6),.35)
}

.css-textarea-wrapper {
    background-color: var(--color-fill-2);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    display: inline-flex;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%
}

.css-textarea-wrapper:hover {
    background-color: var(--color-fill-3);
    border-color: transparent
}

.css-textarea-wrapper.css-textarea-focus,.css-textarea-wrapper:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
    z-index: 1
}

.css-textarea-wrapper.css-textarea-disabled {
    cursor: not-allowed
}

.css-textarea-wrapper.css-textarea-disabled,.css-textarea-wrapper.css-textarea-disabled:hover {
    background-color: var(--color-fill-2);
    border-color: transparent;
    color: var(--color-text-4)
}

.css-textarea-wrapper.css-textarea-disabled .css-textarea-prefix,.css-textarea-wrapper.css-textarea-disabled .css-textarea-suffix {
    color: inherit
}

.css-textarea-wrapper.css-textarea-error {
    background-color: var(--color-danger-light-1);
    border-color: transparent
}

.css-textarea-wrapper.css-textarea-error:hover {
    background-color: var(--color-danger-light-2);
    border-color: transparent
}

.css-textarea-wrapper.css-textarea-error.css-textarea-wrapper-focus,.css-textarea-wrapper.css-textarea-error:focus-within {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--danger-6));
    box-shadow: 0 0 0 0 var(--color-danger-light-2);
    z-index: 1
}

.css-textarea-wrapper .css-textarea-prefix,.css-textarea-wrapper .css-textarea-suffix {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.css-textarea-wrapper .css-textarea-prefix>svg,.css-textarea-wrapper .css-textarea-suffix>svg {
    font-size: 14px
}

.css-textarea-wrapper .css-textarea-prefix {
    color: var(--color-text-2);
    padding-right: 12px
}

.css-textarea-wrapper .css-textarea-suffix {
    color: var(--color-text-2);
    padding-left: 12px
}

.css-textarea-wrapper .css-textarea-suffix .css-feedback-icon {
    display: inline-flex
}

.css-textarea-wrapper .css-textarea-suffix .css-feedback-icon-status-validating {
    color: rgb(var(--primary-6))
}

.css-textarea-wrapper .css-textarea-suffix .css-feedback-icon-status-success {
    color: rgb(var(--success-6))
}

.css-textarea-wrapper .css-textarea-suffix .css-feedback-icon-status-warning {
    color: rgb(var(--warning-6))
}

.css-textarea-wrapper .css-textarea-suffix .css-feedback-icon-status-error {
    color: rgb(var(--danger-6))
}

.css-textarea-wrapper .css-textarea-clear-btn {
    align-self: center;
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px;
    visibility: hidden
}

.css-textarea-wrapper .css-textarea-clear-btn>svg {
    position: relative;
    transition: color .1s linear
}

.css-textarea-wrapper:hover .css-textarea-clear-btn {
    visibility: visible
}

.css-textarea-wrapper:not(.css-textarea-focus) .css-textarea-icon-hover:hover:before {
    background-color: var(--color-fill-4)
}

.css-textarea-wrapper .css-textarea-word-limit {
    bottom: 6px;
    color: var(--color-text-3);
    font-size: 12px;
    position: absolute;
    right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-textarea-wrapper.css-textarea-scroll .css-textarea-word-limit {
    right: 25px
}

.css-textarea-wrapper .css-textarea-clear-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.css-textarea-wrapper.css-textarea-scroll .css-textarea-clear-btn {
    right: 25px
}

.css-textarea-wrapper:hover .css-textarea-clear-btn {
    display: block
}

.css-textarea-wrapper .css-textarea-mirror {
    position: absolute;
    visibility: hidden
}

.css-textarea {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: inherit;
    outline: none;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    height: 100%;
    line-height: 1.5715;
    min-height: 32px;
    padding: 4px 12px;
    resize: vertical;
    vertical-align: top
}

.css-textarea::-moz-placeholder {
    color: var(--color-text-3)
}

.css-textarea::placeholder {
    color: var(--color-text-3)
}

.css-textarea[disabled]::-moz-placeholder {
    color: var(--color-text-4)
}

.css-textarea[disabled]::placeholder {
    color: var(--color-text-4)
}

.css-textarea[disabled] {
    -webkit-text-fill-color: var(--color-text-4)
}

.css-timepicker {
    box-sizing: border-box;
    display: flex;
    padding: 0;
    position: relative
}

.css-timepicker-container {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    overflow: hidden
}

.css-timepicker-column {
    box-sizing: border-box;
    height: 224px;
    overflow: hidden;
    width: 64px
}

.css-timepicker-column:not(:last-child) {
    border-right: 1px solid var(--color-neutral-3)
}

.css-timepicker-column:hover {
    overflow-y: auto
}

.css-timepicker-column ul {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

.css-timepicker-column ul:after {
    content: "";
    display: block;
    height: 192px;
    width: 100%
}

.css-timepicker-cell {
    color: var(--color-text-1);
    cursor: pointer;
    font-weight: 500;
    padding: 4px 0
}

.css-timepicker-cell-inner {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-left: 24px
}

.css-timepicker-cell:not(.css-timepicker-cell-selected):not(.css-timepicker-cell-disabled):hover .css-timepicker-cell-inner {
    background-color: var(--color-fill-2)
}

.css-timepicker-cell-selected .css-timepicker-cell-inner {
    background-color: var(--color-fill-2);
    font-weight: 500
}

.css-timepicker-cell-disabled {
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-timepicker-footer-extra-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    color: var(--color-text-1);
    font-size: 12px;
    padding: 8px
}

.css-timepicker-footer-btn-wrapper {
    border-top: 1px solid var(--color-neutral-3);
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.css-timepicker-footer-btn-wrapper :only-child {
    margin-left: auto
}

.css-timeline {
    display: flex;
    flex-direction: column
}

.css-timeline-item {
    color: var(--color-text-1);
    font-size: 14px;
    min-height: 78px;
    padding-left: 6px;
    position: relative
}

.css-timeline-item-label {
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 1.667
}

.css-timeline-item-content {
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 1.5715;
    margin-bottom: 4px
}

.css-timeline-item-content-wrapper {
    margin-left: 16px;
    position: relative
}

.css-timeline-item.css-timeline-item-last>.css-timeline-item-dot-wrapper .css-timeline-item-dot-line {
    display: none
}

.css-timeline-item-dot-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center
}

.css-timeline-item-dot-wrapper .css-timeline-item-dot-content {
    height: 22.001px;
    line-height: 22.001px;
    position: relative;
    width: 6px
}

.css-timeline-item-dot {
    border-radius: var(--border-radius-circle);
    box-sizing: border-box;
    color: rgb(var(--primary-6));
    height: 6px;
    margin-top: -50%;
    position: relative;
    top: 50%;
    width: 6px
}

.css-timeline-item-dot-solid {
    background-color: rgb(var(--primary-6))
}

.css-timeline-item-dot-hollow {
    background-color: var(--color-bg-2);
    border: 2px solid rgb(var(--primary-6))
}

.css-timeline-item-dot-custom {
    background-color: var(--color-bg-2);
    box-sizing: border-box;
    color: rgb(var(--primary-6));
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transform-origin: center
}

.css-timeline-item-dot-custom svg {
    color: inherit
}

.css-timeline-item-dot-line {
    border-color: var(--color-neutral-3);
    border-left-width: 1px;
    bottom: -4.0005px;
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    top: 18.0005px;
    transform: translateX(-50%);
    width: 1px
}

.css-timeline-is-reverse {
    flex-direction: column-reverse
}

.css-timeline-alternate {
    overflow: hidden
}

.css-timeline-alternate .css-timeline-item-vertical-left {
    padding-left: 0
}

.css-timeline-alternate .css-timeline-item-vertical-left>.css-timeline-item-dot-wrapper {
    left: 50%
}

.css-timeline-alternate .css-timeline-item-vertical-left>.css-timeline-item-content-wrapper {
    left: 50%;
    margin-left: 22px;
    padding-right: 22px;
    width: 50%
}

.css-timeline-alternate .css-timeline-item-vertical-right {
    padding-right: 0
}

.css-timeline-alternate .css-timeline-item-vertical-right>.css-timeline-item-dot-wrapper {
    left: 50%
}

.css-timeline-alternate .css-timeline-item-vertical-right>.css-timeline-item-content-wrapper {
    left: 0;
    margin-left: -16px;
    margin-right: 0;
    padding-right: 16px;
    text-align: right;
    width: 50%
}

.css-timeline-right .css-timeline-item-vertical-right {
    padding-right: 6px
}

.css-timeline-right .css-timeline-item-vertical-right>.css-timeline-item-dot-wrapper {
    left: unset;
    right: 0
}

.css-timeline-right .css-timeline-item-vertical-right>.css-timeline-item-content-wrapper {
    margin-left: 0;
    margin-right: 16px;
    text-align: right
}

.css-timeline-item-label-relative>.css-timeline-item-label {
    box-sizing: border-box;
    max-width: 100px;
    position: absolute;
    top: 0
}

.css-timeline-item-vertical-left.css-timeline-item-label-relative {
    margin-left: 100px
}

.css-timeline-item-vertical-left.css-timeline-item-label-relative>.css-timeline-item-label {
    left: 0;
    padding-right: 16px;
    text-align: right;
    transform: translateX(-100%)
}

.css-timeline-item-vertical-right.css-timeline-item-label-relative {
    margin-right: 100px
}

.css-timeline-item-vertical-right.css-timeline-item-label-relative>.css-timeline-item-label {
    padding-left: 16px;
    right: 0;
    text-align: left;
    transform: translateX(100%)
}

.css-timeline-item-horizontal-top.css-timeline-item-label-relative {
    margin-top: 50px
}

.css-timeline-item-horizontal-top.css-timeline-item-label-relative>.css-timeline-item-label {
    padding-bottom: 16px;
    transform: translateY(-100%)
}

.css-timeline-item-horizontal-top.css-timeline-item-label-relative>.css-timeline-item-content {
    margin-bottom: 0
}

.css-timeline-item-horizontal-bottom.css-timeline-item-label-relative {
    margin-bottom: 50px
}

.css-timeline-item-horizontal-bottom.css-timeline-item-label-relative>.css-timeline-item-content {
    margin-bottom: 0
}

.css-timeline-item-horizontal-bottom.css-timeline-item-label-relative>.css-timeline-item-label {
    bottom: 0;
    padding-top: 16px;
    text-align: left;
    top: unset;
    transform: translateY(100%)
}

.css-timeline-alternate .css-timeline-item-vertical-left.css-timeline-item-label-relative {
    margin-left: 0
}

.css-timeline-alternate .css-timeline-item-vertical-left.css-timeline-item-label-relative>.css-timeline-item-label {
    left: 0;
    max-width: unset;
    transform: none;
    width: 50%
}

.css-timeline-alternate .css-timeline-item-vertical-right.css-timeline-item-label-relative {
    margin-right: 0
}

.css-timeline-alternate .css-timeline-item-vertical-right.css-timeline-item-label-relative>.css-timeline-item-label {
    max-width: unset;
    right: 0;
    transform: none;
    width: 50%
}

.css-timeline-alternate .css-timeline-item-horizontal-top.css-timeline-item-label-relative {
    margin-top: 0
}

.css-timeline-alternate .css-timeline-item-horizontal-bottom.css-timeline-item-label-relative {
    margin-bottom: 0
}

.css-timeline-direction-horizontal {
    display: flex;
    flex-direction: row
}

.css-timeline-direction-horizontal.css-timeline-is-reverse {
    flex-direction: row-reverse
}

.css-timeline-item-dot-line-is-horizontal {
    border-left: none;
    border-top-width: 1px;
    height: 1px;
    left: 12px;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: unset
}

.css-timeline-item-horizontal-bottom,.css-timeline-item-horizontal-top {
    flex: 1;
    min-height: unset;
    padding-left: 0;
    padding-right: 0
}

.css-timeline-item-horizontal-bottom>.css-timeline-item-dot-wrapper,.css-timeline-item-horizontal-top>.css-timeline-item-dot-wrapper {
    height: auto;
    top: 0;
    width: 100%
}

.css-timeline-item-horizontal-bottom>.css-timeline-item-dot-wrapper .css-timeline-item-dot,.css-timeline-item-horizontal-top>.css-timeline-item-dot-wrapper .css-timeline-item-dot {
    margin-top: unset;
    top: unset
}

.css-timeline-item-horizontal-bottom>.css-timeline-item-dot-wrapper .css-timeline-item-dot-content,.css-timeline-item-horizontal-top>.css-timeline-item-dot-wrapper .css-timeline-item-dot-content {
    height: 6px;
    line-height: 6px
}

.css-timeline-item-horizontal-top {
    padding-top: 6px
}

.css-timeline-item-horizontal-top>.css-timeline-item-dot-wrapper {
    bottom: unset;
    top: 0
}

.css-timeline-item-horizontal-top>.css-timeline-item-content-wrapper {
    margin-left: 0;
    margin-top: 16px
}

.css-timeline-item-horizontal-bottom {
    padding-bottom: 6px
}

.css-timeline-item-horizontal-bottom>.css-timeline-item-dot-wrapper {
    bottom: 0;
    top: unset
}

.css-timeline-item-horizontal-bottom>.css-timeline-item-content-wrapper {
    margin-bottom: 16px;
    margin-left: 0
}

.css-timeline-alternate.css-timeline-direction-horizontal {
    align-items: center;
    min-height: 200px;
    overflow: visible
}

.css-timeline-alternate.css-timeline-direction-horizontal .css-timeline-item-horizontal-bottom {
    margin-top: 6px;
    transform: translateY(-50%)
}

.css-timeline-alternate.css-timeline-direction-horizontal .css-timeline-item-horizontal-top {
    margin-top: -6px;
    transform: translateY(50%)
}

.css-tooltip-content {
    color: #fff;
    font-size: 14px;
    line-height: 1.5715;
    max-width: 350px;
    padding: 8px 12px;
    text-align: left;
    word-wrap: break-word;
    background-color: var(--color-tooltip-bg);
    border-radius: var(--border-radius-small)
}

.css-tooltip-mini {
    font-size: 14px;
    padding: 4px 12px
}

.css-tooltip-popup-arrow {
    background-color: var(--color-tooltip-bg)
}

.css-transfer {
    align-items: center;
    display: flex
}

.css-transfer-view {
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 224px;
    width: 200px
}

.css-transfer-view-search {
    padding: 8px 12px 4px
}

.css-transfer-view-list {
    flex: 1
}

.css-transfer-view-custom-list {
    flex: 1;
    overflow: auto
}

.css-transfer-view-header {
    align-items: center;
    display: flex;
    padding: 0 10px
}

.css-transfer-view-header>:first-child {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-transfer-view-header>:first-child:not(:last-child) {
    margin-right: 8px
}

.css-transfer-view-header {
    background-color: var(--color-fill-1);
    color: var(--color-text-1);
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px
}

.css-transfer-view-header-title {
    align-items: center;
    display: flex
}

.css-transfer-view-header-title .css-checkbox {
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-transfer-view-header-title .css-checkbox-text {
    color: inherit
}

.css-transfer-view-header-title .css-checkbox-label,.css-transfer-view-header-title-simple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-transfer-view-header-clear-btn {
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px
}

.css-transfer-view-header-clear-btn:hover:before {
    background-color: var(--color-fill-3)
}

.css-transfer-view-header-count {
    color: var(--color-text-3);
    font-size: 12px;
    font-weight: 400;
    margin-right: 2px
}

.css-transfer-view-body {
    flex: 1 1 auto;
    overflow: hidden
}

.css-transfer-view-body .css-transfer-view-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.css-transfer-view .css-scrollbar {
    height: 100%
}

.css-transfer-view .css-scrollbar-container {
    height: 100%;
    overflow: auto
}

.css-transfer-view .css-list {
    border-radius: 0
}

.css-transfer-view .css-list-footer {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 0 8px;
    position: relative
}

.css-transfer-view .css-list .css-pagination {
    margin: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.css-transfer-view .css-list .css-pagination-jumper-input {
    width: 24px
}

.css-transfer-view .css-list .css-pagination-jumper-separator {
    padding: 0 8px
}

.css-transfer-view .css-checkbox {
    padding-left: 6px
}

.css-transfer-view .css-checkbox-wrapper {
    display: inline
}

.css-transfer-view .css-checkbox .css-icon-hover:hover:before {
    background-color: var(--color-fill-3)
}

.css-transfer-list-item {
    align-items: center;
    background-color: transparent;
    color: var(--color-text-1);
    cursor: default;
    display: flex;
    height: 36px;
    line-height: 36px;
    list-style: none;
    padding: 0 10px;
    position: relative
}

.css-transfer-list-item-content {
    font-size: 14px
}

.css-transfer-list-item-checkbox .css-checkbox-label,.css-transfer-list-item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-transfer-list-item-disabled {
    background-color: transparent;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-transfer-list-item:not(.css-transfer-list-item-disabled):hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.css-transfer-list-item .css-checkbox {
    width: 100%
}

.css-transfer-list-item .css-checkbox-text {
    color: inherit
}

.css-transfer-list-item-remove-btn {
    color: var(--color-text-2);
    cursor: pointer;
    font-size: 12px;
    margin-left: auto
}

.css-transfer-list-item-remove-btn:hover:before {
    background-color: var(--color-fill-3)
}

.css-transfer-list-item-draggable:before {
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.css-transfer-list-item-gap-bottom:before {
    background-color: rgb(var(--primary-6));
    bottom: -2px
}

.css-transfer-list-item-gap-top:before {
    background-color: rgb(var(--primary-6));
    top: -2px
}

.css-transfer-list-item-dragging {
    background-color: var(--color-fill-1);
    color: var(--color-text-4)
}

.css-transfer-list-item-dragged {
    animation: css-transfer-drag-item-blink .4s;
    animation-timing-function: linear
}

.css-transfer-operations {
    padding: 0 20px
}

.css-transfer-operations .css-btn {
    display: block
}

.css-transfer-operations .css-btn:last-child {
    margin-top: 12px
}

.css-transfer-operations-words .css-btn {
    padding: 0 12px;
    text-align: left;
    width: 100%
}

.css-transfer-simple .css-transfer-view-source {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0
}

.css-transfer-simple .css-transfer-view-target {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.css-transfer-disabled .css-transfer-view-header {
    color: var(--color-text-4)
}

@keyframes css-transfer-drag-item-blink {
    0% {
        background-color: var(--color-primary-light-1)
    }

    to {
        background-color: transparent
    }
}

.css-tree-select-popup {
    background-color: var(--color-bg-popup);
    border: 1px solid var(--color-fill-3);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-sizing: border-box;
    padding: 4px 0
}

.css-tree-select-popup .css-tree-select-tree-wrapper {
    height: 100%;
    max-height: 200px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 4px
}

.css-tree-select-popup .css-tree-node {
    padding-left: 0
}

.css-tree-select-highlight {
    font-weight: 500
}

.css-tree-select-has-header {
    padding-top: 0
}

.css-tree-select-header {
    border-bottom: 1px solid var(--color-fill-3)
}

.css-tree-select-has-footer {
    padding-bottom: 0
}

.css-tree-select-footer {
    border-top: 1px solid var(--color-fill-3)
}

.css-icon-hover.css-tree-node-icon-hover:before {
    height: 16px;
    width: 16px
}

.css-tree-node-switcher {
    align-items: center;
    color: var(--color-text-2);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    height: 32px;
    margin-right: 10px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 12px
}

.css-tree-node-switcher-icon {
    margin: 0 auto;
    position: relative
}

.css-tree-node-switcher-icon svg {
    position: relative;
    transform: rotate(-90deg);
    transition: transform .2s cubic-bezier(.34,.69,.1,1)
}

.css-tree-node-expanded .css-tree-node-switcher-icon svg,.css-tree-node-is-leaf .css-tree-node-switcher-icon svg {
    transform: rotate(0)
}

.css-tree-node-drag-icon {
    color: rgb(var(--primary-6));
    margin-left: 120px;
    opacity: 0
}

.css-tree-node-custom-icon {
    cursor: pointer;
    font-size: inherit;
    line-height: 1;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.css-tree-node .css-icon-loading {
    color: rgb(var(--primary-6))
}

.css-tree-node-minus-icon,.css-tree-node-plus-icon {
    background: var(--color-fill-2);
    border-radius: var(--border-radius-small);
    cursor: pointer;
    display: block;
    height: 14px;
    position: relative;
    width: 14px
}

.css-tree-node-minus-icon:after,.css-tree-node-plus-icon:after {
    height: 2px;
    margin-left: -3px;
    margin-top: -1px;
    width: 6px
}

.css-tree-node-minus-icon:after,.css-tree-node-plus-icon:after,.css-tree-node-plus-icon:before {
    background-color: var(--color-text-2);
    border-radius: .5px;
    color: var(--color-text-2);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%
}

.css-tree-node-plus-icon:before {
    height: 6px;
    margin-left: -1px;
    margin-top: -3px;
    width: 2px
}

.css-tree {
    color: var(--color-text-1)
}

.css-tree .css-checkbox {
    line-height: 32px;
    margin-right: 10px;
    padding-left: 0
}

.css-tree-node {
    align-items: center;
    color: var(--color-text-1);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    line-height: 1.5715;
    padding-left: 2px;
    position: relative
}

.css-tree-node-selected .css-tree-node-title,.css-tree-node-selected .css-tree-node-title:hover {
    color: rgb(var(--primary-6));
    transition: color .2s linear
}

.css-tree-node-disabled .css-tree-node-title,.css-tree-node-disabled .css-tree-node-title:hover,.css-tree-node-disabled-selectable .css-tree-node-title,.css-tree-node-disabled-selectable .css-tree-node-title:hover {
    background: none;
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-tree-node-disabled.css-tree-node-selected .css-tree-node-title {
    color: var(--color-primary-light-3)
}

.css-tree-node-title-block {
    box-sizing: content-box;
    flex: 1
}

.css-tree-node-title-block .css-tree-node-drag-icon {
    position: absolute;
    right: 12px
}

.css-tree-node-indent {
    align-self: stretch;
    flex-shrink: 0;
    position: relative
}

.css-tree-node-indent-block {
    display: inline-block;
    height: 100%;
    margin-right: 10px;
    position: relative;
    vertical-align: top;
    width: 12px
}

.css-tree-node-draggable {
    margin-top: 2px
}

.css-tree-node-title {
    align-items: center;
    border-radius: var(--border-radius-small);
    display: flex;
    font-size: 14px;
    margin-left: -4px;
    padding: 5px 4px;
    position: relative
}

.css-tree-node-title:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-1)
}

.css-tree-node-title:hover .css-tree-node-drag-icon {
    opacity: 1
}

.css-tree-node-title-draggable:before {
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: -2px
}

.css-tree-node-title-gap-bottom:before {
    background-color: rgb(var(--primary-6));
    bottom: -2px;
    top: unset
}

.css-tree-node-title-gap-top:before {
    background-color: rgb(var(--primary-6))
}

.css-tree-node-title-highlight {
    background-color: var(--color-primary-light-1);
    color: var(--color-text-1)
}

.css-tree-node-title-dragging,.css-tree-node-title-dragging:hover {
    background-color: var(--color-fill-1);
    color: var(--color-text-4)
}

.css-tree-show-line {
    padding-left: 1px
}

.css-tree-show-line .css-tree-node-switcher {
    text-align: center;
    width: 14px
}

.css-tree-show-line .css-tree-node-switcher .css-tree-node-icon-hover {
    width: 100%
}

.css-tree-show-line .css-tree-node-indent-block {
    width: 14px
}

.css-tree-show-line .css-tree-node-indent-block:before {
    border-left: 1px solid var(--color-neutral-3);
    bottom: -5px;
    box-sizing: border-box;
    content: "";
    left: 50%;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: 1px
}

.css-tree-show-line .css-tree-node-is-leaf:not(.css-tree-node-is-tail) .css-tree-node-indent:after {
    border-left: 1px solid var(--color-neutral-3);
    bottom: -5px;
    box-sizing: border-box;
    content: "";
    position: absolute;
    right: -7px;
    top: 27px;
    transform: translateX(50%);
    width: 1px
}

.css-tree-show-line .css-tree-node-indent-block-lineless:before {
    display: none
}

.css-tree-size-mini .css-tree-node-switcher {
    height: 24px
}

.css-tree-size-mini .css-checkbox {
    line-height: 24px
}

.css-tree-size-mini .css-tree-node-title {
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 2px;
    padding-top: 2px
}

.css-tree-size-mini .css-tree-node-indent-block:after {
    bottom: -1px;
    top: 23px
}

.css-tree-size-mini .css-tree-node-is-leaf:not(.css-tree-node-is-tail) .css-tree-node-indent:before {
    bottom: -1px;
    top: -1px
}

.css-tree-size-small .css-tree-node-switcher {
    height: 28px
}

.css-tree-size-small .css-checkbox {
    line-height: 28px
}

.css-tree-size-small .css-tree-node-title {
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px
}

.css-tree-size-small .css-tree-node-indent-block:after {
    bottom: -3px;
    top: 25px
}

.css-tree-size-small .css-tree-node-is-leaf:not(.css-tree-node-is-tail) .css-tree-node-indent:before {
    bottom: -3px;
    top: -3px
}

.css-tree-size-large .css-tree-node-switcher {
    height: 36px
}

.css-tree-size-large .css-checkbox {
    line-height: 36px
}

.css-tree-size-large .css-tree-node-title {
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 7px
}

.css-tree-size-large .css-tree-node-indent-block:after {
    bottom: -7px;
    top: 29px
}

.css-tree-size-large .css-tree-node-is-leaf:not(.css-tree-node-is-tail) .css-tree-node-indent:before {
    bottom: -7px;
    top: -7px
}

.css-tree-node-list {
    overflow: hidden;
    transition: height .2s cubic-bezier(.34,.69,.1,1)
}

.css-typography {
    color: var(--color-text-1);
    line-height: 1.5715;
    overflow-wrap: anywhere;
    white-space: normal
}

h1.css-typography,h2.css-typography,h3.css-typography,h4.css-typography,h5.css-typography,h6.css-typography {
    font-weight: 500;
    margin-bottom: .5em;
    margin-top: 1em
}

h1.css-typography {
    font-size: 36px;
    line-height: 1.23
}

h2.css-typography {
    font-size: 32px;
    line-height: 1.25
}

h3.css-typography {
    font-size: 28px;
    line-height: 1.29
}

h4.css-typography {
    font-size: 24px;
    line-height: 1.33
}

h5.css-typography {
    font-size: 20px;
    line-height: 1.4
}

h6.css-typography {
    font-size: 16px;
    line-height: 1.5
}

div.css-typography,p.css-typography {
    margin-bottom: 1em;
    margin-top: 0
}

.css-typography-primary {
    color: rgb(var(--primary-6))
}

.css-typography-secondary {
    color: var(--color-text-2)
}

.css-typography-success {
    color: rgb(var(--success-6))
}

.css-typography-warning {
    color: rgb(var(--warning-6))
}

.css-typography-danger {
    color: rgb(var(--danger-6))
}

.css-typography-disabled {
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-typography mark {
    background-color: rgb(var(--yellow-4))
}

.css-typography u {
    text-decoration: underline
}

.css-typography del {
    text-decoration: line-through
}

.css-typography b {
    font-weight: 500
}

.css-typography code {
    background-color: var(--color-neutral-2);
    border: 1px solid var(--color-neutral-3);
    border-radius: 2px;
    color: var(--color-text-2);
    font-size: 85%;
    margin: 0 2px;
    padding: 2px 8px
}

.css-typography blockquote {
    background-color: var(--color-bg-2);
    border-left: 2px solid var(--color-neutral-6);
    margin: 0 0 1em;
    padding-left: 8px
}

.css-typography ol,.css-typography ul {
    margin: 0;
    padding: 0
}

.css-typography ol li,.css-typography ul li {
    margin-left: 20px
}

.css-typography ul {
    list-style: circle
}

.css-typography-spacing-close {
    line-height: 1.3
}

.css-typography-operation-copied,.css-typography-operation-copy {
    margin-left: 2px;
    padding: 2px
}

.css-typography-operation-copy {
    background-color: transparent;
    border-radius: 2px;
    color: var(--color-text-2);
    cursor: pointer;
    transition: background-color .1s linear
}

.css-typography-operation-copy:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-2)
}

.css-typography-operation-copied {
    color: rgb(var(--success-6))
}

.css-typography-operation-edit {
    background-color: transparent;
    border-radius: 2px;
    color: var(--color-text-2);
    cursor: pointer;
    margin-left: 2px;
    padding: 2px;
    transition: background-color .1s linear
}

.css-typography-operation-edit:hover {
    background-color: var(--color-fill-2);
    color: var(--color-text-2)
}

.css-typography-operation-expand {
    color: rgb(var(--primary-6));
    cursor: pointer;
    margin: 0 4px
}

.css-typography-operation-expand:hover {
    color: rgb(var(--primary-5))
}

.css-typography-edit-content {
    left: -13px;
    margin-bottom: calc(1em - 5px);
    margin-right: -13px;
    margin-top: -5px;
    position: relative
}

.css-typography-css-operation {
    margin-bottom: 1em;
    margin-top: -1em;
    text-align: right
}

.css-upload {
    cursor: pointer;
    display: inline-block;
    max-width: 100%
}

.css-upload.css-upload-draggable {
    width: 100%
}

.css-upload-tip {
    color: var(--color-text-3);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-upload-picture-card {
    background: var(--color-fill-2);
    border: 1px dashed var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    color: var(--color-text-2);
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    margin-bottom: 0;
    min-width: 80px;
    text-align: center;
    transition: all .1s linear
}

.css-upload-picture-card:hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-neutral-4);
    color: var(--color-text-2)
}

.css-upload-drag {
    background-color: var(--color-fill-1);
    border: 1px dashed var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    color: var(--color-text-1);
    padding: 50px 0;
    text-align: center;
    transition: all .2s ease
}

.css-upload-drag .css-icon-plus {
    color: var(--color-text-2);
    font-size: 14px;
    margin-bottom: 24px
}

.css-upload-drag:hover {
    background-color: var(--color-fill-3);
    border-color: var(--color-neutral-4)
}

.css-upload-drag:hover .css-upload-drag-text {
    color: var(--color-text-1)
}

.css-upload-drag:hover .css-icon-plus {
    color: var(--color-text-2)
}

.css-upload-drag-active {
    background-color: var(--color-primary-light-1);
    border-color: rgb(var(--primary-6))
}

.css-upload-drag-active,.css-upload-drag-active .css-upload-drag-text {
    color: var(--color-text-1)
}

.css-upload-drag-active .css-icon-plus {
    color: rgb(var(--primary-6))
}

.css-upload-drag .css-upload-tip {
    margin-top: 0
}

.css-upload-drag-text {
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 1.5
}

.css-upload-wrapper {
    width: 100%
}

.css-upload-wrapper.css-upload-wrapper-type-picture-card {
    display: flex;
    justify-content: flex-start
}

.css-upload-drag {
    width: 100%
}

.css-upload-hide {
    display: none
}

.css-upload-disabled .css-upload-picture-card,.css-upload-disabled .css-upload-picture-card:hover {
    background-color: var(--color-fill-1);
    border-color: var(--color-neutral-4);
    color: var(--color-text-4);
    cursor: not-allowed
}

.css-upload-disabled .css-upload-drag,.css-upload-disabled .css-upload-drag:hover {
    background-color: var(--color-fill-1);
    border-color: var(--color-text-4);
    cursor: not-allowed
}

.css-upload-disabled .css-upload-drag .css-icon-plus,.css-upload-disabled .css-upload-drag .css-upload-drag-text,.css-upload-disabled .css-upload-drag:hover .css-icon-plus,.css-upload-disabled .css-upload-drag:hover .css-upload-drag-text,.css-upload-disabled .css-upload-tip {
    color: var(--color-text-4)
}

.css-upload-icon {
    cursor: pointer
}

.css-upload-icon-error {
    color: rgb(var(--danger-6));
    margin-left: 4px
}

.css-upload-icon-success {
    color: rgb(var(--success-6));
    font-size: 14px;
    line-height: 14px
}

.css-upload-icon-remove {
    font-size: 14px;
    position: relative
}

.css-upload-icon-cancel,.css-upload-icon-start {
    color: var(--color-white);
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.css-upload-icon-upload {
    color: rgb(var(--primary-6));
    cursor: pointer;
    font-size: 14px;
    transition: all .2s ease
}

.css-upload-icon-upload:active,.css-upload-icon-upload:hover {
    color: rgb(var(--primary-7))
}

.css-upload-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.css-upload-list.css-upload-list-type-picture,.css-upload-list.css-upload-list-type-text {
    width: 100%
}

.css-upload-list.css-upload-list-type-picture .css-upload-list-item:first-of-type,.css-upload-list.css-upload-list-type-text .css-upload-list-item:first-of-type {
    margin-top: 24px
}

.css-upload-list-item-done .css-upload-list-item-file-icon {
    color: rgb(var(--primary-6))
}

.css-upload-list-item {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    margin-top: 12px;
    position: relative
}

.css-upload-list-item-content {
    align-items: center;
    background-color: var(--color-fill-1);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    font-size: 14px;
    overflow: hidden;
    padding: 8px 10px 8px 12px;
    transition: background-color .1s linear;
    width: 100%
}

.css-upload-list-item-file-icon {
    color: rgb(var(--primary-6));
    font-size: 16px;
    line-height: 16px;
    margin-right: 12px
}

.css-upload-list-item-thumbnail {
    flex-shrink: 0;
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.css-upload-list-item-thumbnail img {
    height: 100%;
    width: 100%
}

.css-upload-list-item-name {
    align-items: center;
    color: var(--color-text-1);
    display: flex;
    flex: 1;
    font-size: 14px;
    line-height: 1.4286;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-upload-list-item-name-link {
    color: rgb(var(--link-6));
    text-decoration: none
}

.css-upload-list-item-name-link,.css-upload-list-item-name-text {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.css-upload-list-item .css-upload-progress {
    line-height: 12px;
    margin-left: auto;
    position: relative
}

.css-upload-list-item .css-upload-progress:hover .css-progress-circle-bg {
    stroke: rgba(var(--gray-10),.2)
}

.css-upload-list-item .css-upload-progress:hover .css-progress-circle-bar {
    stroke: rgb(var(--primary-7))
}

.css-upload-list-item-operation {
    color: var(--color-text-2);
    font-size: 12px;
    margin-left: 12px
}

.css-upload-list-item-operation .css-upload-icon-remove {
    font-size: inherit
}

.css-upload-list-item-done .css-upload-list-status,.css-upload-list-item-error .css-upload-list-status {
    display: none
}

.css-upload-list-type-text .css-upload-list-item-error .css-upload-list-item-name,.css-upload-list-type-text .css-upload-list-item-error .css-upload-list-item-name-link {
    color: rgb(var(--danger-6))
}

.css-upload-list.css-upload-list-type-picture-card {
    display: flex;
    flex-wrap: wrap;
    vertical-align: top
}

.css-upload-list.css-upload-list-type-picture-card .css-upload-list-status {
    margin-left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.css-upload-list-picture {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
    margin-top: 0;
    padding-right: 0;
    transition: all .2s cubic-bezier(.34,.69,.1,1)
}

.css-upload-list-picture-status-error .css-upload-list-picture-mask {
    opacity: 1
}

.css-upload-list-picture {
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 80px
}

.css-upload-list-picture img {
    height: 100%;
    width: 100%
}

.css-upload-list-picture-mask {
    background: rgba(0,0,0,.5);
    bottom: 0;
    color: var(--color-white);
    cursor: pointer;
    font-size: 16px;
    left: 0;
    line-height: 80px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .1s linear
}

.css-upload-list-picture-operation {
    display: none;
    font-size: 14px
}

.css-upload-list-picture-operation .css-upload-icon-retry {
    color: var(--color-white)
}

.css-upload-list-picture-error-tip .css-upload-icon-error {
    color: var(--color-white);
    font-size: 26px
}

.css-upload-list-picture-mask:hover {
    opacity: 1
}

.css-upload-list-picture-mask:hover .css-upload-list-picture-operation {
    display: flex;
    justify-content: space-evenly
}

.css-upload-list-picture-mask:hover .css-upload-list-picture-error-tip {
    display: none
}

.css-upload-list-type-picture .css-upload-list-item-content {
    padding-bottom: 8px;
    padding-top: 8px
}

.css-upload-list-type-picture .css-upload-list-item-error .css-upload-list-item-content {
    background-color: var(--color-danger-light-1)
}

.css-upload-list-type-picture .css-upload-list-item-error .css-upload-list-item-name,.css-upload-list-type-picture .css-upload-list-item-error .css-upload-list-item-name-link {
    color: rgb(var(--danger-6))
}

.css-upload-hide+.css-upload-list .css-upload-list-item:first-of-type {
    margin-top: 0
}

.css-upload-slide-up-enter {
    opacity: 0
}

.css-upload-slide-up-enter-active {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.34,.69,.1,1)
}

.css-upload-slide-up-exit {
    opacity: 1
}

.css-upload-slide-up-exit-active {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .1s linear,height .3s cubic-bezier(.34,.69,.1,1) .1s,margin .3s cubic-bezier(.34,.69,.1,1) .1s
}

.css-upload-list-item.css-upload-slide-inline-enter {
    opacity: 0
}

.css-upload-list-item.css-upload-slide-inline-enter-active {
    opacity: 1;
    transition: opacity .2s linear
}

.css-upload-list-item.css-upload-slide-inline-exit {
    opacity: 1
}

.css-upload-list-item.css-upload-slide-inline-exit-active {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .1s linear,width .3s cubic-bezier(.34,.69,.1,1) .1s,margin .3s cubic-bezier(.34,.69,.1,1) .1s
}

.css-verification-code {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.css-verification-code .css-input {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 32px
}

.css-verification-code .css-input-size-small {
    width: 28px
}

.css-verification-code .css-input-size-mini {
    width: 24px
}

.css-verification-code .css-input-size-large {
    width: 36px
}

body {
    font-family: Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    --color-white: #fff;
    --color-black: #000;
    --color-border: rgb(var(--gray-3));
    --color-bg-popup: var(--color-bg-5);
    --color-bg-1: #fff;
    --color-bg-2: #fff;
    --color-bg-3: #fff;
    --color-bg-4: #fff;
    --color-bg-5: #fff;
    --color-bg-white: #fff;
    --color-neutral-1: rgb(var(--gray-1));
    --color-neutral-2: rgb(var(--gray-2));
    --color-neutral-3: rgb(var(--gray-3));
    --color-neutral-4: rgb(var(--gray-4));
    --color-neutral-5: rgb(var(--gray-5));
    --color-neutral-6: rgb(var(--gray-6));
    --color-neutral-7: rgb(var(--gray-7));
    --color-neutral-8: rgb(var(--gray-8));
    --color-neutral-9: rgb(var(--gray-9));
    --color-neutral-10: rgb(var(--gray-10));
    --color-text-1: var(--color-neutral-10);
    --color-text-2: var(--color-neutral-8);
    --color-text-3: var(--color-neutral-6);
    --color-text-4: var(--color-neutral-4);
    --color-fill-1: var(--color-neutral-1);
    --color-fill-2: var(--color-neutral-2);
    --color-fill-3: var(--color-neutral-3);
    --color-fill-4: var(--color-neutral-4);
    --color-border-1: var(--color-neutral-2);
    --color-border-2: var(--color-neutral-3);
    --color-border-3: var(--color-neutral-4);
    --color-border-4: var(--color-neutral-6);
    --color-primary-light-1: rgb(var(--primary-1));
    --color-primary-light-2: rgb(var(--primary-2));
    --color-primary-light-3: rgb(var(--primary-3));
    --color-primary-light-4: rgb(var(--primary-4));
    --color-secondary: var(--color-neutral-2);
    --color-secondary-hover: var(--color-neutral-3);
    --color-secondary-active: var(--color-neutral-4);
    --color-secondary-disabled: var(--color-neutral-1);
    --color-danger-light-1: rgb(var(--danger-1));
    --color-danger-light-2: rgb(var(--danger-2));
    --color-danger-light-3: rgb(var(--danger-3));
    --color-danger-light-4: rgb(var(--danger-4));
    --color-success-light-1: rgb(var(--success-1));
    --color-success-light-2: rgb(var(--success-2));
    --color-success-light-3: rgb(var(--success-3));
    --color-success-light-4: rgb(var(--success-4));
    --color-warning-light-1: rgb(var(--warning-1));
    --color-warning-light-2: rgb(var(--warning-2));
    --color-warning-light-3: rgb(var(--warning-3));
    --color-warning-light-4: rgb(var(--warning-4));
    --color-link-light-1: rgb(var(--link-1));
    --color-link-light-2: rgb(var(--link-2));
    --color-link-light-3: rgb(var(--link-3));
    --color-link-light-4: rgb(var(--link-4));
    --border-radius-none: 0;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
    --border-radius-circle: 50%;
    --color-tooltip-bg: rgb(var(--gray-10));
    --color-spin-layer-bg: hsla(0,0%,100%,.6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #fff;
    --color-menu-dark-hover: hsla(0,0%,100%,.04);
    --color-mask-bg: rgba(29,33,41,.6)
}

body[css-theme=dark] {
    --color-black: #000;
    --color-border: #333335;
    --color-bg-1: #17171a;
    --color-bg-2: #232324;
    --color-bg-3: #2a2a2b;
    --color-bg-4: #313132;
    --color-bg-5: #373739;
    --color-bg-white: #f6f6f6;
    --color-text-1: hsla(0,0%,100%,.9);
    --color-text-2: hsla(0,0%,100%,.7);
    --color-text-3: hsla(0,0%,100%,.5);
    --color-text-4: hsla(0,0%,100%,.3);
    --color-fill-1: hsla(0,0%,100%,.04);
    --color-fill-2: hsla(0,0%,100%,.08);
    --color-fill-3: hsla(0,0%,100%,.12);
    --color-fill-4: hsla(0,0%,100%,.16);
    --color-border-1: #2e2e30;
    --color-border-2: #484849;
    --color-border-3: #5f5f60;
    --color-border-4: #929293;
    --color-primary-light-1: rgba(var(--primary-6),.2);
    --color-primary-light-2: rgba(var(--primary-6),.35);
    --color-primary-light-3: rgba(var(--primary-6),.5);
    --color-primary-light-4: rgba(var(--primary-6),.65);
    --color-secondary: rgba(var(--gray-9),.08);
    --color-secondary-hover: rgba(var(--gray-8),.16);
    --color-secondary-active: rgba(var(--gray-7),.24);
    --color-secondary-disabled: rgba(var(--gray-9),.08);
    --color-danger-light-1: rgba(var(--danger-6),.2);
    --color-danger-light-2: rgba(var(--danger-6),.35);
    --color-danger-light-3: rgba(var(--danger-6),.5);
    --color-danger-light-4: rgba(var(--danger-6),.65);
    --color-success-light-1: rgb(var(--success-6),.2);
    --color-success-light-2: rgb(var(--success-6),.35);
    --color-success-light-3: rgb(var(--success-6),.5);
    --color-success-light-4: rgb(var(--success-6),.65);
    --color-warning-light-1: rgb(var(--warning-6),.2);
    --color-warning-light-2: rgb(var(--warning-6),.35);
    --color-warning-light-3: rgb(var(--warning-6),.5);
    --color-warning-light-4: rgb(var(--warning-6),.65);
    --color-link-light-1: rgba(var(--link-6),.2);
    --color-link-light-2: rgba(var(--link-6),.35);
    --color-link-light-3: rgba(var(--link-6),.5);
    --color-link-light-4: rgba(var(--link-6),.65);
    --color-tooltip-bg: #373739;
    --color-spin-layer-bg: rgba(51,51,51,.6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #232324;
    --color-menu-dark-hover: var(--color-fill-2);
    --color-mask-bg: rgba(23,23,26,.6)
}

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

    --primary-0: #e9f5f8;
    --primary-1: #e3f2fd;
    --primary-2: #BBDEFB;
    --primary-3: #90CAF9;
    --primary-4: #64B5F6;
    --primary-5: #42A5F5;
    --primary-6: #2196F3;
    --primary-7: #1E88E5;
    --primary-8: #1976D2;
    --primary-9: #1565C0;
    --primary-10: #0D47A1;

    --primary-1: 227,242,253;
    --primary-2: 187,222,251;
    --primary-3: 144,202,249;
    --primary-4: 100,181,246;
    --primary-5: 66,165,245;
    --primary-6: 33,150,243;
    --primary-7: 30,136,229;
    --primary-8: 25,118,210;
    --primary-9: 21,101,192;
    --primary-10: 13,71,161;
    --link-1: var(--arcoblue-1);
    --link-2: var(--arcoblue-2);
    --link-3: var(--arcoblue-3);
    --link-4: var(--arcoblue-4);
    --link-5: var(--arcoblue-5);
    --link-6: var(--arcoblue-6);
    --link-7: var(--arcoblue-7);
    --link-8: var(--arcoblue-8);
    --link-9: var(--arcoblue-9);
    --link-10: var(--arcoblue-10);
    --success-1: var(--green-1);
    --success-2: var(--green-2);
    --success-3: var(--green-3);
    --success-4: var(--green-4);
    --success-5: var(--green-5);
    --success-6: var(--green-6);
    --success-7: var(--green-7);
    --success-8: var(--green-8);
    --success-9: var(--green-9);
    --success-10: var(--green-10);
    --danger-1: var(--red-1);
    --danger-2: var(--red-2);
    --danger-3: var(--red-3);
    --danger-4: var(--red-4);
    --danger-5: var(--red-5);
    --danger-6: var(--red-6);
    --danger-7: var(--red-7);
    --danger-8: var(--red-8);
    --danger-9: var(--red-9);
    --danger-10: var(--red-10);
    --warning-1: var(--orange-1);
    --warning-2: var(--orange-2);
    --warning-3: var(--orange-3);
    --warning-4: var(--orange-4);
    --warning-5: var(--orange-5);
    --warning-6: var(--orange-6);
    --warning-7: var(--orange-7);
    --warning-8: var(--orange-8);
    --warning-9: var(--orange-9);
    --warning-10: var(--orange-10)
}

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

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.lr-tab:after {
    background: linear-gradient(90deg,var(--7b9e6e54),#fff)
}

.lr-tab::after,.lr-tab::before {
    content: "";
    display: block;
    height: 2px;
    width: 68px
}

.lr-tab::before {
    background: linear-gradient(90deg,#fff,var(--7b9e6e54))
}

.lr-tab-hs:after {
    background: linear-gradient(90deg,#9a9a9a,#fff)
}

.lr-tab-hs::after,.lr-tab-hs::before {
    content: "";
    display: block;
    height: 2px;
    width: 68px
}

.lr-tab-hs::before {
    background: linear-gradient(90deg,#fff,#9a9a9a)
}
.css-select-view-single {
    background-color: transparent;
    border-radius: 8px ;
}

.css-select-view-single:hover {
    border: 1px solid var(--3484240e) ;
}

.css-input-wrapper {
    background-color: #fff;
    border-color: #e6eefc;
    padding-left: 13px;
    padding-right: 13px;
}

.css-input-focus {
    border-color: var(--3484240e)
}

.css-input-tag {
    background-color: transparent;
    border: none;
    padding-left: 0
}

.css-picker {
    background-color: transparent;
    border-color: #e6eefc
}

.css-picker-focused {
    border-color: var(--3484240e)
}

.css-textarea-wrapper {
    background-color: transparent
}

.css-textarea-wrapper:hover {
    border-color: rgb(var(--primary-6))
}

.css-upload-progress {
    display: none
}

/* 语言选择器样式 - 隐藏radio外观 */
.language-radio-group .css-radio {
    padding-left: 0;
}

.language-radio .css-radio-icon {
    display: none;
}

.language-radio .css-radio-label {
    margin-left: 0;
    padding: 4px 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: all 0.2s ease;
    font-size: 14px;
    color: #333;
}

.language-radio:first-child .css-radio-label {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.language-radio:last-child .css-radio-label {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.language-radio:hover .css-radio-label {
    background-color: #f9f9f9;
}

.language-radio.css-radio-checked .css-radio-label {
    border-color: #4CAF50;
}

/* 移动端样式调整 - 语言和学历选择框 */
@media screen and (max-width: 768px) {
    /* 语言选择框移动端样式 */
    .language-radio-group .css-radio {
        margin: 0 5px;
    }

    .language-radio .css-radio-label {
        padding: 8px 12px;
        font-size: 12px;
        border-radius: 4px;
        margin: 0 3px;
    }

    .language-radio:first-child .css-radio-label,
    .language-radio:last-child .css-radio-label {
        border-radius: 4px;
        border: 1px solid #ccc;
    }

    .css-radio-group .css-radio {
        margin: 8px 5px;
    }

    #education .css-radio .css-radio-label {
        font-size: 12px;
    }

    /* 为整个表单组添加更多间距 */
    #language,
    #education {
        padding: 10px 0;
    }

/   /* 学校搜索框手机端样式 */
    #format {
        padding-left: 10px;
        padding-right: 10px;
    }
    .css-select-view-single {
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    .css-select-view-input {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
    }

    /* 学校搜索建议框手机端样式 */
    .school-suggest-box {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #FFFFFF;
        border-radius: 8px;
        border: 1px solid #E5E6EB;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        margin-top: 4px;
        max-height: 300px;
        overflow-y: auto;
    }
    .school-suggest-item {
        display: flex;
        align-items: center;
        padding: 12px 16px;
        cursor: pointer;
        border-bottom: 1px solid #F0F2F5;
    }
    .school-suggest-item:last-child {
        border-bottom: none;
    }
    .school-suggest-item:hover {
        background-color: #F7F8FA;
    }
    .school-suggest-item .logo {
        width: 36px;
        height: 36px;
        margin-right: 12px;
        border-radius: 4px;
    }
    .school-suggest-item .name {
        font-size: 14px;
        color: #333333;
        flex: 1;
    }
    .school-suggest-header {
        padding: 12px 16px;
        font-size: 12px;
        color: #909399;
        background-color: #F7F8FA;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
}

.text-16px {
    font-size: 16px ;
}

.w-154px {
    width: 154px;
}
.h-47px {
    height: 47px ;
}

.h-37px {
    height: 37px ;
}

.major-outline-main-item {
    width: 100%;
    min-height: 700px;
    height: calc(100vh - 186px);
    background: #fff;
    box-shadow: 0 4px 16px 1px rgba(98,101,107,.16);
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
    box-sizing: border-box;
    padding: 14px 14px 16px 14px;
}

.bottom-zone {
    background: #fff;
    box-shadow: 0 4px 16px 1px rgba(98,101,107,.16);
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
    box-sizing: border-box;
    padding: 14px 14px 16px 14px;
    margin-right: 23px;
}

.item-top-txt {
    font-size: 13px;
    color: #515864;
    display: flex;
    align-items: center;
    width: 100px;
    cursor: pointer;
    position: relative;
}

.item-top-txt img {
    margin-right: 2px;
}

.format-outline {
    position: absolute;
    width: 236px;
    height: 252px;
    background: #fff;
    box-shadow: 0 8px 20px 1px rgba(98,101,107,.2);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 20px;
    top: 20px;
    left: -252px;
    display: none;
    text-align: left;
    z-index: 999;
}

.format-outline-agent {
    position: absolute;
    width: 236px;
    height: 252px;
    background: #fff;
    box-shadow: 0 8px 20px 1px rgba(98,101,107,.2);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 20px;
    top: 15px;
    left: -12px;
    display: none;
    text-align: left;
    z-index: 9999;
}

.positionIcon {
    position: absolute;
    right: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 16px solid #fff;
    border-bottom: 12px solid transparent;
}

.format-outline .title {
    color: #515864;
    font-size: 12px;
    margin-bottom: 15px;
}

.title-level1 {
    color: #8b9098;
    font-size: 12px;
    margin-bottom: 6px;
}

.title-level3 {
    color: #515864;
    font-size: 12px;
    margin-bottom: 15px;
}

.title-level2 {
    height: 28px;
    background: #f5f6f7;
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
    width: 210px;
    line-height: 28px;
    text-align: left;
    color: #515864;
    font-size: 12px;
    margin-bottom: 13px;
    padding-left: 20px;
    box-sizing: border-box;
}

.title-r {
    font-size: 12px;
    margin-top: 12px;
    color: #8b9098;
    text-align: left;
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom: 13px;
}

.title-r .code {
    display: inline-block;
    height: 20px;
    padding: 0 4px;
    box-sizing: border-box;
    background: #f0f1f2;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    line-height: 20px;
}
.child-component-box {
    height: calc(100% - 121px);
    padding: 10px 4px 10px 10px;
    border: 1px solid #d9d9d9;
}

.outline-editor {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    height: 100%;
    outline: none;
    padding: 10px;
    overflow: auto;
    box-sizing: border-box;
    text-align: left;
}
.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-10px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(10px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(10px*var(--tw-space-x-reverse))
}

.space-x-20px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(20px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(20px*var(--tw-space-x-reverse))
}

.space-x-30px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(30px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(30px*var(--tw-space-x-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-15px>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(15px*var(--tw-space-y-reverse));
    margin-top: calc(15px*(1 - var(--tw-space-y-reverse)))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.leading-20px {
    line-height: 20px;
}
.text-12px {
    font-size: 12px;
}
.px-8px {
    padding-left: 8px;
    padding-right: 8px;
}
.to-\#FECA47 {
    --tw-gradient-to: #feca47 var(--tw-gradient-to-position);
}

.text-18px {
    font-size: 18px;
}

.text-15px {
    font-size: 15px;
}

.font-bold {
    font-weight: 700;
}
.text-32px {
    font-size: 32px;
}

.pt-50px {
    padding-top: 50px;
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.rounded-full {
    border-radius: 9999px;
}
.h-20px {
    height: 20px;
}
.h-25px {
    height: 25px;
}
.right-0 {
    right: 0;
}
.absolute {
    position: absolute;
}

.a3d9070f3497dec01ba5f08f98416e98_item {
    position: relative;
    display: block;
    width: 36px;
    right: 6px;
    border-radius: 18px;
    background-image: var(--bg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 2px 15px #0000001a;
    margin-bottom: 10px;
    text-decoration: none;
}

.a3d9070f3497dec01ba5f08f98416e98_item img {
    display: block;
    width: 100%;
    visibility: hidden;
}

.animate__animated {
    animation-duration: 5s; /* 单次动画持续时间 */
    animation-iteration-count: infinite;
}

.ml-13px {
    margin-left: 13px;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.my-30px {
    margin-bottom: 30px;
    margin-top: 30px;
}

.choose-ref {
    font-size: 14px;
    height: 32px;
    padding: 4px 15px;
    border-radius: 6px;
    outline: none;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    background-color: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    user-select: none;
    touch-action: manipulation;
    line-height: 1.5714285714285714;
    color: rgba(0, 0, 0, 0.88);
    background-color: #ffffff;
    border-color: #d9d9d9;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}
.choose-ref >span {
    display: inline-block;
}
.choose-ref .anticon {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.choose-ref .anticon svg {
    display: inline-block;
}

.ref-selected {
    background-color: rgba(var(--primary-1));
    border-color: rgba(var(--primary-6));
}

.ref-selected-checked {
    color: rgba(var(--primary-6));
    font-size: 24px;
    padding: 0 30px;
}

.wordNum-range {
    margin-top: 10px;
    padding: 0px 0px 0px 10px;
}

.outline-editor {
    border: 1px solid #fff!important;
}

.outline-editor {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    height: 100%;
    outline: none;
    padding: 10px;
    overflow: auto;
    box-sizing: border-box;
    text-align: left;
}

.outline-title.outline-lv1 {
    font-size: 14px;
    font-weight: 600;
    color: rgba(50,55,66,.85);
}

.outline-title {
    line-height: 1.6;
    font-weight: 400;
    text-align: left;
}

.outline-title:before {
    content: attr(data-lvt) " ";
    opacity: .6;
}

.outline-title.outline-lv2 {
    font-size: 13px;
    color: #606266;
    font-weight: 500;
    padding-left: 13px;
}

.outline-title+.outline-title {
    margin-top: 20px;
}

.outline-title.outline-lv2 {
    font-size: 13px;
    color: #606266;
    font-weight: 500;
    padding-left: 13px;
}

.outline-title.outline-lv3 {
    font-size: 12px;
    color: #606266;
    font-weight: 400;
    padding-left: 24px;
}


.result_pay_order {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.result_pay_order_hide_top {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    height: 150px;
    width: 100%;
}

.result_pay_order_content {
    align-items: center;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    color: #00ABFF;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 150px;
    justify-content: center;
    width: 100%;
}

.result_pay_order_content_flex {
    align-items: center;
    display: flex;
}

.result_pay_order_nested_loading {
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 14px;
    box-sizing: border-box;
}


.result_pay_order_spin_container {
    position: relative;
    transition: opacity 0.3s;
    box-sizing: border-box;
}

.result_pay_order_ant_btn {
    outline: none;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    background-color: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    user-select: none;
    touch-action: manipulation;
    line-height: 1.5714285714285714;
    color: rgba(0, 0, 0, 0.88);
}

.result_pay_order_btn {
    align-items: center;
    background-color: #00ABFF;
    background-size: 100%;
    color: #FFFFFF;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    height: 52px;
    justify-content: center;
    margin: 0 auto;
    width: 185px;
    padding: 4px 15px;
    font-size: 14px;
}

.result_pay_order_extra {
    display: flex;
    margin-top: 6px;
}

.result_pay_order_wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    display: inline-flex;
    align-items: baseline;
    cursor: pointer;
    margin-right: 2rem;
}

.result_pay_order_checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    top: 0.2em;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}

result_pay_order_checkboxed:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    visibility: hidden;
    border: 2px solid #00ABFF;
    animation-name: css-1c6ny5m-antCheckboxEffect;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
    content: "";
    transition: all 0.3s;
}

.result_pay_order_checkbox_inner {
    border-color: #00ABFF;
    box-sizing: border-box;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    border-collapse: separate;
    transition: all 0.3s;
}

.result_pay_order_checkbox_inner_selected {
    background-color: #00ABFF;
}

.result_pay_order_checkbox_inner:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.7142857142857135px;
    height: 9.142857142857142px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: "";
    opacity: 1;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.result_pay_order_pay_tip {
    align-items: center;
    display: flex;
    margin-top: 8px;
    text-align: center;
}

.result_pay_order_pay_tip_wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    display: inline-flex;
    align-items: baseline;
    cursor: pointer;
}

.result_pay_order_pay_tip_wrapper_checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    top: 0.2em;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}

.result_pay_order_pay_tip_wrapper_checkbox_input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    box-sizing: border-box;
}

result_pay_order_pay_tip_wrapper_checkbox+span {
    padding-left: 8px;
    padding-right: 8px;
}

.innerLabel {
    font-size: 12px!important;
}

.requirementInput {
    padding: 4px;
    height: 30px;
    font-size: 12px;
    width: 12rem;
    box-shadow: none;
    border: 1px solid #e0ecf5;
    background-clip: initial;
    border-radius: .375rem;
}

.requirementInput::placeholder {
    font-size: 11px;
}
/* 针对旧版本浏览器兼容 */
.requirementInput:-ms-input-placeholder { /* IE10-11 */
    font-size: 11px;
}
.requirementInput::-ms-input-placeholder { /* Edge */
    font-size: 11px;
}
.requirementInput::-webkit-input-placeholder { /* Chrome/Safari/Opera */
    font-size: 11px;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.75rem;
}

.alert-primary {
    color: #0055ff;
    background-color: #eaf1ff;
    border-color: #eaf1ff;
}
.alert-success {
    color: #00BE82;
    background-color: #e9ffeb;
    border-color: #e9ffeb;
}
.alert-warning {
    color: #ffac45;
    background-color: #fff5e9;
    border-color: #fff5e9;
}
.alert-info {
    color: #08a7c1;
    background-color: #effdff;
    border-color: #effdff;
}
.alert-danger {
    color: #e55151;
    background-color: #ffe9e9;
    border-color: #ffe9e9;
}
.alert-dark {
    color: #3e4758;
    background-color: #eff4ff;
    border-color: #eff4ff;
}
.alert-secondary {
    color: #4b5d6f;
    background-color: #d6dfe8;
    border-color: #d6dfe8;
}

#tip {
    width: 15%;
}

.major-jump-box {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 2rem;
}

.major-jump-box img {
    display: inline;
}

.box-item {
    width: 12rem;
    height: 10rem;
    background: linear-gradient(180deg, rgb(125 183 247 / 10%), rgba(245, 246, 247, 0));
    border-radius: 10px 10px 10px 10px;
    padding-top: 10px;
    box-sizing: border-box;
    text-align: center;
}

.box-item-t1 {
    margin-top: 20px;
    margin-bottom: 6px;
    color: #3f4654;
    font-size: 14px;
    text-align: center;
}

.box-item-t2 {
    color: #8b9098;
    font-size: 13px;
    text-align: center;
}

.tipInfo {
    color: #b0afaf;
    font-size: 14px;
    background-color: #fcfbfb;
    width: 100%;
}

.tipInfo p {
    line-height: 1.8;
    margin: 0 0 10px;
}

.preview_page_summary {
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
    text-align: center;
}

.preview_page_summary_space {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
}

.preview_page_summary_content {
    font-size: 16px;
    line-height: 32px;
    white-space: pre-line;
    word-break: break-all;
    text-indent: 2em;
}

.preview_page_chapter_title {
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
    text-align: center;
}

.preview_page_chapter_content {
    text-align: center;
    word-break: break-all;
    line-height: 30px;
}

.preview_page_chapter_content li {
    padding: 0.1rem;
}

.result_pay_order_hide_top {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    height: 150px;
    width: 100%;
}

.result_pay_order_content {
    align-items: center;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    color: #00ABFF;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 150px;
    justify-content: center;
    width: 100%;
}

.result_result {
    flex: 1 1;
    padding: 30px 0 0;
}

.css-modal-container {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.css-modal-mask, .css-modal-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.css-modal-mask {
    background-color: rgba(29,33,41,.6);
}

.css-modal-wrapper {
    overflow: auto;
    text-align: center;
}

.pay-modal-wrapper {
    width: 50% !important;
    max-width: 50% !important;
}

.css-modal {
    background-color: var(--color-bg-3);
    border-radius: var(--border-radius-medium);
    display: inline-block;
    line-height: 1.5715;
    margin: 0 auto;
    position: relative;
    text-align: left;
    top: 100px;
    white-space: normal;
    width: 520px;
}

.css-modal-body {
    color: var(--color-text-1);
    font-size: 14px;
    overflow: auto;
    padding: 24px 20px;
    position: relative;
}

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

.css-spin {
    display: inline-block;
}

.size-200px {
    height: 200px;
    width: 200px;
}

.pay_wrap {
    border: 6px solid rgb(var(--primary-6));
}


element.style {
}
.css-input-wrapper {
    background-color: var(--color-fill-2);
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    color: var(--color-text-1);
    cursor: text;
    display: inline-flex;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    transition: color .1s
    linear, border-color .1s
    linear, background-color .1s
    linear;
    width: 100%;
}

#payZone iframe {
    display: block;
    text-align: center;
    width: 140px;
    height: 140px;
}

.w-150px {
    width: 150px;
}

.h-150px {
    height: 150px;
}

.css-menu-inline-content {
    overflow: hidden !important;
    height: 0 !important;
    opacity: 0 !important;
    /* 使用自然的cubic-bezier缓动函数和更多过渡属性 */
    transition: height 1.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 1.2s cubic-bezier(0.34, 1.56, 0.64, 1), padding-top 1.2s cubic-bezier(0.34, 1.56, 0.64, 1), padding-bottom 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-sizing: border-box !important;
    will-change: height, opacity !important; /* 优化渲染性能 */
}

.css-menu-inline-content.menu-open {
    height: auto !important;
    opacity: 1 !important;
}

.css-menu-icon-suffix {
    /* 同步图标的过渡效果，使用相同的缓动函数 */
    transition: transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: transform;
}

.css-menu-icon-suffix.is-open {
    transform: rotate(90deg);
}

.py-30px {
    padding-bottom: 30px;
    padding-top: 30px;
}

.px-110px {
    padding-left: 110px;
    padding-right: 110px;
}

span.verify-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    top: 90%;
    right: -6px;
    z-index: 1;
    color: #ffffff;
    background: rgba(var(--primary-6));
    border-radius: 50%;
    border: 2px solid #ffffff;
}
span.checked-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    top: 70%;
    right: -6px;
    z-index: 1;
    color: #ffffff;
    background: #017efa;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.featured {
    -tw-bg-opacity: 1;
    border: 2px solid rgba(var(--primary-6), var(--tw-text-opacity, 1)) !important;
}

.pagination {
    font-size: 16px;
    text-align: center;
}
.pagination .page_details {
    line-height: 2.3;
}
.pagination .page_to {
    display: inline-block;
    margin-left: 20px;
}
.pagination .page_to li {
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid #ddd;
    padding:5px 10px;
    color: #ffffff;
    background: #444444;
    cursor: pointer;
    border-radius: 20px;
    margin-right: 10px;
}
.pagination .page_to li.page_hide {
    display: none;
}
.pagination .page_to li:hover {
    color: #ee4730;
    background-color: #f4f4f4;
    border-color: #DDDDDD;
}
.pagination .page_to li:first-child {
    border-left-width: 1px;
}
.pagination .page_jump {
    display: inline-block;
    width: 180px;
}
.pagination .page_jump input.page_jump_input {
    width: 52px;
    height: 28px;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin:0 4px;
}
.pagination .page_jump input.page_jump_btn {
    display: inline-block;
    padding: 7px 20px;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ee4730;
    color: #FFFFFF;
    font-weight: bold;
}

.dashboard_property {
    background: #ffffff;
    border-radius: 0.4rem;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 10px 0 rgb(62 28 131 / 10%);
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.text_rewrite {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 0;
    border: 1px solid #e6e8f4;
    background-color: #fff;
    box-shadow: 0px 0px 10px #e6e8f4;
}
.text_rewrite .left {
    width: 50%;
    height: 100%;
    border-right: 1px solid #e6e8f4;
}

.text_rewrite .left {
    width: 100%;
    height: 100%;
    border-right: 1px solid #e6e8f4;
}

.text_rewrite .left .rewrite_title {
    height: 12rem;
    width: 100%;
    box-sizing: border-box;
    line-height: 4rem;
    font-size: 18px;
    padding-left: 1rem;
    border-bottom: 1px solid #e6e8f4;
}

.text_rewrite .right .rewrite_title {
    height: 12rem;
    width: 100%;
    box-sizing: border-box;
    line-height: 4rem;
    font-size: 18px;
    padding-left: 1rem;
    border-bottom: 1px solid #e6e8f4;
}

.text_rewrite .left .rewrite_title {
    height: 4rem;
    width: 100%;
    box-sizing: border-box;
    line-height: 4rem;
    font-size: 18px;
    padding-left: 1rem;
    border-bottom: 1px solid #e6e8f4;
}

.text_rewrite .left .input_wrapper {
    position: relative;
    height: 32rem;
    border-bottom: 1px solid #e6e8f4;
    box-sizing: border-box;
}

.text_rewrite .left .input_wrapper textarea {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    border: 0px;
    resize: none;
    padding: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: 'Microsoft Yahei';
    color: #999999;
    text-align: justify;
}

.text_rewrite .right .input_wrapper {
    position: relative;
    height: 32rem;
    border-bottom: 1px solid #e6e8f4;
    box-sizing: border-box;
}

.text_rewrite .right .input_wrapper textarea {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    border: 0px;
    resize: none;
    padding: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: 'Microsoft Yahei';
    color: #999999;
    text-align: justify;
}

.text_rewrite .left .input_wrapper .limit_tag {
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: #000000;
}

.text_rewrite .footer_wrapper {
    height: 4rem;
    width: 100%;
    display: -ms-flexbox;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1rem;
}

.text_rewrite .footer_wrapper .tips {
    font-size: 12px;
    color: #7f7f7f;
    margin-right: 20px;
}

.text_rewrite .footer_wrapper .check_box {
    margin-right: 20px;
    font-size: 14px;
    color: #555555;
}


.text_rewrite .left .footer_wrapper .check_box select {
    margin-left: 10px;
    width: 40px;
    height: 20px;
    border: 1px solid #555555;
    border-radius: 2px;
    outline: none;
}

.text_rewrite .begin_btn {
    width: 7rem;
    height: 3rem;
    color: #fff;
    background-color: #00ABFF;
    border-radius: 4px;
    text-align: center;
    line-height: 3rem;
    cursor: pointer;
}

.text_rewrite .right {
    width: 100%;
    height: 100%;
}

.text_rewrite .right .rewrite_title {
    height: 4rem;
    width: 100%;
    box-sizing: border-box;
    line-height: 4rem;
    font-size: 18px;
    padding-left: 1rem;
    border-bottom: 1px solid #e6e8f4;
}

.text_rewrite .right .result {
    height: 32rem;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e8f4;
    font-size: 16px;
    resize: none;
    padding: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: 'Microsoft Yahei';
    text-align: justify;
    white-space: normal;
    overflow-y: auto;
}

.text_rewrite .right .result .normal {
    color: #000;
    max-width: 100%;
    word-break: normal;
    width: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

.text_rewrite .right .footer {
    width: 100%;
    padding-left: 20px;
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box;
    color: #7f7f7f;
}

.text-rewrite .tip {
    mso-bidi-font-size: 10.5pt;
    font-family: '微软雅黑',sans-serif;
    mso-bidi-font-family: 宋体;
    color: #657384;
    mso-font-kerning: 0pt;
}

.text-rewrite .span-text {
    color: #657384;
    font-family: 微软雅黑, sans-serif;
}

.text-rewrite .body {
    text-align: left;
    mso-pagination: widow-orphan;
    vertical-align: baseline;
}

.form-control {
    margin-top: -0.7rem;
    height: 50px;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #e0ecf5;
    background-clip: initial;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
}

.form-select {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #e0ecf5;
    border-radius: .375rem;
    transition: border-color .15s
    ease-in-out, box-shadow .15s
    ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 0px;
}


#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    padding-left: 0rem;
}

#progressbar li {
    list-style-type: none;
    color: #2C3E50;
    text-transform: uppercase;
    font-size: 16px;
    width: 25%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}

.auxiliary {
    color: #999999;
    font-size: 12px;
    margin-top: 10px;
    user-select: none;
    background-color: #f8f8f8;
    display: inline-block;
    padding: 8px 10px;
    font-weight: bold;
}

.preTotalWordCount {
    color: green;
    font-weight: bold;
    font-size: 14px;
}

.preDeductTokens {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 10px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.result_title {
    padding: 10px 11px;
    border-radius: 4px;
    background-color: rgba(17, 17, 17, .05);
    margin-right: 10px;
    margin-bottom: 10px;
    color: rgba(64, 64, 64, .5);
    font-size: 16px;
}

.zyDivContent1 {
    background: rgba(242, 242, 245, .4);
    padding-left: 10px;
    padding-right: 10px;
}

.w_dle_read_only {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px;
    padding: 15px;
}

.w_dle_content {
    display: flex;
    flex: 1 1;
    flex-direction: column;
}

.w_dle_input {
    align-items: center;
    display: flex;
    flex: 1 1;
}

.w_dle_textarea1 {
    text-align: left;
    max-width: 100%;
    min-height: 32px;
    vertical-align: bottom;
    resize: vertical;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    font-size: 14px;
    resize: none;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition: all 0.2s;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

#progressbar li.active:before, #progressbar li.active:after {
    background: #24be58;
    color: white;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 16px;
    color: #333;
    background: rgb(240 240 240);
    border-radius: 25px;
    margin: 0 auto 10px auto;
    z-index: 10;
    position: relative;
}

/* 桌面端媒体查询 - 显示桌面内容，隐藏移动端内容 */
@media screen and (min-width: 769px) {
    body {
        padding-bottom: 0 !important;
    }
    .mobile-only-content {
        display: none !important;
    }

    .desktop-content {
        display: block !important;
    }

    body {
        padding-bottom: 0 !important;
    }
}

.topHeaders .topHeader:hover {
    -tw-bg-opacity: 1;
    color: rgba(var(--primary-6), var(--tw-text-opacity, 1));
}

.currentStep {
    box-shadow: 0 0 3px 3px rgba(var(--primary-6)); animation: pulse-shadow 1.5s infinite, glow-shine 2s infinite;
}

@keyframes glow-shine {
    0%, 100% {
        box-shadow: 0 0 3px 3px rgba(var(--primary-6));
    }
    50% {
        box-shadow: 0 0 3px 3px rgba(var(--primary-6)), 0 0 15px 8px rgba(var(--primary-6), 0.6), 0 0 25px 12px rgba(var(--primary-6), 0.3);
    }
}

.bg_1 {
    background-image: url("https://lebaoai.oss-cn-nanjing.aliyuncs.com/staticresource/newskin/home-sjsj-hs.png");
}

.bg_1:hover {
    background-image: url("https://lebaoai.oss-cn-nanjing.aliyuncs.com/staticresource/newskin/home-sjsj.png");
}

.bg_text:hover {
    -tw-bg-opacity: 1;
    color: rgba(var(--primary-6), var(--tw-text-opacity, 1));
}

.tab-container {
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 2px;
}
.tab-item {
    padding: 8px 40px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.tab-item.tab-active {
    border-left: 1px solid #98dfd2;
    border-right: 1px solid #98dfd2;
    border-top: 2px solid #39BAA6;
    background: #fff;
    color: #39BAA6;
    height: 41px;
    margin-top: -2px;
}

.tab_box {
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 51px 0 33px;
}

.tab {
    position: relative;
    margin-right: 30px;
}

.tab h2 {
    color: rgba(0, 0, 0, .5);
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

.tab_box .active:after {
    content: "";
    display: block;
    width: 60px;
    height: 8px;
    border-radius: 4px;
    background-color: rgba(var(--primary-6));
    position: absolute;
    left: 50%;
    bottom: 5;
    transform: translate(-50%);
    z-index: 1;
}


.carousel-container {
    width: 100%;
    height: 240px;
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.carousel {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.5s;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-item0 {
    position: absolute;
    width: 70%;
    max-width: 600px;
    height: 250px;
    backface-visibility: hidden;
    transition: all 0.5s ease;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.carousel-item0 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s;
}

.carousel-item0:hover img {
    transform: scale(1.05);
}

.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    transition: all 0.3s;
}

.carousel-control:hover {
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.carousel-control.prev {
    left: 10px;
}

.carousel-control.next {
    right: 10px;
}

.carousel-dots {
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 100;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s;
}

.dot.active {
    background-color: white;
    transform: scale(1.3);
}

.tabLine {
    margin-left: 7px;
}

.reference-editor {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    min-height: 150px;
    outline: none;
    padding: 10px;
    overflow: auto;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #fff!important;
}

.w_dle {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px;
    padding: 15px;
}

.w_dle_read_only {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px;
    padding: 15px;
}

.w_dle:hover {
    box-shadow: 0 1px 4px rgba(68, 90, 116, .25);
}

.w_dle_img {
    color: #999;
    margin-top: 12px;
}

.w_dle_anticon {
    display: inline-flex;
    align-items: center;
    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;
}

.w_dle_content {
    display: flex;
    flex: 1 1;
    flex-direction: column;
}

.w_dle_input {
    align-items: center;
    display: flex;
    flex: 1 1;
}

.w_dle_textarea {
    text-align: left;
    max-width: 100%;
    min-height: 32px;
    line-height: 1.5714285714285714;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
    resize: vertical;

    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
    resize: none;
    height: 36px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition: all 0.2s;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.w_dle_textarea1 {
    text-align: left;
    max-width: 100%;
    min-height: 32px;
    vertical-align: bottom;
    resize: vertical;

    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    font-size: 14px;
    resize: none;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition: all 0.2s;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.w_dle_btn {
    width: 30px;
    border-radius: 4px;
    background-color: #ff4d4f;
    box-shadow: 0 2px 0 rgba(255, 38, 5, 0.06);
    color: #ffffff;
    outline: none;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    user-select: none;
    touch-action: manipulation;
    line-height: 1.5714285714285714;
    box-sizing: border-box;
}


.ui-state-default:hover {
    cursor: pointer;
}

.ui-state-default {
    border: 0px solid #c5c5c5 !important;
}

.w_dle_drag {
    background-color: rgba(238, 182, 115, 0.13);
    border-color: #f7941d;
}


/* 电脑端样式：两个一组水平排列 - 增加选择器特异性 */
.flex .btns {
    grid-template-columns: repeat(2, 1fr)!important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-width: 15rem !important;
}
.flex .btns button {
    flex-shrink: 0 !important;
    max-width: 100px !important; /* 限制最大宽度 */
}
/* 每两个按钮后自动换行 */
.flex .btns button:nth-child(odd) {
    margin-right: 10px !important;
}
.flex .btns button:nth-child(even) {
    margin-right: 0 !important;
}

/* 确保覆盖模板中的原始flex-col样式 */
.orderItem .flex .btns {
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.h-238px {
    height: 238px;
}

.activityItem {
    --tw-space-x-reverse: 0;
    margin-left: calc(30px * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(30px * var(--tw-space-x-reverse));
}

.veshm-pricing-middle {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 1rem 1rem;
}

.veshm-prc-title h2 {
    font-size: 40px;
    line-height: 1;
    color: #017efa;
}

.veshm-prc-title h2 sup {
    font-size: 20px;
    vertical-align: super;
    font-weight: 600;
    color: #8fa0b2;
}

sup {
    top: -.5em;
}
sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline;
}

.veshm-prc-title h2 {
    font-size: 40px;
    line-height: 1;
    color: #017efa;
}

.veshm-prc-title h2 sub {
    font-size: 18px;
    font-weight: 600;
    color: red;
    text-decoration: line-through;
}
sub {
    bottom: -.25em;
}

.veshm-pricing-content {
    padding: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
}

.veshm-pricing-content ul {
    position: relative;
    padding: 0;
    margin: 0;
}

.veshm-pricing-content ul li {
    padding: 0.8rem 1rem;
    list-style: none;
    border-bottom: 1px solid #f1f3f7;
    font-weight: 500;
    font-size: 15px;
}

.veshm-pricing-content ul li i {
    margin-right: 10px;
    color: #0baf81;
}

.veshm-pricing-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 1rem;
}

.veshm-pricing-footer .btn.btn-subscribe {
    background: rgb(1 126 250 / 10%);
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #017efa;
}

.activityItem.featured .veshm-pricing-footer .btn.btn-subscribe {
    background: #017efa;
    color: #ffffff;
}

.index-article-list ul {
    overflow: hidden;
    padding: 15px 0 15px 20px;
    font-size: 14px;
}

.index-article-list li {
    float: left;
    overflow: hidden;
    padding-right: 20px;
    width: 33.33333%;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}

.index-article-list a {
    margin-right: 20px;
    padding-left: 24px;
    background: url(data:image/gif;base64,R0lGODlhDQAFAKIAAKOjo6GhoampqYSEhJWVlZ2dnZmZmXx8fCH5BAAAAAAALAAAAAANAAUAAAMVKLfcB6PIScsZJuttLvlgSByK4wQJADs=) no-repeat 2px 9px;
}

#boxs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    position: fixed;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    margin: 5px;
}

#boxs img {
    width: 60px;
    height: 60px;
}

.welcome-body .welcome-navbar-nav li a {
    color: #666666;
    display: block;
    font-size: 16px;
    font-family: Tahoma;
    text-transform: uppercase;
    line-height: 2;
    padding: 25px 15px;
    font-weight: normal;
    font-style: normal;
}