.container {
    width: 100%
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: 1440px
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}
@media (min-width: 1660px) {
    .container {
        max-width: 1660px
    }
}
.font-headline {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-bold, 600);
    font-size: var(--font-size-xxl, 20px);
    line-height: var(--line-height-xxl, 28px)
}
.font-title {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-bold, 600);
    font-size: var(--font-size-xl, 16px);
    line-height: var(--line-height-xl, 24px)
}
.font-subtitle {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-bold, 600);
    font-size: var(--font-size-l, 15px);
    line-height: var(--line-height-l, 22px)
}
.font-body-bold {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-bold, 600);
    font-size: var(--font-size-m, 14px);
    line-height: var(--line-height-m, 20px)
}
.font-body {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-reg, 400);
    font-size: var(--font-size-m, 14px);
    line-height: var(--line-height-m, 20px)
}
.font-label-bold {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-bold, 600);
    font-size: var(--font-size-s, 12px);
    line-height: var(--line-height-s, 16px)
}
.font-label {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-reg, 400);
    font-size: var(--font-size-s, 12px);
    line-height: var(--line-height-s, 16px)
}
.font-body-num-bold {
    font-family: var(--font-family-number, "OPPOSans", "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-bold, 600);
    font-size: var(--font-size-m, 14px);
    line-height: var(--line-height-m, 20px)
}
.font-body-num {
    font-family: var(--font-family-number, "OPPOSans", "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-reg, 400);
    font-size: var(--font-size-m, 14px);
    line-height: var(--line-height-m, 20px)
}
.font-label-num-bold {
    font-family: var(--font-family-number, "OPPOSans", "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-bold, 600);
    font-size: var(--font-size-s, 12px);
    line-height: var(--line-height-s, 16px)
}
.font-label-num {
    font-family: var(--font-family-number, "OPPOSans", "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-reg, 400);
    font-size: var(--font-size-s, 12px);
    line-height: var(--line-height-s, 16px)
}
.typography-body-relaxed {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-reg, 400);
    font-size: var(--font-size-m, 14px);
    line-height: var(--line-height-xl, 24px)
}
.typography-label-relaxed {
    font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
    font-weight: var(--font-weight-reg, 400);
    font-size: var(--font-size-s, 12px);
    line-height: var(--line-height-m, 20px)
}
.pointer-events-none {
    pointer-events: none
}
.visible {
    visibility: visible
}
.invisible {
    visibility: hidden
}
.\!collapse {
    visibility: collapse !important
}
.collapse {
    visibility: collapse
}
.static {
    position: static
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.sticky {
    position: sticky
}
.inset-0 {
    inset: 0px
}
.bottom-0 {
    bottom: 0px
}
.bottom-2 {
    bottom: 0.5rem
}
.bottom-\[18px\] {
    bottom: 18px
}
.left-0 {
    left: 0px
}
.left-20 {
    left: 5rem
}
.left-3 {
    left: 0.75rem
}
.right-0 {
    right: 0px
}
.right-2 {
    right: 0.5rem
}
.right-20 {
    right: 5rem
}
.right-8 {
    right: 2rem
}
.right-\[144px\] {
    right: 144px
}
.top-0 {
    top: 0px
}
.top-1\/2 {
    top: 50%
}
.top-8 {
    top: 2rem
}
.top-\[72px\] {
    top: 72px
}
.z-20 {
    z-index: 20
}
.z-30 {
    z-index: 30
}
.m-2 {
    margin: 0.5rem
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}
.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem
}
.mb-2 {
    margin-bottom: 0.5rem
}
.mb-3 {
    margin-bottom: 0.75rem
}
.mb-6 {
    margin-bottom: 1.5rem
}
.mb-\[-42px\] {
    margin-bottom: -42px
}
.ml-1 {
    margin-left: 0.25rem
}
.ml-2 {
    margin-left: 0.5rem
}
.ml-3 {
    margin-left: 0.75rem
}
.ml-\[10px\] {
    margin-left: 10px
}
.ml-\[2px\] {
    margin-left: 2px
}
.ml-auto {
    margin-left: auto
}
.mr-1 {
    margin-right: 0.25rem
}
.mr-2 {
    margin-right: 0.5rem
}
.mr-3 {
    margin-right: 0.75rem
}
.mr-4 {
    margin-right: 1rem
}
.mt-1 {
    margin-top: 0.25rem
}
.mt-2 {
    margin-top: 0.5rem
}
.mt-4 {
    margin-top: 1rem
}
.mt-6 {
    margin-top: 1.5rem
}
.mt-\[4px\] {
    margin-top: 4px
}
.box-content {
    box-sizing: content-box
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.inline {
    display: inline
}
.\!flex {
    display: flex !important
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.table {
    display: table
}
.grid {
    display: grid
}
.contents {
    display: contents
}
.hidden {
    display: none
}
.\!h-full {
    height: 100% !important
}
.h-0 {
    height: 0px
}
.h-12 {
    height: 3rem
}
.h-3 {
    height: 0.75rem
}
.h-4 {
    height: 1rem
}
.h-5 {
    height: 1.25rem
}
.h-6 {
    height: 1.5rem
}
.h-7 {
    height: 1.75rem
}
.h-8 {
    height: 2rem
}
.h-9 {
    height: 2.25rem
}
.h-\[10px\] {
    height: 10px
}
.h-\[12px\] {
    height: 12px
}
.h-\[160px\] {
    height: 160px
}
.h-\[20px\] {
    height: 20px
}
.h-\[32px\] {
    height: 32px
}
.h-\[61px\] {
    height: 61px
}
.h-\[64px\] {
    height: 64px
}
.h-auto {
    height: auto
}
.h-full {
    height: 100%
}
.h-screen {
    height: 100vh
}
.\!w-10 {
    width: 2.5rem !important
}
.\!w-full {
    width: 100% !important
}
.w-12 {
    width: 3rem
}
.w-5 {
    width: 1.25rem
}
.w-7 {
    width: 1.75rem
}
.w-8 {
    width: 2rem
}
.w-\[100\%\] {
    width: 100%
}
.w-\[10px\] {
    width: 10px
}
.w-\[1px\] {
    width: 1px
}
.w-\[200px\] {
    width: 200px
}
.w-\[88x\] {
    width: 88x
}
.w-auto {
    width: auto
}
.w-full {
    width: 100%
}
.w-screen {
    width: 100vw
}
.min-w-0 {
    min-width: 0px
}
.min-w-\[104px\] {
    min-width: 104px
}
.max-w-\[70\%\] {
    max-width: 70%
}
.flex-1 {
    flex: 1 1 0%
}
.flex-\[0_0_73px\] {
    flex: 0 0 73px
}
.flex-none {
    flex: none
}
.flex-shrink-0 {
    flex-shrink: 0
}
.shrink-0 {
    flex-shrink: 0
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    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))
}
.rotate-180 {
    --tw-rotate: 180deg;
    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))
}
.scale-\[2\] {
    --tw-scale-x: 2;
    --tw-scale-y: 2;
    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))
}
.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))
}
.cursor-pointer {
    cursor: pointer
}
.cursor-zoom-in {
    cursor: zoom-in
}
.select-none {
    -moz-user-select: none;
         user-select: none
}
.select-all {
    -moz-user-select: all;
         user-select: all
}
.resize {
    resize: both
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.flex-row {
    flex-direction: row
}
.flex-row-reverse {
    flex-direction: row-reverse
}
.flex-col {
    flex-direction: column
}
.flex-wrap {
    flex-wrap: wrap
}
.items-start {
    align-items: flex-start
}
.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
}
.gap-0\.5 {
    gap: 0.125rem
}
.gap-1 {
    gap: 0.25rem
}
.gap-1\.5 {
    gap: 0.375rem
}
.gap-2 {
    gap: 0.5rem
}
.gap-3 {
    gap: 0.75rem
}
.gap-4 {
    gap: 1rem
}
.gap-6 {
    gap: 1.5rem
}
.gap-\[2px\] {
    gap: 2px
}
.overflow-auto {
    overflow: auto
}
.\!overflow-hidden {
    overflow: hidden !important
}
.overflow-hidden {
    overflow: hidden
}
.overflow-scroll {
    overflow: scroll
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.whitespace-nowrap {
    white-space: nowrap
}
.\!rounded {
    border-radius: 0.25rem !important
}
.\!rounded-\[inherit\] {
    border-radius: inherit !important
}
.\!rounded-none {
    border-radius: 0px !important
}
.\!rounded-radius-s {
    border-radius: var(--radius-s) !important
}
.rounded {
    border-radius: 0.25rem
}
.rounded-\[4px\] {
    border-radius: 4px
}
.rounded-\[5px\] {
    border-radius: 5px
}
.rounded-\[8px\] {
    border-radius: 8px
}
.rounded-full {
    border-radius: 9999px
}
.rounded-lg {
    border-radius: 0.5rem
}
.rounded-radius-s {
    border-radius: var(--radius-s)
}
.rounded-radius-xs {
    border-radius: var(--radius-xs)
}
.rounded-sm {
    border-radius: 0.125rem
}
.rounded-xl {
    border-radius: 0.75rem
}
.\!border-0 {
    border-width: 0px !important
}
.border {
    border-width: 1px
}
.border-\[1\.5px\] {
    border-width: 1.5px
}
.border-solid {
    border-style: solid
}
.border-primary-5 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary-5) / var(--tw-border-opacity, 1))
}
.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1))
}
.border-transparent {
    border-color: transparent
}
.\!bg-bg-color-button {
    background-color: var(--bg-color-button) !important
}
.\!bg-bg-color-button-hover {
    background-color: var(--bg-color-button-hover) !important
}
.\!bg-bg-color-popover {
    background-color: var(--bg-color-popover) !important
}
.\!bg-bg-color-select {
    background-color: var(--bg-color-select) !important
}
.\!bg-gray-7 {
    background-color: var(--color-gray-7) !important
}
.\!bg-transparent {
    background-color: transparent !important
}
.bg-\[rgba\(17\2c 14\2c 23\2c 0\.24\)\] {
    background-color: rgba(17,14,23,0.24)
}
.bg-\[rgba\(176\2c 157\2c 218\2c 0\.08\)\] {
    background-color: rgba(176,157,218,0.08)
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
    background-color: rgba(255,255,255,0.08)
}
.bg-bg-4 {
    background-color: var(--color-bg-4)
}
.bg-bg-color-button {
    background-color: var(--bg-color-button)
}
.bg-bg-color-label-dark {
    background-color: var(--bg-color-label-dark)
}
.bg-bg-color-label-light {
    background-color: var(--bg-color-label-light)
}
.bg-bg-color-select {
    background-color: var(--bg-color-select)
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
.bg-border-color-level-2 {
    background-color: var(--border-color-level-2)
}
.bg-brand-color {
    background-color: var(--brand-color)
}
.bg-gray-2 {
    background-color: var(--color-gray-2)
}
.bg-gray-5 {
    background-color: var(--color-gray-5)
}
.bg-mask-dark {
    background-color: var(--mask-dark)
}
.bg-purplegray-6 {
    background-color: var(--color-purplegray-6)
}
.bg-purplegray-8 {
    background-color: var(--color-purplegray-8)
}
.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.from-black\/0 {
    --tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.to-black\/50 {
    --tw-gradient-to: rgb(0 0 0 / 0.5) var(--tw-gradient-to-position)
}
.bg-auto {
    background-size: auto
}
.bg-clip-content {
    background-clip: content-box
}
.object-contain {
    -o-object-fit: contain;
       object-fit: contain
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.\!p-0 {
    padding: 0px !important
}
.p-0\.5 {
    padding: 0.125rem
}
.p-2 {
    padding: 0.5rem
}
.p-3 {
    padding: 0.75rem
}
.p-4 {
    padding: 1rem
}
.\!px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px
}
.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}
.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}
.pl-6 {
    padding-left: 1.5rem
}
.pl-\[3px\] {
    padding-left: 3px
}
.pr-1 {
    padding-right: 0.25rem
}
.pr-6 {
    padding-right: 1.5rem
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.font-OPPOSans {
    font-family: OPPOSans
}
.font-number {
    font-family: var(--font-family-number)
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.text-\[12px\] {
    font-size: 12px
}
.text-\[15px\] {
    font-size: 15px
}
.text-base {
    font-size: 0.875rem;
    line-height: 1.375rem
}
.text-lg {
    font-size: 1rem;
    line-height: 1.5rem
}
.text-size-l {
    font-size: var(--font-size-l);
    line-height: var(--line-height-l)
}
.text-size-s {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s)
}
.text-sm {
    font-size: 0.75rem;
    line-height: 1.125rem
}
.text-sm\/4 {
    font-size: 0.75rem;
    line-height: 1rem
}
.text-xl {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.\!font-bold {
    font-weight: 700 !important
}
.font-bold {
    font-weight: 700
}
.font-medium {
    font-weight: 500
}
.font-semibold {
    font-weight: 600
}
.leading-4 {
    line-height: 1rem
}
.leading-6 {
    line-height: 1.5rem
}
.leading-8 {
    line-height: 2rem
}
.leading-\[14px\] {
    line-height: 14px
}
.leading-\[22px\] {
    line-height: 22px
}
.leading-\[26px\] {
    line-height: 26px
}
.\!text-text-color-body {
    color: var(--text-color-body) !important
}
.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.text-\[\#651DFF\] {
    --tw-text-opacity: 1;
    color: rgb(101 29 255 / var(--tw-text-opacity, 1))
}
.text-\[\#ffffff7f\] {
    color: #ffffff7f
}
.text-brand-7 {
    color: var(--color-brand-7)
}
.text-gray-1 {
    color: var(--color-gray-1)
}
.text-gray-3 {
    color: var(--color-gray-3)
}
.text-gray-4 {
    color: var(--color-gray-4)
}
.text-gray-5 {
    color: var(--color-gray-5)
}
.text-gray-white {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-white) / var(--tw-text-opacity, 1))
}
.text-text-color-body {
    color: var(--text-color-body)
}
.text-text-color-highlight {
    color: var(--text-color-highlight)
}
.text-text-color-second {
    color: var(--text-color-second)
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.opacity-0 {
    opacity: 0
}
.opacity-\[\.65\] {
    opacity: .65
}
.mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter
}
.shadow-shadow-2 {
    --tw-shadow: var(--shadow-2);
    --tw-shadow-colored: var(--shadow-2);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.outline {
    outline-style: solid
}
.blur {
    --tw-blur: blur(8px);
    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)
}
.blur-xl {
    --tw-blur: blur(24px);
    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)
}
.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-blur-1 {
    --tw-backdrop-blur: blur(var(--background-blur-1));
    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 {
    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-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.duration-200 {
    transition-duration: 200ms
}
.duration-300 {
    transition-duration: 300ms
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.drag-none {
    -moz-user-select: none;
         user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none
}
.backdrop-hack {
    position: absolute;
    inset: 0;
    z-index: -10
}
.hover\:z-10:hover {
    z-index: 10
}
.hover\:\!bg-bg-color-button-hover:hover {
    background-color: var(--bg-color-button-hover) !important
}
.hover\:font-bold:hover {
    font-weight: 700
}
.hover\:\!text-text-color-highlight:hover {
    color: var(--text-color-highlight) !important
}
.hover\:text-gray-5:hover {
    color: var(--color-gray-5)
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.group\/card-player:hover .group-hover\/card-player\:flex {
    display: flex
}
.group\/media:hover .group-hover\/media\:flex {
    display: flex
}
body.theme-light .light\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
body.theme-dark .ovui-popup__mask,
body.theme-dark .ovui-image-preview__img-container {
    background-color: rgb(14 4 27 / 0.8);
    --tw-backdrop-blur: blur(5px);
    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)
}

body.theme-dark .oc-image .oc-image-img img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
body.theme-dark .oc-image-square{
  border-radius:8px;
}



body.theme-dark .ovui-drawer{
  background-color:var(--bg-color-container);
}
body.theme-dark .ovui-drawer__header{
  background-color:var(--bg-color-container);
  margin-right:48px;
}
body.theme-dark .ovui-drawer__body{
  background-color:var(--bg-color-container);
}
body.theme-dark .ovui-drawer__body .oc-drawer-footer{
  background-color:var(--bg-color-container);
}
body.theme-dark .ovui-drawer .oc-drawer-body-wrap .oc-drawer-close{
  left:auto;
  right:24px;
  top:16px;
  border-radius:8px;
  background:var(--color-purplegray-color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-drawer__body{
  padding:0;
}
body.theme-dark .oc-modal-wrap .ovui-modal{
  border-width:1px;
  border-style:solid;
  border-color:var(--color-bg-4);
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-bg-3) / var(--tw-bg-opacity, 1));
  border-radius:24px;
}
body.theme-dark .oc-modal-wrap .ovui-modal .ovui-modal__close-icon--hide{
  display:none;
}
body.theme-dark .oc-modal-wrap .ovui-modal__close-icon{
  display:flex;
  aspect-ratio:1 / 1;
  height:1.75rem;
  width:1.75rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-s);
  background-color:var(--bg-color-select);
  color:var(--text-color-body);
  top:20px;
  z-index:1000;
}
body.theme-dark .oc-modal-wrap .ovui-modal__close-icon .ovui-icon{
  width:20px;
  height:20px;
}
body.theme-dark .oc-modal-wrap .ovui-modal__close-icon:hover{
  background-color:var(--bg-color-button-hover);
  color:var(--text-color-highlight);
}
body.theme-dark .oc-modal-wrap .ovui-modal__close-icon--hide{
  display:none !important;
}
body.theme-dark .ovui-modal__footer .ovui-button[data-okee-fill='false']{
  background-color:var(--color-bg-2);
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-color:var(--color-bg-2);
}
body.theme-dark .oc-modal-wrap .ovui-modal{
  border-radius:var(--radius-radius-l, 20px);
  background:var(--color-purplegray-9, #251c2e);
  box-shadow:0px 10px 20px 0px var(--color-purplegray-13, rgba(17, 17, 0, 0.12));
  border:none;
}
body.theme-dark .oc-modal-wrap .ovui-modal .ovui-modal__header{
  padding-bottom:0;
}
body.theme-dark .oc-modal-wrap .ovui-modal .ovui-modal__body{
  margin:24px 24px 0px 24px;
  padding:0;
}
body.theme-dark .oc-modal-wrap .ovui-modal .ovui-modal__footer{
  padding:24px;
}
body.theme-dark .oc-modal-wrap .ovui-modal .ovui-modal__footer .ovui-button{
  border-radius:0.5rem;
}
body.theme-dark .ovui-modal-fade-enter-active,
body.theme-dark .ovui-modal-fade-leave-active{
  transition-duration:0.3s;
  transition-property:transform, opacity;
  transition-timing-function:ease;
}
body.theme-dark .ovui-modal-fade-enter-from,
body.theme-dark .ovui-modal-fade-leave-to{
  transform:translate3d(0, -20px, 0);
  opacity:0;
}
body.theme-dark .ovui-modal-fade-enter-to,
body.theme-dark .ovui-modal-fade-leave-from{
  transform:translate3d(0, 0, 0);
  opacity:1;
}
body.theme-dark .ovui-modal__wrap--hide{
  display:flex;
}
body.theme-dark .ovui-popuppopup-fade-enter-active,
body.theme-dark .ovui-popuppopup-fade-leave-active{
  transition:opacity 0.3s;
  transition-timing-function:ease;
}
body.theme-dark .ovui-popuppopup-fade-enter-from,
body.theme-dark .ovui-popuppopup-fade-leave-to{
  opacity:0;
}
body.theme-dark .ovui-popuppopup-fade-enter-to,
body.theme-dark .ovui-popuppopup-fade-leave-from{
  opacity:1;
}
body.theme-dark .oc-rolling-load .oc-empty .oc-empty__icon{
  width:200px;
  height:120px;
}
body.theme-dark .ovui-select__options .oc-rolling-load .oc-empty .oc-empty__icon{
  width:100px;
  height:60px;
}
body.theme-dark .oc-select .ovui-select--md .ovui-custom-input__prefix{
  line-height:30px;
}
body.theme-dark .oc-select .ovui-tag{
  background-color:#ffffff;
  color:rgba(255, 255, 255, 0.75);
  border:1px solid #ffffff;
}
body.theme-dark .oc-select .ovui-input__prefix{
  color:var(--color-gray-4);
}
body.theme-dark .oc-select__popover{
  background-color:var(--bg-color-popover);
  backdrop-filter:blur(24px);
  border-radius:12px;
}
body.theme-dark .oc-select__popover .ovui-select__options{
  border-radius:12px;
}
body.theme-dark .oc-select__popover .ovui-select__options .ovui-option{
  border-radius:8px;
  padding:8px;
  border:1px solid transparent;
}
body.theme-dark .oc-select__popover .ovui-select__options .ovui-option:hover:not(.ovui-option--disabled){
  background-color:rgba(176, 157, 218, 0.12);
}
body.theme-dark .oc-select__popover .ovui-select__options .ovui-select .ovui-custom-input__content{
  align-items:center;
  white-space:nowrap;
  overflow:hidden;
}
body.theme-dark .oc-select__popover .ovui-select__filter{
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom:0;
}
body.theme-dark .ovui-cascader-search__filter{
  padding:12px;
  border-bottom-width:0px;
}
body.theme-dark .ovui-cascader-panel__selection-block:not(:last-of-type){
  border-right-color:var(--color-border-color-2);
}
body.theme-dark .ovui-option{
  color:rgba(255, 255, 255, 0.75);
}
body.theme-dark .ovui-option.ovui-option--selected{
  color:#fff;
}
body.theme-dark .ovui-select--md.ovui-select .ovui-input{
  color:var(--color-highlight, var(--color-gray-4, #fff));
  font-family:var(--family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-select__popper{
  border-radius:var(--radius-m);
  padding-left:0.5rem;
  padding-right:0.5rem;
}
body.theme-dark .ovui-select__popper .ovui-option{
  border-radius:var(--radius-s);
}
body.theme-dark .ovui-select--sm.ovui-select .ovui-custom-input__content .ovui-tag{
  margin-top:2.5px;
  margin-bottom:2.5px;
}
body.theme-dark .ovui-date-picker .ovui-custom-input__content,
body.theme-dark .ovui-select .ovui-custom-input__content{
  color:var(--text-color-highlight);
}
body.theme-dark .ovui-date-picker .ovui-select__input .ovui-input::-moz-placeholder, body.theme-dark .ovui-select .ovui-select__input .ovui-input::-moz-placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
  font-family:var(--family-chinese, 'PingFang SC');
  font-style:normal;
}
body.theme-dark .ovui-date-picker .ovui-select__input .ovui-input::placeholder,
body.theme-dark .ovui-select .ovui-select__input .ovui-input::placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
  font-family:var(--family-chinese, 'PingFang SC');
  font-style:normal;
}
body.theme-dark .ovui-date-picker .ovui-select__input .ovui-input__prefix,
body.theme-dark .ovui-select .ovui-select__input .ovui-input__prefix{
  color:var(--text-color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  padding-right:8px;
  font-style:normal;
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--sm.ovui-select__input .ovui-input::-moz-placeholder, body.theme-dark .ovui-select .ovui-input__wrapper--sm.ovui-select__input .ovui-input::-moz-placeholder{
  font-size:var(--font-size-s, 12px);
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--sm.ovui-select__input .ovui-input::placeholder,
body.theme-dark .ovui-select .ovui-input__wrapper--sm.ovui-select__input .ovui-input::placeholder{
  font-size:var(--font-size-s, 12px);
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--sm.ovui-select__input .ovui-input__prefix,
body.theme-dark .ovui-select .ovui-input__wrapper--sm.ovui-select__input .ovui-input__prefix{
  font-weight:var(--font-weight-reg, 400);
  font-size:var(--font-size-s, 12px);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--sm.ovui-select__input .ovui-input,
body.theme-dark .ovui-select .ovui-input__wrapper--sm.ovui-select__input .ovui-input{
  font-weight:var(--font-weight-reg, 400);
  font-size:var(--font-size-s, 12px);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--md.ovui-select__input.ovui-input__wrapper,
body.theme-dark .ovui-select .ovui-input__wrapper--md.ovui-select__input.ovui-input__wrapper{
  padding-bottom:4.5px;
  padding-top:4.5px;
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--md.ovui-select__input .ovui-input::-moz-placeholder, body.theme-dark .ovui-select .ovui-input__wrapper--md.ovui-select__input .ovui-input::-moz-placeholder{
  font-size:var(--font-size-m, 14px);
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--md.ovui-select__input .ovui-input::placeholder,
body.theme-dark .ovui-select .ovui-input__wrapper--md.ovui-select__input .ovui-input::placeholder{
  font-size:var(--font-size-m, 14px);
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--md.ovui-select__input .ovui-input__prefix,
body.theme-dark .ovui-select .ovui-input__wrapper--md.ovui-select__input .ovui-input__prefix{
  font-size:var(--font-size-m, 14px);
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--md.ovui-select__input .ovui-input,
body.theme-dark .ovui-select .ovui-input__wrapper--md.ovui-select__input .ovui-input{
  font-size:var(--font-size-m, 14px);
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper,
body.theme-dark .ovui-select .ovui-custom-input__wrapper{
  box-shadow:none;
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
  border-width:1.5px;
  border-color:transparent;
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper,
body.theme-dark .ovui-select .ovui-input__wrapper{
  box-shadow:none;
  border-width:1.5px;
  border-color:transparent;
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--md.ovui-input__wrapper,
body.theme-dark .ovui-select .ovui-input__wrapper--md.ovui-input__wrapper{
  padding-top:5px;
  padding-bottom:5px;
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper--sm.ovui-input__wrapper,
body.theme-dark .ovui-select .ovui-input__wrapper--sm.ovui-input__wrapper{
  padding-top:4px;
  padding-bottom:4px;
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible{
  border-width:1.5px;
  border-color:transparent;
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible:not(.ovui-custom-input--disabled):not(.ovui-custom-input--error):hover,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible:not(.ovui-custom-input--disabled):not(.ovui-custom-input--error):hover{
  border-width:1.5px;
  border-color:var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error),
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error){
  position:relative;
  overflow:visible;
  border:1.5px solid var(--color-brand-3);
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error)::before,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error)::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1.5px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-s);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error),
  body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error){
    border-color:transparent;
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error)::before,
  body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--focused:not(.ovui-custom-input--error)::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1.5px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-s);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--disabled,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--collapsible.ovui-custom-input--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input--error.ovui-custom-input--collapsible,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input--error.ovui-custom-input--collapsible{
  border-color:var(--color-red-1, #f83e3e) !important;
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input__content .ovui-tag,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input__content .ovui-tag{
  height:20px;
  border:0;
  background:var(--color-gray-8, rgba(255, 255, 255, 0.08));
  color:var(--color-highlight, var(--color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper .ovui-custom-input__after .ovui-select__tips,
body.theme-dark .ovui-select .ovui-custom-input__wrapper .ovui-custom-input__after .ovui-select__tips{
  height:24px;
  width:24px;
  max-width:24px;
  min-width:24px;
  border:0;
  padding:0px 8px;
  color:var(--color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  text-align:center;
  font-family:'PingFang SC';
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:400;
  line-height:var(--line-height-xl, 24px);
}
body.theme-dark .ovui-date-picker .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md .ovui-custom-input__after,
body.theme-dark .ovui-select .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md .ovui-custom-input__after{
  height:29px;
}
body.theme-dark .ovui-date-picker .ovui-custom-input--fill.ovui-custom-input--focused:hover,
body.theme-dark .ovui-select .ovui-custom-input--fill.ovui-custom-input--focused:hover{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-date-picker .ovui-custom-input--fill.ovui-custom-input--focused,
body.theme-dark .ovui-select .ovui-custom-input--fill.ovui-custom-input--focused{
  border:1.5px solid var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-date-picker .ovui-custom-input--fill:hover,
body.theme-dark .ovui-select .ovui-custom-input--fill:hover{
  border:1.5px solid var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-date-picker .ovui-custom-input--fill,
body.theme-dark .ovui-select .ovui-custom-input--fill{
  border:1.5px solid transparent;
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper:hover,
body.theme-dark .ovui-select .ovui-input__wrapper:hover{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper:not(.ovui-input__wrapper--disabled):not(.ovui-input__wrapper--error):hover,
body.theme-dark .ovui-select .ovui-input__wrapper:not(.ovui-input__wrapper--disabled):not(.ovui-input__wrapper--error):hover{
  border-width:1.5px;
  border-color:var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--disabled,
body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--focused,
body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--focused{
  border-width:1.5px;
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error),
body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error){
  position:relative;
  overflow:visible;
  border:1.5px solid var(--color-brand-3);
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error)::before,
body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error)::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1.5px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-s);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error),
  body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error){
    border-color:transparent;
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error)::before,
  body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error)::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1.5px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-s);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--focused,
body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--focused{
  border-width:1.5px;
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-date-picker .ovui-input__wrapper.ovui-input__wrapper--error,
body.theme-dark .ovui-select .ovui-input__wrapper.ovui-input__wrapper--error{
  border-color:var(--color-red-1, #f83e3e) !important;
}
body.theme-dark .oc-select__popover .ovui-spin__block{
  background:transparent;
}
.ovui-option--selected .ovui-option__content .oc-typography-size-sm{
  font-weight:500 !important;
}



body.theme-dark .new-badge{
  border-radius:3px;
  background:linear-gradient(253deg, #651dff 0%, #d220ff 131.64%);
  font-size:10px;
  line-height:12px;
  padding:1px 2px;
  pointer-events:none;
}
body.theme-dark .oc-banner-tip{
  border-radius:0.5rem;
}
body.theme-dark .oc-banner-tip-info{
  --tw-border-opacity:1;
  border-color:rgb(var(--color-bg-1) / var(--tw-border-opacity, 1));
  background-color:transparent;
}
body.theme-dark .oc-banner-tip-info .oc-msg.oc-msg-primary iconpark-icon{
  --tw-text-opacity:1;
  color:rgb(var(--color-gray-white) / var(--tw-text-opacity, 1));
}
body.theme-dark .oc-banner-tip-info .oc-msg.oc-msg-primary .oc-typography{
  color:var(--color-gray-4) !important;
}
body.theme-dark .oc-banner-tip-left{
  flex:1;
  display:flex;
  align-items:center;
}
body.theme-dark .oc-banner-tip-left .oc-msg{
  align-items:center;
  display:flex;
}
body.theme-dark .oc-banner-tip-left .oc-msg-icon{
  display:flex;
  align-items:center;
  height:14px;
  margin:0 4px 0 0;
}
body.theme-dark .oc-banner-tip-warning{
  background-color:var(--bg-color-warning);
  border:1px solid var(--bg-color-warning);
}
body.theme-dark .oc-banner-tip-warning .oc-msg.oc-msg-warning iconpark-icon{
  color:#faad15;
}
body.theme-dark .oc-banner-tip-warning .oc-msg.oc-msg-warning .oc-typography-color-warning{
  color:var(--text-color-warning) !important;
}
body.theme-dark .oc-banner-tip-success{
  background-color:var(--bg-color-success);
  border:1px solid var(--bg-color-success);
}
body.theme-dark .oc-banner-tip-success .oc-msg.oc-msg-success iconpark-icon{
  color:var(--text-color-success);
}
body.theme-dark .oc-banner-tip-success .oc-msg.oc-msg-success .oc-typography-color-success{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-success-5) / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .oc-banner-tip-info{
  background-color:var(--bg-color-label-light);
  --tw-backdrop-blur:blur(36px);
  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);
  border:1px solid var(--bg-color-label-light);
}
body.theme-dark .oc-banner-tip-info .oc-msg.oc-msg-primary .oc-typography-color-primary{
  color:var(--text-color-body) !important;
}
body.theme-dark .oc-banner-tip-info .oc-msg.oc-msg-primary .oc-msg-list__item-a{
  color:var(--text-color-highlight) !important;
}
body.theme-dark .oc-banner-tip-error{
  background-color:var(--bg-color-error);
  border:1px solid var(--bg-color-error);
}
body.theme-dark .oc-banner-tip-error .oc-msg.oc-msg-danger iconpark-icon{
  color:#f45858;
}
body.theme-dark .oc-banner-tip-error .oc-msg.oc-msg-danger .oc-typography-color-danger{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-danger-5) / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .oc-banner-tip.oc-banner-tip-text .oc-typography-color-warning{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-warning-5) / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .oc-banner-tip.oc-banner-tip-text .oc-typography-color-info{
  color:var(--color-gray-4) !important;
}
body.theme-dark .oc-banner-tip.oc-banner-tip-text .oc-typography-color-danger{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-danger-5) / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .oc-banner-tip.oc-banner-tip-text .oc-typography-color-success{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-success-5) / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .oc-banner-tip{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
}
body.theme-dark .aic-banner-tip-m{
  padding-left:0.75rem;
  padding-right:0.75rem;
}
body.theme-dark .aic-banner-tip-l{
  padding-left:1rem;
  padding-right:1rem;
}


body.theme-dark .ovui-button :not(.ovui-button--circle){
  border-radius:var(--radius-s);
}
body.theme-dark .ovui-button--text{
  border:transparent !important;
  background-color:transparent !important;
  color:var(--color-gray-5);
}
body.theme-dark .ovui-button--text:hover,
body.theme-dark .ovui-button--text:active,
body.theme-dark .ovui-button--text:focus{
  --tw-text-opacity:1;
  color:rgb(var(--color-primary-5) / var(--tw-text-opacity, 1));
}
body.theme-dark .ovui-button--text.ovui-button--disabled{
  color:var(--color-gray-3);
}
body.theme-dark .ovui-button--text.ovui-button--disabled:hover,
body.theme-dark .ovui-button--text.ovui-button--disabled:active,
body.theme-dark .ovui-button--text.ovui-button--disabled:focus{
  color:var(--color-gray-3);
}
body.theme-dark .ovui-button--default-fill:hover{
  background-color:rgba(60, 52, 77, 0.75);
  border:1px solid transparent;
}
body.theme-dark .ovui-button.ovui-button--sm:not(.ovui-button--circle){
  border-radius:4px;
}
body.theme-dark .ovui-button.ovui-button--xs:not(.ovui-button--circle){
  border-radius:4px;
}
body.theme-dark .ovui-button--primary-fill.ovui-button--loading,
body.theme-dark .ovui-button--primary-fill.ovui-button--disabled,
body.theme-dark .ovui-button--primary-fill.ovui-button--loading:hover,
body.theme-dark .ovui-button--primary-fill.ovui-button--disabled:hover,
body.theme-dark .ovui-button--primary-fill.ovui-button--loading:focus,
body.theme-dark .ovui-button--primary-fill.ovui-button--disabled:focus,
body.theme-dark .ovui-button--primary-fill.ovui-button--loading:active,
body.theme-dark .ovui-button--primary-fill.ovui-button--disabled:active{
  border-color:transparent;
}
body.theme-dark .oc-button-wrap.aic-button-uppermost{
  min-width:120px;
}
body.theme-dark .oc-button-wrap.aic-button-uppermost .ovui-button{
  border-radius:var(--radius-m, 12px);
  width:100%;
  height:54px;
  padding:0px var(--spacing-padding-l);
  color:var(--color-gray-4);
  text-align:center;
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-xl, 16px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-xl, 24px);
  background:var(--brand-color-gradient-2);
}
body.theme-dark .oc-button-wrap.aic-button-uppermost .ovui-button.ovui-button--disabled{
  color:var(--color-gray-3);
}
body.theme-dark .oc-button-wrap.aic-button-uppermost .ovui-button.ovui-button--loading{
  color:var(--color-gray-4);
  background:linear-gradient(90deg, #671eff 0%, #b034ec 100%);
}
body.theme-dark .oc-button-wrap.aic-button-uppermost .ovui-button:not(.ovui-button--disabled):hover{
  background:linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), var(--brand-color-gradient-2);
}
body.theme-dark .oc-button-wrap.aic-button-uppermost .ovui-button:not(.ovui-button--disabled):active{
  background:linear-gradient(91deg, rgba(101, 0, 242, 0.75) -0.29%, rgba(191, 36, 242, 0.75) 97.36%);
}
body.theme-dark .oc-button-wrap.aic-button-agent .ovui-button::before,
body.theme-dark .oc-button-wrap.aic-button-agent .ovui-button:hover::before,
body.theme-dark .oc-button-wrap.aic-button-agent .ovui-button:active::before{
  display:none;
}
body.theme-dark .oc-button-wrap.aic-button-agent .ovui-button{
  border:none;
  background:transparent;
  min-width:0px;
  padding:8px;
  border-radius:12px;
  line-height:var(--line-height-m, 20px);
  color:var(--text-color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  display:inline-flex;
  gap:4px;
}
body.theme-dark .oc-button-wrap.aic-button-agent .ovui-button:not(.ovui-button--disabled):not(.ovui-button--loading):hover{
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
  color:var(--text-color-highlight);
}
body.theme-dark .oc-button-wrap.aic-button-agent .ovui-button.ovui-button--disabled{
  opacity:0.25;
}
body.theme-dark .oc-button-wrap.aic-button-agent .ovui-button.ovui-button--loading.ovui-button--disabled{
  opacity:1;
}
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--lg{
  width:100%;
  min-height:var(--size-11);
  padding:0px var(--spacing-padding-l);
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--lg:not(.ovui-button--circle){
  border-radius:var(--radius-s, 8px);
}
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--md{
  width:100%;
  min-height:var(--size-9);
  padding:0px var(--spacing-padding-l);
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--md:not(.ovui-button--circle){
  border-radius:var(--radius-s, 8px);
}
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--sm{
  width:100%;
  min-height:var(--size-7);
  padding:0px var(--spacing-padding-s);
  border-radius:var(--radius-xs, 4px);
  font-size:var(--font-size-s, 12px);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--sm:not(.ovui-button--circle){
  border-radius:var(--radius-xs, 4px);
}
body.theme-dark .oc-popover-operate__footer .btn{
  display:flex;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common{
  border:none;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common::before{
  border:none;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common:not(
      .ovui-button--disabled
    ):not(.ovui-button--loading){
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common:not(
      .ovui-button--disabled
    ):not(.ovui-button--loading):hover{
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common:not(
      .ovui-button--disabled
    ):not(.ovui-button--loading):hover::before{
  border:none;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common.ovui-button--disabled{
  opacity:0.25;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common:not(
      .ovui-button--disabled
    ):not(.ovui-button--loading):active{
  background:var(--color-purplegray-7, rgba(115, 92, 153, 0.2));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--sm.ovui-button--default.ovui-button--default-stroke.btn__cancel.btn__common.ovui-button--loading.ovui-button--disabled{
  opacity:1;
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button,
body.theme-dark .oc-dropdown-button-container .ovui-button,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-shrink:0;
  color:var(--color-gray-4);
  text-align:center;
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.oc-button-color-inherit,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.oc-button-color-inherit,
body.theme-dark .oc-dropdown-button-container .ovui-button.oc-button-color-inherit,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.oc-button-color-inherit{
  color:inherit;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--text:not(.ovui-dropdown-button),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--text:not(.ovui-dropdown-button),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--text:not(.ovui-dropdown-button),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--text:not(.ovui-dropdown-button){
  display:inline-flex;
  padding:var(--spacing-padding-xxs) var(--spacing-padding-xs);
  align-items:center;
  min-height:var(--size-7);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--text.ovui-button--sm,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--text.ovui-button--sm,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--text.ovui-button--sm,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--text.ovui-button--sm{
  font-size:var(--font-size-s, 12px);
  line-height:var(--line-height-s, 16px);
  min-height:var(--size-6);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--link,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--link,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--link,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--link{
  display:inline-flex;
  padding:0px;
  align-items:center;
  min-height:var(--size-7);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--link.ovui-button--sm,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--link.ovui-button--sm,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--link.ovui-button--sm,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--link.ovui-button--sm{
  font-size:var(--font-size-s, 12px);
  line-height:var(--line-height-s, 16px);
  min-height:var(--size-6);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--disabled:hover,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--disabled:hover,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--disabled:hover,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--disabled:hover{
  color:var(--color-gray-4);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--fill,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--fill,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--fill,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--fill{
  border:0px;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ){
  background:var(--color-brand-3, #7244e5);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  background:var(--color-brand-5, #8762ea);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--disabled,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--disabled,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--disabled,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--disabled{
  opacity:0.25;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  background:var(--color-brand-3, #7244e5);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active{
  background:var(--color-brand-1, #4a21b5);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled{
  opacity:1;
  background:var(--color-brand-3, #7244e5);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ){
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--disabled,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--disabled,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--disabled,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--disabled{
  opacity:0.25;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active{
  background:var(--color-purplegray-7, rgba(115, 92, 153, 0.2));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled{
  opacity:1;
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(
      .ovui-button--link
    )::before,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(
      .ovui-button--link
    )::before,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(
      .ovui-button--link
    )::before,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(
      .ovui-button--link
    )::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:1px solid var(--color-gray-7, rgba(255, 255, 255, 0.12));
  border-radius:var(--radius-s, 8px);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):hover::before,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):hover::before,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):hover::before,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):hover::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:1.5px solid var(--color-gray-6, rgba(255, 255, 255, 0.4));
  border-radius:var(--radius-s, 8px);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):active::before,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):active::before,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):active::before,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):not(.ovui-button--text):not(.ovui-button--link):active::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:1.5px solid var(--color-gray-5, rgba(255, 255, 255, 0.6));
  border-radius:var(--radius-s, 8px);
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(.ovui-button--link),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(.ovui-button--link),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(.ovui-button--link),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--text):not(.ovui-button--link){
  border:1px solid transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(.ovui-button--loading),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(.ovui-button--loading),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(.ovui-button--loading),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(.ovui-button--loading){
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled:not(.ovui-button--text):not(
      .ovui-button--link
    ),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled:not(.ovui-button--text):not(
      .ovui-button--link
    ),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled:not(.ovui-button--text):not(
      .ovui-button--link
    ),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled:not(.ovui-button--text):not(
      .ovui-button--link
    ){
  border:1px solid var(--color-gray-7, rgba(255, 255, 255, 0.12));
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  opacity:0.25;
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active{
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled{
  opacity:1;
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ){
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  border-radius:var(--radius-xs);
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6)) !important;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--text,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--text,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--text,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--text{
  opacity:0.25;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled.ovui-button--text,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled.ovui-button--text,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled.ovui-button--text,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled.ovui-button--text{
  opacity:1;
  background:transparent;
  color:var(--color-gray-4) !important;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ),
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ){
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--link:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  background:transparent;
}
body.theme-dark .oc-popover-operate__footer .btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--link,
body.theme-dark .ovui-date-picker__footer-btn .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--link,
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--link,
body.theme-dark .oc-button-wrap:not(.aic-button-uppermost):not(.aic-button-agent) .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled.ovui-button--link{
  opacity:0.25;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  background:transparent;
}
body.theme-dark .ovui-modal__footer .oc-modal-footer .oc-button-wrap .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(.ovui-button--loading),
body.theme-dark .oc-button-wrap.cancel .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(.ovui-button--loading){
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
  border:none;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .ovui-modal__footer .oc-modal-footer .oc-button-wrap .ovui-button.ovui-button--default.ovui-button--default-stroke::before,
body.theme-dark .oc-button-wrap.cancel .ovui-button.ovui-button--default.ovui-button--default-stroke::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:none !important;
}
body.theme-dark .ovui-modal__footer .oc-modal-footer .oc-button-wrap .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover,
body.theme-dark .oc-button-wrap.cancel .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6)) !important;
  border:none;
}
body.theme-dark .ovui-modal__footer .oc-modal-footer .oc-button-wrap .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled,
body.theme-dark .oc-button-wrap.cancel .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--disabled{
  opacity:0.25;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
  border:none;
}
body.theme-dark .ovui-modal__footer .oc-modal-footer .oc-button-wrap .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active,
body.theme-dark .oc-button-wrap.cancel .ovui-button.ovui-button--default.ovui-button--default-stroke:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active{
  background:var(--color-purplegray-7, rgba(115, 92, 153, 0.2));
  border:none;
}
body.theme-dark .ovui-modal__footer .oc-modal-footer .oc-button-wrap .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled,
body.theme-dark .oc-button-wrap.cancel .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--loading.ovui-button--disabled{
  opacity:1;
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
  border:none;
}
body.theme-dark .oc-button-wrap-block .ovui-button{
  white-space:nowrap;
}
body.theme-dark .oc-button-wrap .oc-button-color-inherit{
  color:inherit;
}

body.theme-dark .oc-card-wrapper{
  overflow:hidden;
  background:var(--bg-color-container, #251c2e) !important;
}
body.theme-dark .oc-carousel{
  border-radius:24px;
}
body.theme-dark .oc-carousel .oc-carousel-dots{
  text-align:center;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
}
body.theme-dark .oc-carousel .oc-carousel-dots .oc-carousel-btn-active.oc-carousel-btn-dotted{
  width:16px;
}
body.theme-dark .ovui-cascader-panel__main{
  border-radius:0.5rem;
}
body.theme-dark .ovui-cascader-panel__main.ovui-cascader-panel__main--border{
  border-radius:0.5rem;
  border-style:none !important;
  background-color:var(--color-bg-2);
}
body.theme-dark .ovui-cascader-panel__main.ovui-cascader-panel__main--border .ovui-cascader-panel__selection-header{
  border-style:none !important;
}
body.theme-dark .ovui-cascader__popper{
  border-radius:var(--radius-m);
  background:var(--color-purplegray-10, #3a2e4d);
  box-shadow:0px 10px 20px 0px var(--color-purplegray-13, rgba(17, 17, 0, 0.12));
}
body.theme-dark .ovui-cascader-panel__selection-item .ovui-cascader-panel__item-label{
  color:var(--color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-cascader-panel__selection-item--active,
body.theme-dark .ovui-cascader-panel__selection-item--active .ovui-cascader-panel__item-label,
body.theme-dark .ovui-cascader-panel__selection-item--active .ovui-cascader-panel__angle{
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .ovui-cascader-panel__selection-item--selected .ovui-cascader-panel__item-label,
body.theme-dark .ovui-cascader-panel__selection-item .ovui-checkbox--checked + .ovui-cascader-panel__item-label{
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-cascader-panel__item-label{
  padding:var(--spacing-padding-xs) 0px;
}
body.theme-dark .ovui-cascader-search__filter .ovui-input__wrapper{
  border-radius:var(--radius-s);
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-cascader-panel__selection-item{
  padding:0;
  margin-bottom:var(--size-1);
}
body.theme-dark .ovui-cascader-panel__selection-item:hover{
  border-radius:6px;
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
}
body.theme-dark .ovui-cascader-panel__list-wrapper{
  padding-left:var(--spacing-padding-xs);
  padding-right:var(--spacing-padding-xs);
}
body.theme-dark .ovui-cascader-panel__selection-item .ovui-cascader-panel__item-label:not(:first-child){
  margin-left:4px;
}
body.theme-dark .ovui-cascader-panel__selection-item{
  padding:0px var(--spacing-padding-s);
}
body.theme-dark .ovui-cascader .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md.ovui-custom-input__wrapper--show .ovui-custom-input{
  border-color:var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-cascader .ovui-input__wrapper.ovui-cascader__input:hover{
  background:transparent;
}
body.theme-dark .ovui-cascader .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md{
  box-shadow:none;
  border:none;
}
body.theme-dark .ovui-cascader .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md .ovui-custom-input:hover{
  border-color:var(--color-gradient, #7244e5);
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-cascader .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md .ovui-custom-input{
  box-shadow:none;
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
  border-width:1.5px;
  border-color:transparent;
}
body.theme-dark .ovui-cascader .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md .ovui-custom-input .ovui-custom-input__after{
  min-height:29px;
}
body.theme-dark .ovui-cascader .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md .ovui-custom-input .ovui-custom-input__content .ovui-tag{
  display:flex;
  height:20px;
  padding:2px 4px;
  align-items:center;
  gap:2px;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  top:1.5px;
  left:0px;
  box-shadow:none;
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-s, 16px);
  border-radius:4px;
  background:var(--color-gray-8, rgba(255, 255, 255, 0.08));
  border:none;
}
body.theme-dark .ovui-cascader .ovui-custom-input__wrapper.ovui-custom-input__wrapper--md{
  height:auto;
}
body.theme-dark .ovui-cascader .ovui-cascader__input{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-cascader .ovui-input__wrapper.ovui-cascader__input:hover{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-cascader .ovui-cascader__input.ovui-input__wrapper--focused{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}






body.theme-dark{
}
body.theme-dark .oc-checkbox--dark .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner,
body.theme-dark .oc-checkbox--dark .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner{
  border-color:var(--color-gray-5);
  background-color:var(--color-gray-5);
  color:var(--color-bg-5);
}
body.theme-dark .oc-checkbox--dark .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner:hover,
body.theme-dark .oc-checkbox--dark .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover{
  border-color:var(--color-gray-4);
  background-color:var(--color-gray-4);
}
body.theme-dark .oc-checkbox--dark .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox--disabled,
body.theme-dark .oc-checkbox--dark .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox--disabled{
  background-color:rgb(255 255 255 / 0.25) !important;
  color:rgb(7 3 15 / 0.25) !important;
}
body.theme-dark .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner,
body.theme-dark .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner{
  border-color:var(--color-gray-5);
  background-color:var(--color-gray-5);
  color:var(--color-bg-5);
}
body.theme-dark .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner:hover,
body.theme-dark .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover{
  border-color:var(--color-gray-4);
  background-color:var(--color-gray-4);
}
body.theme-dark .ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__inner{
  border-color:var(--color-gray-2) !important;
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-bg-1) / var(--tw-bg-opacity, 1)) !important;
}
body.theme-dark .ovui-checkbox--checked .ovui-checkbox__inner,
body.theme-dark .ovui-checkbox--indeterminate .ovui-checkbox__inner{
  border-style:none;
  background-color:var(--color-primary-3) !important;
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .ovui-checkbox--checked .ovui-checkbox__inner .ovui-icon,
body.theme-dark .ovui-checkbox--indeterminate .ovui-checkbox__inner .ovui-icon{
  transform:translate(1px, 1px);
}
body.theme-dark .ovui-checkbox:not(.ovui-checkbox--disabled):not(.ovui-checkbox--checked) .ovui-checkbox__inner{
  border-color:rgb(255 255 255 / .75);
}
body.theme-dark .ovui-checkbox:not(.ovui-checkbox--disabled):not(.ovui-checkbox--checked) .ovui-checkbox__inner:hover{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
}
body.theme-dark .ovui-checkbox--disabled .ovui-checkbox__inner{
  border-color:rgb(255 255 255 / .25) !important;
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-bg-1) / var(--tw-bg-opacity, 1)) !important;
}
body.theme-dark .oc-checkbox-group.oc-checkbox-group-button{
  background-color:#302842;
  border-radius:8px;
}
body.theme-dark .ovui-checkbox-item--fill:focus,
body.theme-dark .ovui-checkbox-item--fill.ovui-checkbox-item--checked:not(.a-checkbox-item-single){
  background-color:transparent;
}
body.theme-dark .ovui-checkbox-item-group .ovui-checkbox-item:first-child:not(:last-child),
body.theme-dark .ovui-checkbox-item-group .ovui-checkbox-item:first-child:not(:last-child)::after{
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
}
body.theme-dark .ovui-checkbox-item--divider:not(.ovui-checkbox-item--checked.a-checkbox-item-single) + .ovui-checkbox-item--divider::before{
  content:' ';
  pointer-events:none;
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height:16px;
  margin-top:-8px;
  background-color:#ffffff57;
}
body.theme-dark .aic-card-checkbox .ovui-checkbox__wrapper{
  margin:0;
}
body.theme-dark .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner,
body.theme-dark .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner{
  background:var(--color-brand-3, #7244e5) !important;
}
body.theme-dark .ovui-checkbox:not(.ovui-checkbox--checked):not(.ovui-checkbox--indeterminate) .ovui-checkbox__inner{
  border:1px solid var(--color-gray-1, rgba(238, 235, 255, 0.65)) !important;
  background:var(--color-purplegray-2, rgba(17, 14, 23, 0.4));
}
body.theme-dark .ovui-checkbox.ovui-checkbox--disabled{
  opacity:0.25;
}
body.theme-dark .aic-design-group-button .oc-checkbox-group.oc-checkbox-group-button{
  background-color:transparent;
}
body.theme-dark .aic-design-group-button .oc-checkbox-group.oc-checkbox-group-button .ovui-checkbox-item-group{
  gap:var(--size-3);
}
body.theme-dark .aic-design-group-button .oc-checkbox-group.oc-checkbox-group-button .ovui-checkbox-item-group .ovui-checkbox-item{
  background:transparent;
  padding-left:var(--spacing-padding-l);
  padding-right:var(--spacing-padding-l);
  min-width:var(--size-14);
  border:1.5px solid var(--border-color-level-1);
  color:var(--color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  text-align:center;
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
  border-radius:var(--radius-s);
}
body.theme-dark .aic-design-group-button .oc-checkbox-group.oc-checkbox-group-button .ovui-checkbox-item-group .ovui-checkbox-item:not(.ovui-checkbox-item--disabled):not(.ovui-checkbox-item--checked):hover{
  border-radius:var(--radius-s);
  border:1.5px solid var(--border-color-hover, rgba(255, 255, 255, 0.4));
}
body.theme-dark .aic-design-group-button .oc-checkbox-group.oc-checkbox-group-button .ovui-checkbox-item-group .ovui-checkbox-item--checked{
  border-color:var(--border-color-active);
  color:var(--color-highlight, var(--color-gray-4, #fff));
  font-weight:var(--font-weight-bold, 600);
}
body.theme-dark .aic-design-group-button .oc-checkbox-group.oc-checkbox-group-button .ovui-checkbox-item-group .ovui-checkbox-item--disabled{
  opacity:0.25;
}
body.theme-dark .aic-design-group-button .oc-checkbox-group.oc-checkbox-group-button .ovui-checkbox-item-group .ovui-checkbox-item::before{
  display:none;
}
body.theme-dark .oc-collapse__button:hover{
  --tw-text-opacity:1;
  color:rgb(var(--color-primary-5) / var(--tw-text-opacity, 1));
  color:var(--color-gray-4, #ffffff);
}
body.theme-dark .oc-collapse__wrapper{
  font-size:12px;
  line-height:20px;
  color:var(--color-gray-1, #eeebffa6);
  border-radius:8px;
}
body.theme-dark .oc-collapse__wrapper-primary{
  color:#651dff;
}
body.theme-dark .oc-collapse__wrapper-card{
  background-color:#261d38;
  border-radius:8px;
}
body.theme-dark .oc-collapse__wrapper-card:hover{
  background-color:#1a112e;
}
body.theme-dark .oc-color-picker-popper{
  border-radius:var(--radius-m);
  background:var(--color-purplegray-10, #3a2e4d);
  box-shadow:0px 10px 20px 0px var(--color-purplegray-13, rgba(17, 17, 0, 0.12));
  display:flex;
  width:250px;
  padding:var(--spacing-padding-l);
  flex-direction:column;
  justify-content:center;
  gap:10px;
}
body.theme-dark .oc-color-picker-popper .oc-color-value-field .oc-color-value-field-rgba-item .ovui-input__wrapper.ovui-input__wrapper--md.ovui-input__wrapper--fill{
  height:28px;
}
body.theme-dark .oc-color-picker-popper .oc-color-value-field .oc-color-value-field-rgba-item-text{
  color:var(--color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .oc-color-picker-popper .oc-color-option-predefine{
  margin-top:0;
  border-top-color:var(--color-gary-9, rgba(255, 255, 255, 0.05));
}
body.theme-dark .oc-color-picker-popper .oc-saturation-pointer .oc-saturation-circle{
  border:var(--size-1) solid var(--color-gray-4);
  border-radius:50%;
  filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.08));
}
body.theme-dark .oc-color-picker-popper .oc-hue-pointer{
  transform:translateX(-2px);
}
body.theme-dark .oc-color-picker-popper .oc-hue-pointer .oc-hue-picker{
  border:var(--size-1) solid var(--color-gray-4);
  border-radius:50%;
  filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.08));
}
body.theme-dark .oc-color-picker-popper .oc-alpha-pointer .oc-alpha-picker{
  border:var(--size-1) solid var(--color-gray-4);
  border-radius:50%;
  filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.08));
}
body.theme-dark .oc-color-picker-popper .oc-alpha-wrap{
  overflow:visible;
}
body.theme-dark .oc-color-picker-popper .ovui-custom-input__suffix.ovui-input-number__suffix{
  padding-left:8px;
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ){
  background:var(--color-brand-3, #7244e5);
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  background:var(--color-brand-5, #8762ea);
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--disabled{
  opacity:0.25;
  background:var(--color-brand-3, #7244e5);
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):active{
  background:var(--color-brand-1, #4a21b5);
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--primary.ovui-button--primary-fill.ovui-button--fill.ovui-button--loading.ovui-button--disabled{
  opacity:1;
  background:var(--color-brand-3, #7244e5);
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--default:not(.ovui-button--disabled):not(.ovui-button--loading){
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--default:not(.ovui-button--disabled):not(.ovui-button--loading):hover{
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--default.ovui-button--disabled{
  opacity:0.25;
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--default:not(.ovui-button--disabled):not(.ovui-button--loading):active{
  background:var(--color-purplegray-7, rgba(115, 92, 153, 0.2));
}
body.theme-dark .oc-color-picker-confirm-btn .ovui-button.ovui-button--default.ovui-button--loading.ovui-button--disabled{
  opacity:1;
  background:var(--color-purplegray-8, rgba(115, 92, 153, 0.3));
}
body.theme-dark .oc-color-picker{
  border-radius:var(--radius-s);
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
  border-width:1.5px;
  border-color:transparent;
  padding:4.5px 8px;
}
body.theme-dark .oc-color-picker:not([disabled='disabled']):hover{
  border-color:var(--color-brand-3, #7244e5);
}
body.theme-dark .oc-color-picker[disabled='disabled']{
  opacity:0.25;
}
body.theme-dark .ovui-panel-date{
  border-radius:0.75rem;
}
body.theme-dark .ovui-date-picker__popper{
  border-radius:0.75rem;
}
body.theme-dark .ovui-date__cell-inner{
  border-radius:0.5rem;
}
body.theme-dark .ovui-range-picker__bar{
  border-color:var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-date-picker__footer-btn{
  display:flex;
  border-color:var(--color-gray-color-gary-9, rgba(255, 255, 255, 0.05));
}
body.theme-dark .ovui-date-picker__footer-btn .ovui-button{
  margin-left:auto;
}
body.theme-dark .ovui-range-picker__popper,
body.theme-dark .ovui-date-picker__popper{
  border-radius:var(--radius-s);
  background:var(--color-purplegray-10, #3a2e4d);
  box-shadow:0px 10px 20px 0px var(--color-purplegray-13, rgba(17, 17, 0, 0.12));
}
body.theme-dark .ovui-range-picker__popper .ovui-panel-time,
body.theme-dark .ovui-date-picker__popper .ovui-panel-time{
  border-radius:8px;
}
body.theme-dark .ovui-range-picker__popper .ovui-time__column,
body.theme-dark .ovui-date-picker__popper .ovui-time__column{
  background:var(--color-purplegray-10, #3a2e4d);
}
body.theme-dark .ovui-range-picker__popper .ovui-time__option:hover,
body.theme-dark .ovui-date-picker__popper .ovui-time__option:hover{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-range-picker__popper .ovui-time__option,
body.theme-dark .ovui-date-picker__popper .ovui-time__option{
  color:var(--text-color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  font-family:'PingFang SC';
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:22px;
}
body.theme-dark .ovui-range-picker__popper .ovui-time__option.ovui-time__option--selected,
body.theme-dark .ovui-date-picker__popper .ovui-time__option.ovui-time__option--selected{
  background:var(--color-purplegray-10, #3a2e4d);
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-md, 500);
  line-height:20px;
}
body.theme-dark .ovui-range-picker__popper .ovui-time__column:not(:first-child),
body.theme-dark .ovui-date-picker__popper .ovui-time__column:not(:first-child){
  border-color:var(--color-gary-9, rgba(255, 255, 255, 0.05));
}
body.theme-dark .ovui-range-picker__popper .ovui-date__header,
body.theme-dark .ovui-date-picker__popper .ovui-date__header{
  background:transparent;
  border-color:var(--color-gary-9, rgba(255, 255, 255, 0.05));
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table,
body.theme-dark .ovui-date-picker__popper .ovui-date__table{
  background:transparent;
  width:-moz-fit-content;
  width:fit-content;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__row,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__row{
  justify-content:space-between;
  margin-bottom:4px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__day,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__day{
  height:32px;
  max-width:32px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner{
  position:relative;
  overflow:visible;
  border:1.5px solid var(--color-brand-3);
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1.5px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-xs);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner,
  body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner{
    border-color:transparent;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner::before,
  body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell--now .ovui-date__cell-inner::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1.5px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-xs);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview.ovui-date__cell--selected .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview.ovui-date__cell--selected .ovui-date__cell-inner{
  background:var(--color-brand-5);
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  font-weight:600;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview:hover .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview:hover .ovui-date__cell-inner{
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell:hover .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell:hover .ovui-date__cell-inner{
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell{
  opacity:0.25;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview{
  opacity:1;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell.ovui-date__cell--inview .ovui-date__cell-inner{
  color:var(--text-color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  text-align:center;
  font-family:'PingFang SC';
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:22px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell{
  height:32px;
  max-width:32px;
  padding:0px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__cell .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__table .ovui-date__cell .ovui-date__cell-inner{
  height:32px;
  width:32px;
  background-color:transparent;
}
body.theme-dark .ovui-range-picker__popper .ovui-date .ovui-date__cell--right .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date .ovui-date__cell--right .ovui-date__cell-inner{
  border-radius:0px 8px 8px 0px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date .ovui-date__cell--left .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date .ovui-date__cell--left .ovui-date__cell-inner{
  border-radius:8px 0px 0px 8px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell.ovui-date__cell--range:not(.ovui-date__cell--selected):not(.ovui-date__cell--right):not(
      .ovui-date__cell--left
    ) .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell.ovui-date__cell--range:not(.ovui-date__cell--selected):not(.ovui-date__cell--right):not(
      .ovui-date__cell--left
    ) .ovui-date__cell-inner{
  border-radius:0px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell.ovui-date__cell--range .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell.ovui-date__cell--range .ovui-date__cell-inner{
  background:var(--color-purplegray-7, rgba(115, 92, 153, 0.2));
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range-hover::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range-hover::before,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range-hover::after,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range-hover::after,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--hover::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--hover::before,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--hover::after,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--hover::after,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range::before{
  background:var(--color-purplegray-7, rgba(115, 92, 153, 0.2)) !important;
  height:32px;
  width:32px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--left::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--left::before,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--left::after,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--left::after,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--hover.ovui-date__cell--left::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--hover.ovui-date__cell--left::before,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--hover.ovui-date__cell--left::after,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--hover.ovui-date__cell--left::after,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range.ovui-date__cell--left::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range.ovui-date__cell--left::before{
  left:0px;
  border-radius:8px 0px 0px 8px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--right::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--right::before,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--right::after,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range-hover.ovui-date__cell--right::after,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--hover.ovui-date__cell--right::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--hover.ovui-date__cell--right::before,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--hover.ovui-date__cell--right::after,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--hover.ovui-date__cell--right::after,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range.ovui-date__cell--right::before,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range.ovui-date__cell--right::before{
  left:0px;
  border-radius:0px 8px 8px 0px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--hover .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--hover .ovui-date__cell-inner,
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--range-hover .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--range-hover .ovui-date__cell-inner{
  background:var(--color-purplegray-7, rgba(115, 92, 153, 0.2));
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell--disabled,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell--disabled{
  opacity:0.25 !important;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell.ovui-date__cell--inview:not(.ovui-date__cell--disabled):hover .ovui-date__cell-inner,
body.theme-dark .ovui-date-picker__popper .ovui-date__cell.ovui-date__cell--inview:not(.ovui-date__cell--disabled):hover .ovui-date__cell-inner{
  background:var(--color-brand-5, #8762ea);
}
body.theme-dark .ovui-range-picker__popper .ovui-date-picker__shortcuts,
body.theme-dark .ovui-date-picker__popper .ovui-date-picker__shortcuts{
  padding-left:4px;
  padding-right:4px;
  border-color:var(--color-gary-9, rgba(255, 255, 255, 0.05));
  background:var(--color-purplegray-10, #3a2e4d);
  border-radius:12px 0px 0px 12px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date-picker__shortcuts .oc-date-picker-shortcut-item,
body.theme-dark .ovui-date-picker__popper .ovui-date-picker__shortcuts .oc-date-picker-shortcut-item{
  color:var(--text-color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
}
body.theme-dark .ovui-range-picker__popper .ovui-date-picker__shortcuts .oc-date-picker-shortcut-item:hover,
body.theme-dark .ovui-date-picker__popper .ovui-date-picker__shortcuts .oc-date-picker-shortcut-item:hover{
  border-radius:6px;
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .ovui-range-picker__popper .ovui-date-picker__shortcuts .oc-date-picker-shortcut-item.\!text-primary-5,
body.theme-dark .ovui-date-picker__popper .ovui-date-picker__shortcuts .oc-date-picker-shortcut-item.\!text-primary-5{
  color:var(--text-color-highlight, var(--color-gray-4, #fff)) !important;
  font-weight:var(--font-weight-bold, 600);
}
body.theme-dark .ovui-range-picker__popper .ovui-date{
  min-width:256px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date:first-child{
  border:0px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__table .ovui-date__row{
  justify-content:start;
  margin-bottom:4px;
}



body.theme-dark .ovui-dropdown-content{
  border:none;
  border-radius:12px;
  padding:var(--spacing-padding-m) var(--spacing-padding-s);
  background:var(--color-purplegray-10, #3a2e4d);
  min-width:120px;
  box-shadow:0px 10px 20px 0px var(--color-purplegray-13, rgba(17, 17, 0, 0.12));
}
body.theme-dark .ovui-dropdown-content .ovui-button--text{
  color:var(--color-gray-4);
}
body.theme-dark .ovui-dropdown-content .ovui-button--text:hover,
body.theme-dark .ovui-dropdown-content .ovui-button--text:active{
  color:var(--color-gray-4);
}
body.theme-dark .ovui-dropdown-content .ovui-dropdown-item--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-dropdown-content .ovui-dropdown-item{
  overflow:hidden;
  color:var(--text-color-body);
  padding:var(--spacing-padding-s) var(--spacing-padding-s);
}
body.theme-dark .ovui-dropdown-content .ovui-dropdown-item .oc-dropdown-item-text .oc-typography{
  font-size:var(--font-size-m);
  font-style:normal;
  font-weight:var(--font-weight-reg);
  line-height:var(--line-height-xl);
}
body.theme-dark .ovui-dropdown-content .ovui-dropdown-item:hover:not(.ovui-dropdown-item--disabled){
  border-radius:var(--radius-s);
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
  color:var(--text-color-highlight);
}
body.theme-dark .oc-dropdown-button-container .ovui-button.ovui-button--default.ovui-button--default-stroke.ovui-button--text:not(.ovui-button--disabled):not(
      .ovui-button--loading
    ):hover{
  background:none !important;
}
body.theme-dark .jc-dropdown-item{
  box-sizing:border-box;
  padding:6px 12px;
  font-family:PingFang SC;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:18px;
  cursor:pointer;
}
body.theme-dark .jc-dropdown-item button{
  color:var(--color-gray-5);
}
body.theme-dark .jc-dropdown-item .ovui-button--disabled{
  color:var(--color-gray-2);
  cursor:not-allowed;
}
body.theme-dark .jc-dropdown-item .ovui-button--text:hover{
  background:none;
}
body.theme-dark .jc-dropdown-item:hover{
  background-color:#ffffff1a;
}
body.theme-dark .jc-dropdown-item:hover .ovui-button--disabled{
  color:var(--color-gray-2);
  cursor:not-allowed;
}





body.theme-dark .oc-input-group-wrap .ovui-input-group__addon--fill{
  background-color:var(--color-bg-2);
  border-color:var(--color-bg-2);
}
body.theme-dark .oc-row-input .oc-input-group-append-divider::before{
  background-color:rgb(255 255 255 / .30);
}
body.theme-dark .ovui-input__wrapper,
body.theme-dark .ovui-custom-input--fill{
  border-color:var(--color-bg-2);
  background-color:var(--color-bg-2);
}
body.theme-dark .ovui-input__wrapper--focused,
body.theme-dark .ovui-custom-input--fill--focused{
  border-color:var(--color-secondary-5) !important;
}
body.theme-dark .ovui-input__wrapper:hover,
body.theme-dark .ovui-custom-input--fill:hover{
  border-color:var(--color-bg-12);
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-bg-1) / var(--tw-bg-opacity, 1));
}
body.theme-dark .ovui-custom-input.ovui-input-number:hover{
  border-color:var(--color-bg-12);
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-bg-1) / var(--tw-bg-opacity, 1));
}
body.theme-dark .ovui-input__wrapper--error,
body.theme-dark .ovui-input__wrapper--error:hover,
body.theme-dark .ovui-input__wrapper--error:focus{
  --tw-border-opacity:1;
  border-color:rgb(255 0 96 / var(--tw-border-opacity, 1));
  background-color:#FF00601F;
}
body.theme-dark .ovui-custom-input--fill.ovui-custom-input--focused,
body.theme-dark .ovui-custom-input--fill.ovui-custom-input--focused:hover{
  --tw-border-opacity:1;
  border-color:rgb(var(--color-primary-5) / var(--tw-border-opacity, 1));
  background-color:var(--color-bg-12);
}
body.theme-dark .ovui-input__wrapper{
  border-radius:0.5rem;
}
body.theme-dark .ovui-input__wrapper.ovui-select__input:hover,
body.theme-dark .ovui-input__wrapper.ovui-cascader__input:hover{
  border-color:var(--color-bg-12);
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-bg-1) / var(--tw-bg-opacity, 1));
}
body.theme-dark .ovui-input__wrapper .ovui-input::-moz-placeholder{
  font-size:var(--font-size-m);
  line-height:var(--line-height-m);
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-input__wrapper .ovui-input::placeholder{
  font-size:var(--font-size-m);
  line-height:var(--line-height-m);
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-input-number__prev,
body.theme-dark .ovui-input-number__next,
body.theme-dark .ovui-input-number--fill .ovui-input-number__prev::after{
  color:var(--color-gray-4);
}
body.theme-dark .ovui-input-number__prev:hover,
body.theme-dark .ovui-input-number__next:hover,
body.theme-dark .ovui-input-number--fill .ovui-input-number__prev:hover::after{
  color:var(--color-gray-5);
}
body.theme-dark .ovui-input-number--fill .ovui-input-number__next::after{
  border-color:#ffffff1f;
}
body.theme-dark .ovui-input__wrapper .ovui-input__suffix .divider{
  background-color:var(--color-gray-1) !important;
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--unstyle{
  padding:0;
  border:none;
  background:transparent;
}
body.theme-dark .ovui-input__wrapper--md{
  padding:4px 12px;
}
body.theme-dark .ovui-input__wrapper--md,
body.theme-dark .ovui-input__wrapper--md .ovui-input{
  font-size:12px;
}
body.theme-dark .ovui-input__wrapper .ovui-input__prefix,
body.theme-dark .ovui-custom-input__prefix{
  color:var(--color-gray-4);
  font-size:12px;
}
body.theme-dark .ovui-input__wrapper--lg{
  padding:12px;
}
body.theme-dark .ovui-custom-input{
  border-radius:0.5rem;
}
body.theme-dark .ovui-input-group__addon:first-child{
  border-top-left-radius:8px;
  border-bottom-left-radius:8px;
  border-right:none;
  margin-right:-1px;
}
body.theme-dark .ovui-input-group__addon:last-child{
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-left:none;
}
body.theme-dark .ovui-input__wrapper--lg.ovui-input__wrapper{
  padding-top:7.5px;
  padding-bottom:7.5px;
}
body.theme-dark .ovui-input__wrapper--lg.ovui-input__wrapper .ovui-input{
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-input__wrapper--lg.ovui-input__wrapper .ovui-input::-moz-placeholder{
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-input__wrapper--lg.ovui-input__wrapper .ovui-input::placeholder{
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-input__wrapper--md.ovui-input__wrapper{
  padding-top:3.5px;
  padding-bottom:3.5px;
}
body.theme-dark .ovui-input__wrapper--md.ovui-input__wrapper .ovui-input{
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-input__wrapper--md.ovui-input__wrapper .ovui-input::-moz-placeholder{
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-input__wrapper--md.ovui-input__wrapper .ovui-input::placeholder{
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-input__wrapper--sm.ovui-input__wrapper{
  padding-top:2.5px;
  padding-bottom:2.5px;
}
body.theme-dark .ovui-input__wrapper--sm.ovui-input__wrapper .ovui-input{
  font-size:var(--font-size-s, 12px);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-input__wrapper--sm.ovui-input__wrapper .ovui-input::-moz-placeholder{
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-input__wrapper--sm.ovui-input__wrapper .ovui-input::placeholder{
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-input__wrapper{
  box-shadow:none;
  border-width:1.5px;
  border-color:transparent;
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-input__wrapper .ovui-input::-moz-placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
  font-family:var(--family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .ovui-input__wrapper .ovui-input::placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
  font-family:var(--family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-s, 16px);
}
body.theme-dark .ovui-input__wrapper .ovui-input{
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  font-family:var(--family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-input__wrapper .ovui-input__suffix .suffix-count{
  color:var(--color-gray-3, rgba(238, 235, 255, 0.22));
  text-align:right;
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-input__wrapper:hover{
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-input__wrapper:hover .ovui-input::-moz-placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-input__wrapper:hover .ovui-input::placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-input__wrapper:not(.ovui-input__wrapper--disabled):not(.ovui-input__wrapper--error):hover{
  border-width:1.5px;
  border-color:var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--focused{
  border-width:1.5px;
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error){
  position:relative;
  overflow:visible;
  border:var(--border-width, 1.5px) solid var(--color-brand-3);
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error)::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:var(--border-width, 1.5px);
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--border-radius, var(--radius-s));
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error){
    border-color:transparent;
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--focused:not(.ovui-input__wrapper--error)::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:var(--border-width, 1.5px);
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--border-radius, var(--radius-s));
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--focused{
  border-width:1.5px;
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-input__wrapper.ovui-input__wrapper--error{
  border-color:var(--color-red-1, #f83e3e) !important;
}
body.theme-dark .ovui-textarea__wrapper--md.ovui-textarea__wrapper .ovui-textarea{
  font-size:var(--font-size-m, 14px);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-textarea__wrapper--md.ovui-textarea__wrapper .ovui-textarea::-moz-placeholder{
  font-size:var(--font-size-m, 14px) !important;
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-textarea__wrapper--md.ovui-textarea__wrapper .ovui-textarea::placeholder{
  font-size:var(--font-size-m, 14px) !important;
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .ovui-textarea__wrapper--sm.ovui-textarea__wrapper .ovui-textarea{
  font-size:var(--font-size-s, 12px);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-textarea__wrapper--sm.ovui-textarea__wrapper .ovui-textarea::-moz-placeholder{
  font-size:var(--font-size-s, 12px) !important;
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-textarea__wrapper--sm.ovui-textarea__wrapper .ovui-textarea::placeholder{
  font-size:var(--font-size-s, 12px) !important;
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-textarea__wrapper{
  box-shadow:none;
  border-width:1.5px;
  border-color:transparent;
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-textarea__wrapper textarea::-moz-placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
  font-family:var(--family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-xl, 24px);
}
body.theme-dark .ovui-textarea__wrapper textarea::placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
  font-family:var(--family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-xl, 24px);
}
body.theme-dark .ovui-textarea__wrapper .ovui-textarea{
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  font-family:var(--family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-xl, 24px);
}
body.theme-dark .ovui-textarea__wrapper .ovui-textarea__count .suffix-count{
  color:var(--color-gray-3, rgba(238, 235, 255, 0.22));
  text-align:right;
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 141231px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-textarea__wrapper:hover{
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-textarea__wrapper:hover .ovui-textarea::-moz-placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-textarea__wrapper:hover .ovui-textarea::placeholder{
  color:var(--text-color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled):not(.ovui-textarea__wrapper--error):hover{
  border-width:1.5px;
  position:relative;
  overflow:visible;
  border:var(--border-width, 1.5px) solid var(--color-brand-3);
}
body.theme-dark .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled):not(.ovui-textarea__wrapper--error):hover::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:var(--border-width, 1.5px);
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--border-radius, var(--radius-s));
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled):not(.ovui-textarea__wrapper--error):hover{
    border-color:transparent;
}
body.theme-dark .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled):not(.ovui-textarea__wrapper--error):hover::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:var(--border-width, 1.5px);
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--border-radius, var(--radius-s));
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--focused{
  border-width:1.5px;
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--focused:not(.ovui-textarea__wrapper--error){
  position:relative;
  overflow:visible;
  border:var(--border-width, 1.5px) solid var(--color-brand-3);
}
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--focused:not(.ovui-textarea__wrapper--error)::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:var(--border-width, 1.5px);
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--border-radius, var(--radius-s));
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--focused:not(.ovui-textarea__wrapper--error){
    border-color:transparent;
}
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--focused:not(.ovui-textarea__wrapper--error)::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:var(--border-width, 1.5px);
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--border-radius, var(--radius-s));
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--focused{
  border-width:1.5px;
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-textarea__wrapper.ovui-textarea__wrapper--error{
  border-color:var(--color-red-1, #f83e3e) !important;
}
body.theme-dark .ovui-textarea__wrapper{
  border-radius:0.5rem;
}
body.theme-dark .ovui-custom-input.ovui-input-number{
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
  border-width:1.5px;
  border-color:transparent;
}
body.theme-dark .ovui-custom-input.ovui-input-number:hover{
  background:var(--color-purplegray-1, rgba(10, 6, 15, 0.6));
  border-width:1.5px;
  border-color:transparent;
}
body.theme-dark .ovui-custom-input.ovui-input-number:not(.ovui-custom-input--disabled):hover{
  position:relative;
  overflow:visible;
  border:1.5px solid var(--color-brand-3);
}
body.theme-dark .ovui-custom-input.ovui-input-number:not(.ovui-custom-input--disabled):hover::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1.5px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-s);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-custom-input.ovui-input-number:not(.ovui-custom-input--disabled):hover{
    border-color:transparent;
}
body.theme-dark .ovui-custom-input.ovui-input-number:not(.ovui-custom-input--disabled):hover::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1.5px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-s);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-custom-input.ovui-input-number.ovui-custom-input--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-custom-input.ovui-input-number.ovui-custom-input--focused{
  position:relative;
  overflow:visible;
  border:1.5px solid var(--color-brand-3);
  box-shadow:none;
}
body.theme-dark .ovui-custom-input.ovui-input-number.ovui-custom-input--focused::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1.5px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-s);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
body.theme-dark .ovui-custom-input.ovui-input-number.ovui-custom-input--focused{
    border-color:transparent;
}
body.theme-dark .ovui-custom-input.ovui-input-number.ovui-custom-input--focused::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1.5px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-s);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
body.theme-dark .ovui-custom-input__suffix.ovui-input-number__suffix{
  height:29px;
}
body.theme-dark .oc-row-input-number .append-string,
body.theme-dark .oc-row-input-number .prepend-string{
  font-size:12px;
}




body.theme-dark .ovui-spin__content .oc-table-loading-text{
  color:var(--color-gray-5);
}
body.theme-dark .ovui-spin__content .oc-loading-icon,
body.theme-dark .ovui-spin__content .ovui-inline-spin{
  color:var(--color-gray-5);
}
body.theme-dark .ovui-spin__content .oc-loading-icon > svg circle[stroke='#fff'],
body.theme-dark .ovui-spin__content .ovui-inline-spin > svg circle[stroke='#fff']{
  stroke:transparent;
}
body.theme-dark .ovui-spin__content .oc-typography{
  color:var(--color-gray-5);
}
body.theme-dark .oc-rolling-load .ovui-spin__block{
  background:transparent;
}
body.theme-dark .ovui-popup__mask.ovui-spin__block-mask{
  background-color:transparent;
}
body.theme-dark .ovui-inline-spin{
  color:#000;
}
body.theme-dark .no-mask .ovui-popup__mask{
  background:transparent;
  backdrop-filter:none;
}
body.theme-dark .no-mask .ovui-spin__block{
  background:transparent;
  backdrop-filter:none;
}

body.theme-dark .oc-create-material-card-wrapper{
  border-radius:12px;
  overflow:hidden;
  background-color:var(--bg-color-select);
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content,
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content-data{
  border-radius:0 !important;
  height:208px !important;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content .oc-create-material-card-content-show .oc-create-material-card-top{
  left:8px;
  top:8px;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content .oc-create-material-card-content-show .oc-create-material-card-top .ovui-tag{
  border-radius:0.25rem;
  background-color:var(--color-mask-bg);
  font-size:0.625rem;
  line-height:0.625rem;
  backdrop-filter:blur(10px);
  padding:0 6px;
  height:18px;
  border:0;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content-show-img{
  border-radius:0 !important;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content-show-img .oc-image-img{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));
  height:100%;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content-show-img .oc-image-img .ovui-image__img-container{
  height:100%;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content-show-img .oc-image-img .ovui-image__img-container img{
  height:100%;
  -o-object-fit:cover !important;
     object-fit:cover !important;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-content-data{
  overflow:hidden;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-select-checkbox{
  top:8px;
  right:8px;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-select-checkbox .ovui-checkbox__inner{
  box-sizing:border-box;
  height:1rem;
  width:1rem;
  border-radius:0.25rem;
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-primary-5) / var(--tw-border-opacity, 1)) !important;
  font-size:1rem;
  line-height:1.5rem;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-select-checkbox .ovui-checkbox__inner .ovui-icon{
  font-size:0.875rem;
  line-height:1.375rem;
  line-height:1;
}
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-select,
body.theme-dark .oc-create-material-card-wrapper .oc-create-material-card-select:hover{
  border:none;
}
body.theme-dark .oc-media-thumb-container{
  background-size:cover;
}
body.theme-dark .oc-media-wrapper .oc-media-thumb-container{
  border-radius:8px;
}
body.theme-dark .oc-media-upload-preview-card-wrapper{
  background-size:cover;
}
body.theme-dark .oc-media-upload-card .oc-file-select-card-wrapper{
  background-color:#302842;
}
body.theme-dark .oc-file-select-card-wrapper:hover .oc-file-select-card-add{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-gray-white) / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .oc-msg .oc-msg-icon-primary iconpark-icon{
  color:#302842;
}
body.theme-dark .oc-msg .oc-typography-color-primary{
  color:var(--color-gray-5);
}
body.theme-dark .oc-msg .oc-msg-list__url-icon{
  color:var(--color-gray-5);
}
body.theme-dark .oc-msg .oc-typography-color-primary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover,
body.theme-dark .oc-msg .oc-typography-color-default.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover,
body.theme-dark .oc-msg .oc-typography-color-secondary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover,
body.theme-dark .oc-msg .oc-typography-color-auxiliary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover{
  --tw-text-opacity:1;
  color:rgb(var(--color-primary-5) / var(--tw-text-opacity, 1));
}
body.theme-dark .oc-msg .oc-typography-color-primary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover + .oc-msg-list__url-icon,
body.theme-dark .oc-msg .oc-typography-color-default.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover + .oc-msg-list__url-icon,
body.theme-dark .oc-msg .oc-typography-color-secondary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover + .oc-msg-list__url-icon,
body.theme-dark .oc-msg .oc-typography-color-auxiliary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover + .oc-msg-list__url-icon{
  --tw-text-opacity:1;
  color:rgb(var(--color-primary-5) / var(--tw-text-opacity, 1));
}
body.theme-dark #okee-message-container{
  top:90px;
}
body.theme-dark .ovui-message.ovui-message--info .ovui-icon.ovui-message__icon{
  color:#fff;
}
body.theme-dark .ovui-message .ovui-message__content{
  align-items:center;
}
body.theme-dark .ovui-message--success .ovui-message__content{
  align-items:center;
  border-radius:8px;
  background-color:rgba(62, 241, 161, 0.12);
  backdrop-filter:blur(calc(var(--size-size-7, 24px) / 2));
}

body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body){
  --tw-text-opacity:1;
  color:rgb(var(--color-gray-white) / var(--tw-text-opacity, 1));
}
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-action-item,
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-more-action{
  line-height:16px;
}
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-action-item:hover,
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-more-action:hover{
  text-decoration-line:underline;
}
body.theme-dark .oc-operation-no-padding{
  width:72px;
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-bg-3) / var(--tw-bg-opacity, 1));
  border-radius:12px;
  box-shadow:0px 16px 24px 0 rgba(0, 0, 0, 0.48);
  padding:6px 0;
}
body.theme-dark .oc-promotion-extra-operation-body{
  background:inherit;
}
body.theme-dark .oc-promotion-extra-operation-body .oc-promotion-operation-action-item:hover{
  background-color:#ffffff1a;
  --tw-text-opacity:1;
  color:rgb(var(--color-gray-white) / var(--tw-text-opacity, 1));
}
body.theme-dark .oc-promotion-extra-operation-body .oc-promotion-operation-action-item,
body.theme-dark .oc-promotion-extra-operation-body .oc-popover{
  padding:0 8px;
}
body.theme-dark .ovui-popover.oc-operation-no-padding{
  background-color:var(--bg-color-popover);
  border-radius:12px;
  padding:8px 12px;
  width:-moz-fit-content;
  width:fit-content;
}
body.theme-dark .ovui-popover.oc-operation-no-padding .oc-promotion-operation-action-item{
  border-radius:8px;
  overflow:hidden;
  color:var(--text-color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
}
body.theme-dark .ovui-popover.oc-operation-no-padding .oc-promotion-operation-action-item:hover{
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .ovui-page-total,
body.theme-dark .ovui-page-jumper__label,
body.theme-dark .ovui-page-select .ovui-select__input {
  color:var(--text-color-body) !important
}
body.theme-dark .ovui-page-turner__item {
  background-color:var(--bg-color-select) !important;
  color:var(--text-color-highlight) !important;
  cursor:pointer;
  border-radius:4px
}
body.theme-dark .ovui-page-turner__item--active {
  background-color:var(--brand-color) !important;
  color:var(--text-color-highlight) !important;
  border:none !important
}
body.theme-dark .oc-popover-body .ovui-button[data-e2e='cancel_opt'],
body.theme-dark .oc-popover-body .cancel-btn .ovui-button{
  border-color:var(--color-bg-2);
  background-color:var(--color-bg-2);
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
body.theme-dark .oc-popover-body .oc-popover-text__content .oc-typography{
  color:var(--text-color-body) !important;
}
body.theme-dark .ovui-popover{
  background-color:var(--bg-color-popover);
  box-shadow:0 10px 20px 0 var(--color-purplegray-color-purplegray-13, rgba(17, 17, 0, 0.12));
  border-radius:12px;
}
body.theme-dark .ovui-popover.oc-media-img-popover{
  overflow:hidden;
}
body.theme-dark .ovui-popover.ovui-popover--dark{
  color:var(--color-gray-4);
}
body.theme-dark .ovui-popover .oc-popover__header{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  margin-bottom:16px !important;
}
body.theme-dark .ovui-popover.oc-media-img-popover .oc-media-preview{
  border-radius:unset;
}
body.theme-dark .ovui-popover.oc-media-img-popover .oc-media-preview .oc-video-player{
  border-radius:unset;
}
body.theme-dark .oc-popover .oc-popover-icon-wrapper > .oc-icon{
  color:var(--color-bg-2);
}
body.theme-dark .oc-popover{
  overflow:visible;
}
body.theme-dark .oc-popover span[data-auto-id='popover-hover-slot']{
  line-height:0;
}
body.theme-dark .force-show-poper-when-hover[data-popper-reference-hidden='true']{
  visibility:inherit;
  pointer-events:inherit;
}
body.theme-dark .ovui-popover{
  padding:var(--spacing-padding-l, 16px);
}
body.theme-dark .ovui-popover[data-popper-placement^='top'] > [data-popper-arrow]{
  bottom:-5px;
}
body.theme-dark .ovui-popover[data-popper-placement^='top'] > [data-popper-arrow]::before{
  background:linear-gradient(135deg, transparent 50%, var(--bg-color-popover) 50%);
  box-shadow:3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
body.theme-dark .ovui-popover[data-popper-placement^='right'] > [data-popper-arrow]{
  left:-5px;
}
body.theme-dark .ovui-popover[data-popper-placement^='right'] > [data-popper-arrow]::before{
  background:linear-gradient(225deg, transparent 50%, var(--bg-color-popover) 50%);
  box-shadow:-3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
body.theme-dark .ovui-popover[data-popper-placement^='bottom'] > [data-popper-arrow]{
  top:-5px;
}
body.theme-dark .ovui-popover[data-popper-placement^='bottom'] > [data-popper-arrow]::before{
  background:linear-gradient(135deg, var(--bg-color-popover) 50%, transparent 50%);
  box-shadow:-3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
body.theme-dark .ovui-popover[data-popper-placement^='left'] > [data-popper-arrow]{
  right:-5px;
}
body.theme-dark .ovui-popover[data-popper-placement^='left'] > [data-popper-arrow]::before{
  background:linear-gradient(45deg, transparent 50%, var(--bg-color-popover) 50%);
  box-shadow:3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
body.theme-dark .ovui-popover.oc-operation-no-padding{
  background-color:var(--bg-color-popover);
  border-radius:12px;
  padding:8px 12px;
  width:-moz-fit-content;
  width:fit-content;
}
body.theme-dark .ovui-popover.oc-operation-no-padding .oc-promotion-operation-action-item{
  border-radius:8px;
  overflow:hidden;
  color:var(--text-color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
}
body.theme-dark .ovui-popover.oc-operation-no-padding .oc-promotion-operation-action-item:hover{
  background:var(--color-purplegray-12, rgba(115, 92, 153, 0.6));
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
}
body.theme-dark .ovui-popover--tooltip{
  padding:8px;
}
body.theme-dark .ovui-progress::before{
  background-color:var(--bg-color-input);
}
body.theme-dark .oc-progress-content .oc-typography-color-default{
  color:var(--color-gray-4);
}
body.theme-dark .ovui-progress--info .ovui-progress__bar{
  min-width:1px;
  background:linear-gradient(317.44deg, #7244e5 0%, #b578ff 100%);
}
body.theme-dark .ovui-progress--white .ovui-progress__bar{
  min-width:1px;
  background-color:var(--color-gray-4, white);
}
body.theme-dark .ovui-radio-item--divider-initial + .ovui-radio-item--divider-initial::before{
  display:none;
}
body.theme-dark .ovui-radio-item--fill{
  padding-left:0.75rem;
  padding-right:0.75rem;
  color:var(--text-color-body);
}
body.theme-dark .ovui-radio-item--fill:focus,
body.theme-dark .ovui-radio-item--fill.ovui-radio-item--checked{
  background-color:var(--bg-color-button);
  --tw-text-opacity:1;
  color:rgb(var(--color-gray-white) / var(--tw-text-opacity, 1));
}
body.theme-dark .ovui-radio.ovui-radio--checked .ovui-radio__inner::after{
  background-color:#fff;
}
body.theme-dark .ovui-checkbox-item--md{
  font-size:12px;
  padding:5px 13px;
}
body.theme-dark .video-detail-radio .ovui-radio--checked .ovui-radio__inner,
body.theme-dark .video-detail-radio .ovui-radio--indeterminate .ovui-radio__inner{
  border-color:var(--color-primary-3) !important;
  background-color:var(--color-primary-3) !important;
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
body.theme-dark .ovui-radio.ovui-radio--checked .ovui-radio__inner{
  border-width:0px !important;
  background:linear-gradient(317deg, var(--color-brand-3, #7244e5) 0%, var(--color-brand-6, #b578ff) 100%);
  -webkit-mask:radial-gradient(transparent 32%, #b578ff 33%);
  mask:radial-gradient(transparent 32%, #b578ff 33%);
}
body.theme-dark .ovui-radio.ovui-radio--checked .ovui-radio__inner::after{
  background-color:transparent;
}
body.theme-dark .ovui-radio .ovui-radio__inner{
  transition:none;
  border-width:0px;
  border:1px solid var(--color-gray-1, rgba(238, 235, 255, 0.65));
  background:var(--color-purplegray-2, rgba(17, 14, 23, 0.4));
}
body.theme-dark .ovui-radio .ovui-radio__inner::after{
  background-color:transparent;
}
body.theme-dark .ovui-radio .ovui-radio__label{
  color:var(--color-highlight, var(--color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-radio.ovui-radio--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-radio-item-group .ovui-radio-item:not(:first-child):not(:last-child),
body.theme-dark .ovui-radio-item-group .ovui-radio-item:not(:first-child):not(:last-child)::after{
  border-radius:8px;
}
body.theme-dark .ovui-radio-item-group .ovui-radio-item:last-child:not(:first-child),
body.theme-dark .ovui-radio-item-group .ovui-radio-item:last-child:not(:first-child)::after{
  border-radius:8px;
}
body.theme-dark .ovui-radio-item-group .ovui-radio-item:first-child:not(:last-child),
body.theme-dark .ovui-radio-item-group .ovui-radio-item:first-child:not(:last-child)::after{
  border-radius:8px;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio.ovui-radio--checked .ovui-radio__inner{
  border-width:0px;
}
body.theme-dark .ovui-radio-item.ovui-radio-item--disabled{
  opacity:0.25;
}
body.theme-dark .oc-row-radio.radio-group-block .oc-radio-group{
  width:100%;
}
body.theme-dark .oc-row-radio.radio-group-block .oc-radio-group .ovui-radio-group{
  width:100%;
}
body.theme-dark .oc-row-radio.radio-group-block .oc-radio-group .ovui-radio-group > *{
  flex:1 1 auto;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain{
  border-radius:8px;
  overflow:hidden;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio{
  padding:5px 16px;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio:hover .ovui-radio--disabled .ovui-radio__label{
  color:#ffffff40;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio:hover .ovui-radio__label{
  color:#fff;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio__label{
  color:#ffffffbf;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio__inner{
  border:1px solid #ffffffbf;
  background-color:transparent;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio.ovui-radio--checked .ovui-radio__label{
  color:#ffffff;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio.ovui-radio--checked .ovui-radio__inner{
  border:1px solid #fff;
  background-color:#fff;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio.ovui-radio--checked .ovui-radio__inner::after{
  background-color:#302842;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio--disabled .ovui-radio__label{
  color:#ffffff40;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio--disabled .ovui-radio__inner{
  border:1px solid #ffffff40;
  background-color:transparent;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio.ovui-radio--checked.ovui-radio--disabled .ovui-radio__label{
  color:#ffffff40;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio.ovui-radio--checked.ovui-radio--disabled .ovui-radio__inner{
  opacity:0.25;
}
body.theme-dark .oc-radio-group.oc-radio-group-plain .oc-radio .ovui-radio.ovui-radio--checked.ovui-radio--disabled .ovui-radio__inner::after{
  background-color:#302842;
}
body.theme-dark .oc-radio-group-button{
  border-radius:0.5rem;
  background-color:var(--bg-color-select);
}
body.theme-dark .aic-design-group-button .oc-radio-group.oc-radio-group-button{
  background:transparent;
}
body.theme-dark .aic-design-group-button .oc-radio-group.oc-radio-group-button .ovui-radio-item-group{
  gap:var(--size-3);
}
body.theme-dark .aic-design-group-button .oc-radio-group.oc-radio-group-button .oc-radio-group-item{
  background:transparent;
  padding-left:var(--spacing-padding-l);
  padding-right:var(--spacing-padding-l);
  min-width:var(--size-14);
  border:1.5px solid var(--border-color-level-1);
  color:var(--color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  text-align:center;
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .aic-design-group-button .oc-radio-group.oc-radio-group-button .oc-radio-group-item:not(.ovui-radio-item--disabled):not(.ovui-radio-item--checked):hover{
  border-radius:var(--radius-s);
  border:1.5px solid var(--border-color-hover, rgba(255, 255, 255, 0.4));
}
body.theme-dark .aic-design-group-button .oc-radio-group.oc-radio-group-button .ovui-radio-item--checked{
  border-color:var(--border-color-active);
  color:var(--color-highlight, var(--color-gray-4, #fff));
  font-weight:var(--font-weight-bold, 600);
}
body.theme-dark .aic-design-group-button .oc-radio-group.oc-radio-group-button .ovui-radio-item--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-range-picker .ovui-input__wrapper{
  border-color:transparent;
  background-color:transparent;
}
body.theme-dark .ovui-range-picker__popper{
  border:1px solid #351c6a;
  border-radius:12px;
}
body.theme-dark .ovui-range-picker__popper .ovui-range-picker__shortcuts{
  border-right:none;
}
body.theme-dark .ovui-range-picker__popper .ovui-range-picker__shortcuts::-webkit-scrollbar{
  display:none;
}
body.theme-dark .ovui-range-picker__popper .ovui-date{
  border-left-width:1px;
  border-left-style:solid;
  border-color:var(--color-gray-1);
}
body.theme-dark .ovui-range-picker__popper .ovui-date .ovui-date__cell--inview .ovui-date__cell-inner{
  background:transparent;
  border:1px solid transparent;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__cell-inner{
  background:transparent;
}
body.theme-dark .ovui-range-picker__popper .ovui-date .ovui-date__cell--left:not(:first-child)::before{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date .ovui-date__cell--right:not(:last-child)::before{
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date .ovui-date__cell--hover.ovui-date__cell--left:not(:first-child)::after{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date .ovui-date__cell--hover.ovui-date__cell--right:not(:last-child)::after{
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}
body.theme-dark .ovui-range-picker__popper .ovui-date__header{
  padding:5px 16px;
  border:0;
}
body.theme-dark .ovui-range-picker .ovui-custom-input{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
  border-width:1.5px;
  border-color:transparent;
  box-shadow:none;
}
body.theme-dark .ovui-range-picker .ovui-custom-input__prefix{
  font-size:var(--font-size-m, 14px);
  color:var(--color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
}
body.theme-dark .ovui-range-picker .ovui-custom-input:hover{
  background:var(--color-purplegray-6, rgba(76, 61, 102, 0.3));
}
body.theme-dark .ovui-range-picker .ovui-custom-input:not(.ovui-custom-input--disabled):hover{
  border-width:1.5px;
  border-color:var(--color-gradient, #7244e5);
}
body.theme-dark .ovui-range-picker .ovui-custom-input.ovui-custom-input--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-range-picker .ovui-input{
  color:var(--color-highlight, var(--color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-m, 14px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-m, 20px);
}
body.theme-dark .ovui-range-picker .ovui-input::-moz-placeholder{
  color:var(--color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-range-picker .ovui-input::placeholder{
  color:var(--color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
}
body.theme-dark .ovui-shortcut:active:not(.ovui-shortcut--disabled){
  color:var(--brand-color);
}





body.theme-dark .oc-skeleton-animation .oc-skeleton-line-row{
  background-image:linear-gradient(100.11deg, rgba(45, 40, 51, 0) 53.73%, rgba(255, 255, 255, 0.15) 61.32%, rgba(45, 40, 51, 0) 68.86%);
}
body.theme-dark .oc-skeleton-animation .oc-skeleton-shape{
  background-image:linear-gradient(100.11deg, rgba(45, 40, 51, 0) 53.73%, rgba(255, 255, 255, 0.15) 61.32%, rgba(45, 40, 51, 0) 68.86%);
}
body.theme-dark .oc-skeleton-line-row{
    border-radius: var(--radius-s);
    background-color: var(--bg-color-label-light);
}
body.theme-dark .ovui-slider .ovui-slider__track{
  background:linear-gradient(90deg, #0057ff 0%, #00d5ff 50%, #64ffe5 100%);
}
body.theme-dark .ovui-slider .ovui-slider__rail{
  background-color:var(--color-bg-5);
}
body.theme-dark .ovui-slider .ovui-slider__thumb{
  border:4px solid white;
  background-color:#fff;
  border-color:#fff;
  width:8px;
  height:8px;
}
body.theme-dark .ovui-slider .ovui-slider__thumb:hover{
  border:6px solid white;
  width:12px;
  height:12px;
  box-shadow:0px 1.5px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 1px 0px rgba(111, 250, 236, 0.12) inset;
}
body.theme-dark .ovui-slider.ovui-slider--disabled{
  cursor:not-allowed;
}
body.theme-dark .ovui-slider.ovui-slider--disabled .ovui-slider__track{
  background:#4f4a5b;
}
body.theme-dark .ovui-slider.ovui-slider--disabled .ovui-slider__thumb{
  background-color:#4f4a5b;
  border-color:#4f4a5b;
}
body.theme-dark .ovui-slider{
  height:var(--size-6);
}
body.theme-dark .ovui-slider .ovui-slider__rail{
  height:10px;
  border-radius:5px;
  background:var(--color-purplegray-color-purplegray-1, rgba(10, 6, 15, 0.6));
}
body.theme-dark .ovui-slider .ovui-slider__track{
  height:10px;
  border-radius:5px;
  background:linear-gradient(270deg, #b578ff 0%, #7244e5 100%);
}
body.theme-dark .ovui-slider .ovui-slider__thumb:hover{
  height:var(--size-6);
  width:10px;
  border-radius:var(--radius-xs);
  cursor:pointer;
  border-width:var(--radius-xs);
}
body.theme-dark .ovui-slider .ovui-slider__thumb{
  height:var(--size-6);
  width:10px;
  border-radius:var(--radius-xs);
  cursor:pointer;
  z-index:1;
  position:relative;
}
body.theme-dark .ovui-slider:not(.ovui-slider--disabled) .ovui-slider__thumb:active::after{
  content:'';
  background:var(--color-gray-2);
  height:26px;
  width:16px;
  border-radius:6px;
  position:absolute;
  z-index:-1;
}
body.theme-dark .ovui-slider.ovui-slider--disabled{
  cursor:not-allowed;
  opacity:0.25;
}
body.theme-dark .ovui-slider.ovui-slider--disabled .ovui-slider__track{
  background:linear-gradient(270deg, #b578ff 0%, #7244e5 100%);
}
body.theme-dark .ovui-slider.ovui-slider--disabled .ovui-slider__thumb{
  cursor:not-allowed;
  background-color:var(--color-gray-4);
  border-color:var(--color-gray-4);
}






body.theme-dark .ovui-switch.ovui-switch--sm{
  width:30px;
  background-color:var(--color-bg-11);
}
body.theme-dark .ovui-switch.ovui-switch--checked{
  background-color:var(--color-success-4);
}
body.theme-dark .ovui-switch.ovui-switch--checked .ovui-switch__thumb{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body.theme-dark .ovui-switch .ovui-switch__thumb{
  background-color:var(--color-gray-2);
}
body.theme-dark .ovui-switch.ovui-switch--checked{
  background:var(--color-brand-3, #7244e5);
}
body.theme-dark .ovui-switch.ovui-switch--checked .ovui-switch__thumb-icon{
  display:none;
}
body.theme-dark .ovui-switch.ovui-switch--md{
  height:var(--size-6);
  width:38px;
}
body.theme-dark .ovui-switch.ovui-switch--md .ovui-switch__thumb{
  height:var(--size-5);
  width:var(--size-5);
}
body.theme-dark .ovui-switch.ovui-switch--md .ovui-switch__thumb.ovui-switch__thumb--to-checked{
  transform:translateX(2px);
}
body.theme-dark .ovui-switch.ovui-switch--disabled{
  opacity:0.25;
}
body.theme-dark .ovui-switch.ovui-switch--disabled .ovui-switch__thumb{
  box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body.theme-dark .ovui-switch.ovui-switch--disabled.ovui-switch--checked .ovui-switch__thumb{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
body.theme-dark .btn-oc-switch :deep .ovui-switch:not(body.theme-dark .btn-oc-switch :deep .ovui-switch--checked){
  background-color:#4b445b;
}
body.theme-dark .btn-oc-switch :deep .ovui-switch__thumb--to-unchecked{
  background-color:#74717f;
}

body.theme-dark .oc-table-wrapper .ovui-tbody .ovui-td{
  padding:16px;
}
body.theme-dark .oc-table-wrapper .ovui-tbody .ovui-tr{
  height:88px;
}
body.theme-dark .oc-table-wrapper .ovui-tr:hover .ovui-td{
  background-color:var(--bg-color-button-hover);
}
body.theme-dark .ovui-td{
  background-color:var(--bg-color-container);
  color:var(--text-color-body);
}
body.theme-dark .ovui-td.ovui-table-cell .ovui-button{
  color:var(--text-color-body);
}
body.theme-dark .ovui-td.ovui-table-cell .ovui-button:hover{
  color:var(--text-color-highlight);
}
body.theme-dark .ovui-tr:hover .ovui-td:first-of-type{
  border-radius:12px 0 0 12px;
}
body.theme-dark .ovui-tr:hover .ovui-td.ovui-td--sticky:last-of-type{
  background-color:var(--bg-color-container) !important;
  z-index:0;
}
body.theme-dark .ovui-tr:hover .ovui-td.ovui-td--sticky:last-of-type::before{
  content:'';
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  background-color:var(--bg-color-button-hover);
  z-index:-1;
  border-radius:0 12px 12px 0;
}
body.theme-dark .ovui-tr:hover .ovui-td:last-of-type:not(.ovui-td--sticky){
  border-radius:0 12px 12px 0;
}
body.theme-dark .ovui-th{
  background-color:var(--bg-color-container);
  color:#ffffff80;
}
body.theme-dark .ovui-th:hover{
  background-color:var(--bg-color-container);
  color:#ffffffbf;
}
body.theme-dark .oc-table-wrapper .ovui-t-summary .ovui-t-summary-cell{
  background-color:var(--bg-color-container);
}
body.theme-dark .ovui-td--sticky-right-first::after{
  box-shadow:inset -14px 0 10px -5px rgba(0, 0, 0, 0.25);
}
body.theme-dark .ovui-th--sticky-right-first::after{
  box-shadow:inset -14px 0 10px -5px rgba(0, 0, 0, 0.25);
}
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body){
  --tw-text-opacity:1;
  color:rgb(var(--color-gray-white) / var(--tw-text-opacity, 1));
}
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-action-item,
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-more-action{
  line-height:16px;
}
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-action-item:hover,
body.theme-dark .oc-promotion-operation-com:not(.oc-popover-body) .oc-promotion-operation-more-action:hover{
  text-decoration-line:underline;
}
body.theme-dark .oc-operation-no-padding{
  width:72px;
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-bg-3) / var(--tw-bg-opacity, 1));
  border-radius:12px;
  box-shadow:0px 16px 24px 0 rgba(0, 0, 0, 0.48);
  padding:6px 0;
}
body.theme-dark .oc-promotion-extra-operation-body{
  background:inherit;
}
body.theme-dark .oc-promotion-extra-operation-body .oc-promotion-operation-action-item:hover{
  background-color:#ffffff1a;
  --tw-text-opacity:1;
  color:rgb(var(--color-gray-white) / var(--tw-text-opacity, 1));
}
body.theme-dark .oc-promotion-extra-operation-body .oc-promotion-operation-action-item,
body.theme-dark .oc-promotion-extra-operation-body .oc-popover{
  padding:0 8px;
}
body.theme-dark .ovui-tabs__bar.ovui-tabs__bar--show{
  height:4px;
  background-color:transparent;
}
body.theme-dark .ovui-tabs__bar.ovui-tabs__bar--show::before{
  content:'';
  position:absolute;
  left:50%;
  border-radius:4px;
  transform:translateX(-50%);
  height:4px;
  width:24px;
  background-color:var(--brand-color);
}
body.theme-dark .ovui-tabs__tab{
  margin-bottom:8px;
}
body.theme-dark .ovui-tabs__tab .ovui-tabs__tab-btn:hover{
  color:var(--text-color-highlight);
}
body.theme-dark .ovui-tabs__tab--disabled > .ovui-tabs__tab-btn:hover{
  color:unset;
}
body.theme-dark .oc-tabs__line .oc-tabs-hide-active-line .ovui-tabs__tab{
  margin-bottom:0;
}
body.theme-dark .oc-tabs__line .oc-tabs-hide-active-line .ovui-tabs__tab--active::after{
  display:none;
}
body.theme-dark .oc-tabs.no-transition .ovui-tabs__bar{
  transition:none;
}
body.theme-dark .oc-tabs__xxl .ovui-tabs__tab{
  font-family:'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  margin-right:32px;
}
body.theme-dark .oc-tabs__xxl .ovui-tabs__bar--show::before{
  width:32px;
}
body.theme-dark .oc-tabs__xxl.oc-tabs__card .ovui-tabs__tab{
  line-height:28px;
}
body.theme-dark .ovui-tag,
body.theme-dark .ovui-tag--md{
  border-radius:4px;
}
body.theme-dark .oc-tag .ovui-tag--xs.ovui-tag--border,
body.theme-dark .oc-tag .ovui-tag--sm.ovui-tag--border{
  padding:0 4px;
}
body.theme-dark .ovui-tag--danger-light-stroke{
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-danger-5) / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border:0;
}
body.theme-dark .ovui-tag--warning-light-stroke{
  background-color:var(--color-warning-6);
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  border:0;
}
body.theme-dark .ovui-tag--default-light-fill,
body.theme-dark .ovui-tag--default-fill{
  background-color:rgba(26, 26, 27, 0.5);
  color:#ffffff;
  border:0;
  margin-right:4px;
}
body.theme-dark .tag-alpha .ovui-tag--danger-light-stroke{
  background-color:rgb(var(--color-danger-5) / 0.34);
}
body.theme-dark .tag-alpha .ovui-tag--warning-light-stroke{
  background-color:rgb(var(--color-warning-5) / 0.34);
}
body.theme-dark .oc-tag{
  font-size:0;
  line-height:0;
}
body.theme-dark .oc-tagbody.theme-dark .oc-tag-type-flex{
  display:inline-flex;
  align-items:center;
}
body.theme-dark .oc-tag .ovui-tag{
  cursor:default;
}
body.theme-dark .oc-tag .ovui-tag--white{
  background-color:#302842;
  color:#ffffff;
}
body.theme-dark .oc-tag .ovui-tag--white.ovui-tag--disabled,
body.theme-dark .oc-tag .ovui-tag--white.ovui-tag--disabled:hover{
  color:rgba(255, 255, 255, 0.25);
}
body.theme-dark .oc-tag .ovui-tag--white-light{
  background-color:#302842;
  color:#ffffff;
  border:1px solid #ffffff;
}
body.theme-dark .oc-tag .ovui-tag--white-light.ovui-tag--disabled,
body.theme-dark .oc-tag .ovui-tag--white-light.ovui-tag--disabled:hover{
  color:rgba(255, 255, 255, 0.25);
  border:1px solid rgba(255, 255, 255, 0.25);
}
body.theme-dark .oc-tag .ovui-tag--xs .oc-tag-text{
  zoom:0.83333333;
  line-height:12px;
}
body.theme-dark .oc-tag .ovui-tag--xs,
body.theme-dark .oc-tag .ovui-tag--sm{
  padding:0 4px;
  border-width:0;
}
body.theme-dark .oc-tag .ovui-tag--xs.ovui-tag--border,
body.theme-dark .oc-tag .ovui-tag--sm.ovui-tag--border{
  padding:0 4px;
  border-width:1px;
}
body.theme-dark .oc-tag-text{
  font-family:'PingFang SC';
  font-style:normal;
}
body.theme-dark .oc-tag-text-bold{
  font-weight:bolder;
}
body.theme-dark .oc-tag-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.theme-dark .oc-tag-icon{
  margin-right:2px;
  display:inline-flex;
  align-items:center;
}
body.theme-dark .oc-tag-douyin .ovui-tag{
  color:#fff;
  border:none;
}
body.theme-dark .oc-tag-douyin .ovui-tag--danger-light-fill{
  background:linear-gradient(135deg, #ff1764 0%, #ed3495 100%);
}
body.theme-dark .oc-tag-douyin .ovui-tag--default-light-fill{
  background:linear-gradient(135deg, #abadba 0%, #84879a 100%);
}
body.theme-dark .oc-tag-market .ovui-tag{
  font-weight:bolder;
  border-radius:8px 0px;
}
body.theme-dark .oc-tag-operate .ovui-tag{
  border-radius:32px 32px 32px 0px;
}
body.theme-dark .oc-tag-operate-normal .ovui-tag{
  border-radius:8px;
}
body.theme-dark .oc-tag-operate .ovui-tag,
body.theme-dark .oc-tag-operate-normal .ovui-tag{
  font-weight:bolder;
  border:none;
}
body.theme-dark .oc-tag-operate .ovui-tag--danger-fill,
body.theme-dark .oc-tag-operate-normal .ovui-tag--danger-fill{
  background:linear-gradient(102deg, #fa5089 23.92%, #fc96b8 105.66%);
}
body.theme-dark .oc-tag-operate .ovui-tag--warning-fill,
body.theme-dark .oc-tag-operate-normal .ovui-tag--warning-fill{
  background:linear-gradient(103deg, #ff734d 3.67%, #fab426 97.07%);
}
body.theme-dark .oc-tag-operate .ovui-tag--success-fill,
body.theme-dark .oc-tag-operate-normal .ovui-tag--success-fill{
  background:linear-gradient(101deg, #34ba7b 31.95%, #b6d70f 140.28%);
}
body.theme-dark .oc-tag-operate .ovui-tag--info-fill,
body.theme-dark .oc-tag-operate-normal .ovui-tag--info-fill{
  background:linear-gradient(103deg, #3865e9 6.94%, #38a1ff 100%);
}
body.theme-dark .oc-tag-round .ovui-tag--xs{
  border-radius:24px;
}
body.theme-dark .oc-tag-round .ovui-tag--sm{
  border-radius:20px;
}
body.theme-dark .input-tag.oc-tag .ovui-tag{
  border-radius:4px;
  background:var(--color-gray-8, rgba(255, 255, 255, 0.08));
  border-width:0px;
  color:var(--text-color-highlight, var(--color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-s, 16px);
}


body.theme-dark{
}
body.theme-dark .oc-title.title-gray-5 .oc-title-text{
  color:var(--text-color-highlight) !important;
}
body.theme-dark .oc-title .oc-title-required{
  display:none;
}
body.theme-dark .oc-title .oc-typography.oc-typography-size-sm{
  color:var(--color-body, var(--color-gray-1, rgba(238, 235, 255, 0.65)));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-l, 15px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-l, 22px);
}
body.theme-dark .oc-title .oc-typography.oc-typography-size-md{
  color:var(--color-highlight, var(--color-gray-color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--color-body-font-size-xl, 16px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-xl, 24px);
}
body.theme-dark .oc-title .oc-typography.oc-typography-size-lg{
  color:var(--color-highlight, var(--color-gray-4, #fff));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-xxl, 20px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-xxl, 28px);
}
body.theme-dark .oc-title .oc-title-suffix{
  color:var(--color-second, var(--color-gray-2, rgba(238, 235, 255, 0.45)));
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-s, 12px);
  font-style:normal;
  font-weight:var(--font-weight-reg, 400);
  line-height:var(--line-height-s, 16px);
}


body.theme-dark .oc-typography-color-inherit{
  color:inherit;
}
body.theme-dark .oc-typography-color-default{
  color:var(--text-color-highlight);
}
body.theme-dark .oc-typography-color-auxiliary{
  color:rgba(255, 255, 255, 0.75);
}
body.theme-dark .oc-typography-color-secondary{
  color:var(--text-color-body);
}
body.theme-dark .oc-typography-color-primary{
  color:#651dff;
}
body.theme-dark .oc-typography-color-danger{
  color:#ff0060;
}
body.theme-dark .oc-typography-color-success{
  color:#00d5a4;
}
body.theme-dark .oc-typography-color-warning{
  color:var(--text-color-warning);
}
body.theme-dark .oc-typography-text-overflow{
  overflow:hidden;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  word-break:break-all;
  white-space:normal;
}
.aic-ai-watermark[data-v-8c1218f5]{
  position:relative;
}
.aic-ai-watermark[data-v-8c1218f5]::after{
  content:'';
  position:absolute;
  pointer-events:none;
  top:var(--v55bde4f0);
  right:var(--v55bde4f0);
  width:var(--v54cb3eba);
  height:var(--v54cb3eba);
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url('https://p3-aic-static.byteimg.com/tos-cn-i-bgswn1iqqi/390100f8d339d1a9377f38edde932775.svg~tplv-bgswn1iqqi-image.image');
}
.jc-sound[data-v-90fd7dc5]{
  display:flex;
  position:relative;
}
.jc-sound-play[data-v-90fd7dc5]{
  position:relative;
  width:56px;
  height:56px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
}
.jc-sound-play:hover .jc-sound-playing[data-v-90fd7dc5]{
  opacity:1;
}
.jc-sound-play:hover .jc-sound-icon[data-v-90fd7dc5]{
  opacity:0;
}
.jc-sound-play:hover img[data-v-90fd7dc5]{
  filter:blur(2px);
}
.jc-sound-play img[data-v-90fd7dc5]{
  width:100%;
  height:100%;
  border-radius:8px;
}
.jc-sound-playing[data-v-90fd7dc5]{
  position:absolute;
  opacity:0;
  width:100%;
  height:100%;
  border-radius:8px;
  background:#00000066;
  display:flex;
  justify-content:center;
  align-items:center;
}
.jc-sound-icon[data-v-90fd7dc5]{
  position:absolute;
  opacity:1;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
@keyframes line-scale-pulse-out-c0f79389{
0%{
    transform:scaleY(1);
}
50%{
    transform:scaleY(0.4);
}
100%{
    transform:scaleY(1);
}
}
.mini-player-animation[data-v-c0f79389]{
  width:18px;
  height:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.mini-player-animation > div[data-v-c0f79389]{
  background-color:#ffffff;
  width:2px;
  height:12px;
  border-radius:1px;
  animation:line-scale-pulse-out-c0f79389 1s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation-fill-mode:both;
}
.mini-player-animation > div[data-v-c0f79389]:nth-child(2),
.mini-player-animation > div[data-v-c0f79389]:nth-child(4){
  animation-delay:-0.4s !important;
}
.mini-player-animation > div[data-v-c0f79389]:nth-child(1),
.mini-player-animation > div[data-v-c0f79389]:nth-child(5){
  animation-delay:-0.2s !important;
}
.aic-base-footer[data-v-d0e4f2b2] button{
  min-width:134px;
}
.breadcrumb-list[data-v-9a9e38e1]{
  display:flex;
  color:rgba(255, 255, 255, 0.5);
}
.breadcrumb-list-item[data-v-9a9e38e1]{
  display:flex;
  align-items:center;
}
.breadcrumb-list-item:last-child .breadcrumb-list-item-separate[data-v-9a9e38e1]{
  display:none;
}
.breadcrumb-list-item-separate[data-v-9a9e38e1]{
  margin-left:4px;
  margin-right:4px;
}
.breadcrumb-list.default .breadcrumb-list-item:last-child .breadcrumb-list-item-content[data-v-9a9e38e1],
.breadcrumb-list.default .breadcrumb-list-item:last-child .breadcrumb-list-item-content[data-v-9a9e38e1]:hover{
  color:white;
  font-weight:600;
  cursor:unset;
}
.breadcrumb-list.default .breadcrumb-list-item-content[data-v-9a9e38e1]{
  font-size:14px;
  line-height:22px;
  cursor:pointer;
}
.breadcrumb-list.default .breadcrumb-list-item-content[data-v-9a9e38e1]:hover{
  color:white;
}
.breadcrumb-list.default .breadcrumb-list-item-content.disabled[data-v-9a9e38e1]:hover{
  cursor:unset;
}
.breadcrumb-list.large .breadcrumb-list-item:last-child .breadcrumb-list-item-content[data-v-9a9e38e1],
.breadcrumb-list.large .breadcrumb-list-item:last-child .breadcrumb-list-item-content[data-v-9a9e38e1]:hover{
  color:white;
  font-weight:600;
  cursor:unset;
}
.breadcrumb-list.large .breadcrumb-list-item-content[data-v-9a9e38e1]{
  font-size:16px;
  line-height:24px;
  cursor:pointer;
}
.breadcrumb-list.large .breadcrumb-list-item-content[data-v-9a9e38e1]:hover{
  color:white;
}
.item-selected[data-v-202edf0a]{
  position:relative;
  overflow:visible;
  border:1px solid var(--color-brand-3)
}
.item-selected[data-v-202edf0a]::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-s);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3)
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
.item-selected[data-v-202edf0a]{
    border-color:transparent
}
.item-selected[data-v-202edf0a]::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-s);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box
}
}
.aic-radio-group-title[data-v-635fe7ef] {
    margin-top: 0.25rem;
    flex: none;
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    color: var(--text-color-body)
}
.aic-radio-group-content[data-v-635fe7ef] {
    margin-left: 0.75rem;
    display: flex;
    flex-wrap: wrap
}
.jc-btn-radio{
  margin-right:0.5rem;
  margin-bottom:0.5rem;
  display:flex;
  cursor:pointer;
  align-items:center;
  border-radius:var(--radius-xs);
  background-color:var(--bg-color-button);
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  color:var(--text-color-highlight);
  border:1.5px solid transparent
}
.jc-btn-radio.jc-active-btn-radio{
  position:relative;
  overflow:visible;
  border:1.5px solid var(--color-brand-3)
}
.jc-btn-radio.jc-active-btn-radio::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1.5px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-xs);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3)
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
.jc-btn-radio.jc-active-btn-radio{
    border-color:transparent
}
.jc-btn-radio.jc-active-btn-radio::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1.5px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-xs);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box
}
}
.xgplayer .ai-tag{
  position:absolute;
  top:0;
  right:0;
  z-index:1;
  pointer-events:none;
  transform-origin:top right;
}
.preview-cover-img[data-v-c6e62e4c]{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  max-width:none;
  transition:filter 0.3s ease-in-out;
}
.cover-img[data-v-c6e62e4c]{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  max-width:none;
  background-color:transparent;
  transition:opacity 0.3s ease-in-out;
  opacity:0;
}
.video-item[data-v-c6e62e4c]{
  transition:filter 0.3s ease-in-out;
}
.video-item .video-mask[data-v-c6e62e4c]{
  opacity:0;
  background:rgba(0, 0, 0, 0.5);
}
.group\/mouse-in-card:hover .video-mask[data-v-c6e62e4c]{
  opacity:1;
  z-index:-1;
}
.video-item[data-v-c6e62e4c]{
  border-radius:8px;
  --border-width:2px;
  border:solid transparent var(--border-width);
}
.video-item > div[data-v-c6e62e4c]{
  border-radius:var(--inner-border-radius);
}
.aic-xgplayer-poster-cover .xgplayer .xgplayer-poster{
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.aic-xgplayer-poster-no-spinner .xgplayer.xgplayer-is-enter .xgplayer-enter{
  display:none !important;
}
.xgplayer-custom-controls .xgplayer-controls{
  display:none !important;
}
.xgplayer .xgplayer-controls{
  background:linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 98.75%);
}
.xgplayer .xgplayer-progress-played{
  background:white;
}
.xgplayer .xgplayer-progress-btn{
  --tw-shadow:0 0 #0000 !important;
  --tw-shadow-colored:0 0 #0000 !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  background:none !important;
}
.xgplayer .xgplayer-progress-btn.active{
  border:4px solid rgba(255, 255, 255, 0.3) !important;
}
.xgplayer .xgplayer-progress-btn.active::before{
  box-shadow:0 0 3px rgba(255, 255, 255, 0.7) !important;
}
.xgplayer .xg-options-list li.option-item{
  box-sizing:content-box;
}
.xgplayer .xg-options-list li:hover,
.xgplayer .xg-options-list li.selected{
  color:var(--text-color-highlight) !important;
}
.xgplayer .xg-custom-icon{
  color:var(--text-color-highlight);
  height:20px;
}
.xgplayer .xgplayer-playbackrate{
  font-family:var(--font-family-number, "OPPOSans", "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif) !important;
  font-weight:var(--font-weight-reg, 400) !important;
  font-size:var(--font-size-s, 12px) !important;
  line-height:var(--line-height-s, 16px) !important;
}
.xgplayer .xgplayer-drag{
  background:white;
}
.xgplayer .xg-pos{
  left:0.75rem;
  right:0.75rem;
}
.xgplayer .xgplayer-time{
  font-family:var(--font-family-number, "OPPOSans", "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif) !important;
  font-weight:var(--font-weight-reg, 400) !important;
  font-size:var(--font-size-m, 14px) !important;
  line-height:var(--line-height-m, 20px) !important;
}
.xgplayer .xgplayer-time .time-duration,
.xgplayer .xgplayer-time .time-separator{
  color:var(--text-color-second);
}
.hidden-icon-control[data-v-0e289ae6] .xgplayer-start{
  pointer-events:none;
  display:none !important;
}
.card-player video{
  width:100%;
  height:100%;
}
.card-player .xgplayer-enter .xgplayer-enter-spinner{
  width:50px !important;
  height:50px !important;
}
.carousel-preview{
  width:100%;
  height:100%;
  position:relative;
  background:#000;
}
.carousel-preview-item{
  width:100%;
  height:100%;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
.carousel-preview-audio{
  color:#fff;
  cursor:pointer;
  position:absolute;
  right:12px;
  bottom:22px;
}
.carousel-preview .oc-carousel-dots-auto li .oc-carousel-btn{
  height:2px !important;
}
.chips-container[data-v-f0467803]{
  background-color:var(--bg-color-input);
  border:1.5px solid transparent;
  position:relative;
  display:flex;
  gap:4px;
  align-items:flex-start;
  align-content:flex-start;
  width:100%;
  min-height:96px;
  margin:0;
  padding:6px 8px;
  list-style-type:none;
  cursor:text;
  overflow:hidden;
  flex-wrap:wrap;
  font-size:12px;
  border-radius:8px;
  -moz-appearance:none;
       appearance:none;
  outline:0;
}
.singleline[data-v-f0467803]{
  min-height:auto;
}
.singleline .input-placeholder[data-v-f0467803]{
  top:5px;
  white-space:nowrap;
}
.singleline .chips-limit[data-v-f0467803]{
  bottom:5px;
}
.singleline .input-container[data-v-f0467803]{
  padding:2px 0;
}
.input-container[data-v-f0467803]{
  display:inline-flex;
  flex:1 1 50px;
  padding:3px 0 2px 0;
  height:100%;
}
.single-chip[data-v-f0467803]{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  max-width:100%;
  cursor:default;
}
.single-chip.danger[data-v-f0467803]{
  border:1px solid #f5bbbb;
}
.single-chip span[data-v-f0467803]{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.single-chip span[data-v-f0467803]:hover{
  overflow:visible;
  white-space:normal;
  height:auto;
}
.chips-input[data-v-f0467803]{
  width:100%;
  margin:0;
  padding:0;
  border:0 none;
  outline:0 none;
  background-color:transparent;
  box-shadow:none;
  border-radius:0;
  font-size:14px;
}
.input-placeholder[data-v-f0467803]{
  position:absolute;
  top:6px;
  margin-right:8px;
  line-height:22px;
  font-size:14px;
  color:#969aa0;
}
.chips-limit[data-v-f0467803]{
  color:var(--color-gray-3);
  position:absolute;
  bottom:4px;
  right:8px;
  font-size:12px;
  line-height:22px;
}
.chips__wrapper[data-v-f0467803]{
  border:transparent solid 1.5px;
  border-radius:8px;
}
.chips__wrapper--focused[data-v-f0467803]{
  position:relative;
  overflow:visible;
  border:1.5px solid var(--color-brand-3);
}
.chips__wrapper--focused[data-v-f0467803]::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:1.5px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-s);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
.chips__wrapper--focused[data-v-f0467803]{
    border-color:transparent;
}
.chips__wrapper--focused[data-v-f0467803]::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:1.5px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-s);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
.focused[data-v-f0467803]{
  color:var(--color-primary-4);
}
.cursor-circle-mask[data-v-0e29ff74]{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  overflow:hidden;
  z-index:13;
  pointer-events:none;
  border-radius:inherit;
}
.cursor[data-v-0e29ff74]{
  position:absolute;
  top:calc(var(--top, -200px) - 21px);
  left:calc(var(--left, -200px) - 21px);
  display:flex;
  justify-content:center;
  align-items:center;
}

.aic-light-cursor-ball{
  box-shadow:0 0 50px 20px #7f00ff;
  background-color:#7f00ff;
  opacity:0.75;
  width:43px;
  height:43px;
  filter:blur(15px);
  border-radius:100%;
}
.aic-drawer-wrap .ovui-drawer{
  border-radius:20px;
  overflow:hidden;
  --draw-bg-color:var(--bg-color-container);
  background-color:var(--draw-bg-color);
}
.aic-drawer-wrap .ovui-drawer .oc-drawer-header{
  background-color:var(--draw-bg-color);
}
.aic-drawer-wrap .ovui-drawer .oc-drawer-body{
  background-color:var(--draw-bg-color);
}
.aic-drawer-wrap .ovui-drawer .oc-drawer-body .oc-default-slot{
  padding:0;
}
.close-icon[data-v-30639b3f]{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background-color:var(--bg-color-select);
  cursor:pointer;
  margin-left:auto;
}
.drawer-content-container[data-v-30639b3f]{
  height:calc(100% - 84px);
}
.inspiration-customer-line{
  display:flex;
  height:2rem;
  align-items:center;
  justify-content:center;
}
.inspiration-customer-line .ovui-button{
  background-color:transparent !important;
  padding-left:0.5rem;
  padding-right:0.5rem;
  color:var(--text-color-body) !important;
}
.inspiration-customer-line.active{
  border-radius:var(--radius-s);
  background-color:var(--bg-color-button-hover) !important;
}
.inspiration-customer-line.active button{
  font-weight:700 !important;
  color:var(--text-color-highlight) !important;
}
.inspiration-customer-line:hover{
  border-radius:var(--radius-s);
  background-color:var(--bg-color-button-hover) !important;
}
.inspiration-customer-line:hover button{
  font-weight:700 !important;
  color:var(--text-color-highlight) !important;
}
.ovui-dropdown__popper{
  max-height:212px;
}
.inspiration-customer .ovui-button{
  border-radius:8px;
  height:40px;
  border-color:transparent;
  background-color:var(--color-gray-7) !important;
  font-size:0.875rem;
  font-weight:600;
}
.inspiration-customer .ovui-dropdown__popper{
  border-radius:12px;
}
.inspiration-customer .ovui-dropdown__popper::-webkit-scrollbar{
  display:none;
}
.inspiration-customer.active iconpark-icon[name='oc-icon-down']{
  transform:rotate(180deg);
}
.inspiration-customer .ovui-dropdown-button svg{
  color:#fff !important;
}
.dropdown-sm{
  height:auto;
  border-radius:4px !important;
}
.dropdown-sm .ovui-button{
  border-radius:4px !important;
  height:24px;
  min-width:0;
  padding:2px 4px;
}
.aic-ellipsis-highlight[data-v-b590a397]{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.common-popover-filter__popper{
  overflow:unset !important;
}
.common-popover-filter__popper .oc-popover-operate__footer .btn__cancel{
  margin-right:8px;
}
.filter-label-active{
  position:relative;
  overflow:visible;
  border:var(--border-width, 1.5px) solid var(--color-brand-3);
}
.filter-label-active::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:var(--border-width, 1.5px);
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-xs);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
.filter-label-active{
    border-color:transparent;
}
.filter-label-active::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:var(--border-width, 1.5px);
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-xs);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
.history-input-popover[data-v-b93bd122]{
  display:block;
}
.history-input-popover[data-v-b93bd122] .ovui-popover{
  padding:0;
}
.name-history-button[data-v-b93bd122] .ovui-button{
  padding:1px 8px;
  min-width:unset;
}
.horizon-scroller-wrapper[data-v-2baec0f1] {
  position:relative;
  display:flex;
  flex:1 1 0%
}
.swiper-action[data-v-2baec0f1] {
  position:absolute;
  display:flex;
  align-items:center;
  z-index:999;
  top:var(--v2e22c414);
  transform:translateY(-50%)
}
.swiper-action__left[data-v-2baec0f1] {
  left:0.5rem
}
.swiper-action__right[data-v-2baec0f1] {
  right:0.5rem
}
.swiper-action[data-v-2baec0f1] button {
  background-color:var(--bg-color-button) !important;
  --tw-shadow:var(--shadow-2);
  --tw-shadow-colored:var(--shadow-2);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur:blur(var(--background-blur-1));
  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);
  border:1px solid var(--border-color-level-1) !important
}
.group-item[data-v-e8b3a3da]{
  position:relative;
  cursor:pointer;
  border-radius:0.75rem;
  padding:0.75rem;
  width:240px;
  height:272px;
  background:var(--color-purplegray-color-purplegray-6, rgba(76, 61, 102, 0.3));
  border:solid 2px transparent;
}
.group-item_selected[data-v-e8b3a3da]{
  position:relative;
  overflow:visible;
  border:2px solid var(--color-brand-3);
  background-color:var(--bg-color-select);
}
.group-item_selected[data-v-e8b3a3da]::before{
  pointer-events:none;
  position:absolute;
  box-sizing:content-box;
  height:100%;
  width:100%;
  content:'';
  --x-border-width:2px;
  top:calc(0px - var(--x-border-width));
  left:calc(0px - var(--x-border-width));
  border:var(--x-border-width) solid transparent;
  z-index:49;
  --x-border-radius:var(--radius-m);
  border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
  border-color:var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)){
.group-item_selected[data-v-e8b3a3da]{
    border-color:transparent;
}
.group-item_selected[data-v-e8b3a3da]::before{
    pointer-events:none;
    position:absolute;
    box-sizing:content-box;
    height:100%;
    width:100%;
    content:'';
    --x-border-width:2px;
    top:calc(0px - var(--x-border-width));
    left:calc(0px - var(--x-border-width));
    border:var(--x-border-width) solid transparent;
    z-index:49;
    --x-border-radius:var(--radius-m);
    border-top-left-radius:var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius:var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius:var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius:var(--border-bottom-left-radius, var(--x-border-radius));
    background:var(--brand-color-gradient) border-box;
    -webkit-mask:linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
}
.group-item_selected[data-v-e8b3a3da]:hover{
  background-color:var(--bg-color-select);
}
.group-img_sm[data-v-e8b3a3da]{
  -o-object-fit:cover;
     object-fit:cover;
  width:107px;
  height:107px;
}
.group-img_lg[data-v-e8b3a3da]{
  -o-object-fit:cover;
     object-fit:cover;
  width:100px;
  height:222px;
}
@media (max-width: 1440px){
.group-item[data-v-e8b3a3da]{
    width:200px;
    height:224px;
}
.group-img_sm[data-v-e8b3a3da]{
    width:84px;
    height:84px;
}
.group-img_lg[data-v-e8b3a3da]{
    width:84px;
    height:176px;
}
}
.selected-dialog[data-v-969bae61]{
  box-shadow:inset 0px 0px 0px 1px rgba(210, 32, 255, 0.5);
  background-color:rgba(210, 32, 255, 0.08);
  border-radius:24px;
}
.info-flow-line[data-v-969bae61]{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0.5rem;
  font-size:0.75rem;
  line-height:1.125rem;
  line-height:14px;
  color:var(--text-color-second);
}
.left-right-swiper-scroll-box[data-v-3e80e2c8]{
  position:relative;
  overflow:hidden;
  width:var(--v3f5ebf7c);
  display:flex;
}
.left-right-swiper-scroll-box .scroll-icon:hover .icon[data-v-3e80e2c8]{
  background-color:var(--color-purplegray-12);
}
.left-right-swiper-scroll-box .scroll-icon[data-v-3e80e2c8]{
  height:100%;
  position:absolute;
  top:0;
  width:20px;
  z-index:200;
  display:flex;
  vertical-align:middle;
  align-items:center;
  cursor:pointer;
}
.left-right-swiper-scroll-box .scroll-icon .icon[data-v-3e80e2c8]{
  width:20px;
  height:20px;
  border-radius:50%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:var(--color-purplegray-8);
}
.left-right-swiper-scroll-box .scroll-icon .byted-icon[data-v-3e80e2c8]{
  height:42px;
}
.left-right-swiper-scroll-box .scroll-icon.left-icon[data-v-3e80e2c8]{
  left:0;
}
.left-right-swiper-scroll-box .scroll-icon.right-icon[data-v-3e80e2c8]{
  right:0;
}
.left-right-swiper-scroll-box .swiper-scroll-content[data-v-3e80e2c8]{
  display:flex;
  white-space:nowrap;
  transition:margin-left 0.3s;
  padding:10px 0;
  margin-left:var(--v38f9e2f4);
  gap:var(--deb63aa2);
}
.video-previewer-container[data-v-a581967e]{
  display:flex;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
}
.video-previewer-container .video-player[data-v-a581967e]{
  width:350px;
  height:620px;
  max-height:100%;
  max-width:100%;
  margin:auto;
  -moz-user-select:none;
       user-select:none;
  pointer-events:all;
  transition:transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.carousel-previewer-container[data-v-fa0dcf16]{
  display:flex;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
}
.carousel-previewer-container .carousel[data-v-fa0dcf16]{
  margin:auto;
  -moz-user-select:none;
       user-select:none;
  pointer-events:all;
  transition:transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.media-previewer{
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  display:flex;
  z-index:9999;
}
.media-previewer-mask{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  background-color:rgba(26, 26, 27, 0.5);
}
.media-previewer-close{
  position:absolute;
  top:32px;
  right:32px;
  height:48px;
  width:48px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  background:rgba(0, 0, 0, 0.4);
  border-radius:50%;
  cursor:pointer;
  color:#fff;
}
.watermark-tip{
  position:fixed;
  top:16px;
  left:calc(50% - 390px);
  width:780px;
  display:flex;
  align-items:center;
  z-index:10000;
  padding:6px 12px;
  border-radius:4px;
  font-size:14px;
  background:rgba(0, 0, 0, 0.4);
}
.watermark-tip span{
  margin-left:6px;
  color:#fff;
}
.media[data-v-98ba2e88] .oc-media-thumb-container{
  width:100% !important;
  height:100% !important;
}
.media .image-not-fill[data-v-98ba2e88] .ovui-image__img{
  -o-object-fit:contain;
     object-fit:contain;
}
.icon-class[data-v-98ba2e88]{
  position:absolute;
  display:none;
  height:1.25rem;
  width:1.25rem;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:0.25rem;
  background-color:var(--color-purplegray-3);
}
.group\/media:hover .icon-class[data-v-98ba2e88]{
  display:flex;
}
.multiple-icon-class[data-v-98ba2e88]{
  display:flex;
  height:2rem;
  width:2rem;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:0.25rem !important;
  background-color:var(--mask-dark);
}
.bottom-icons[data-v-98ba2e88]{
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 4.55%, rgba(0, 0, 0, 0.4) 100%);
}
.preview-item-wrapper[data-v-d1845967] {
    display: contents;
    cursor: zoom-in
}
.group-preview-wrapper[data-v-3dc4665b] {
  position:fixed;
  top:0px;
  left:0px;
  display:flex;
  height:100vh;
  width:100vw;
  -moz-user-select:none;
       user-select:none;
  align-items:center;
  justify-content:center;
  background-color:var(--mask-dark)
}
.switch-arrow[data-v-3dc4665b] {
  position:absolute;
  top:50%;
  --tw-translate-y:-50%;
  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));
  cursor:pointer;
  color:var(--text-color-highlight);
  display:flex;
  height:3rem;
  width:3rem;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  border-color:var(--border-color-level-1);
  background-color:var(--bg-color-label-dark);
  padding:0.75rem;
  --tw-backdrop-blur:blur(var(--background-blur-1));
  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);
  border-width:1.5px;
  gap:15px
}
.close-btn[data-v-3dc4665b] {
  position:absolute;
  right:2rem;
  top:2rem;
  cursor:pointer;
  display:flex;
  height:3rem;
  width:3rem;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  background-color:var(--bg-color-label-dark);
  padding:0.75rem;
  gap:15px
}
.theme-dark .aic-primary-btn button{
  background:linear-gradient(91deg, #671eff -0.29%, #b034ec 97.36%);
}
.theme-dark .aic-primary-btn button.ovui-button--disabled{
  color:rgba(255, 255, 255, 0.3);
  background:linear-gradient(91deg, #671eff4c -0.29%, #b034ec4c 97.36%);
}
.theme-dark .oc-typography-color-primary{
  color:var(--text-color-highlight) !important;
}
.theme-dark .oc-msg-list__url-icon{
  color:var(--text-color-highlight) !important;
}
.aic-primary-btn button{
  border:none;
  border-radius:12px;
}
.icon[data-v-f2c5fa7a] {
  aspect-ratio:1 / 1;
  width:var(--ddf2e214);
  height:var(--ddf2e214)
}
.aic-select-plain[data-v-f2b6f283] {
    position: relative;
    color: var(--text-color-body)
}
.aic-select-plain[data-v-f2b6f283]:hover {
    background-color: var(--bg-color-button-hover) !important;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.aic-select-plain.selected[data-v-f2b6f283] {
    background-color: var(--bg-color-select);
    color: var(--text-color-highlight)
}
.side-collapse__container[data-v-c136e308]{
  display:flex;
  height:100%;
  border-radius:var(--radius-l);
  z-index:100;
}
.side-collapse__left[data-v-c136e308]{
  flex:0 0 104px;
  height:100%;
  background-color:var(--bg-color-container);
  backdrop-filter:blur(18px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:24px 12px;
  border-top-left-radius:var(--radius-l);
  border-bottom-left-radius:var(--radius-l);
  border-right:1px solid var(--border-color-level-2);
  scrollbar-width:none;
}
.side-collapse__connection[data-v-c136e308]{
  width:8px;
  height:calc(100% - 144px);
  background:#261d38;
  backdrop-filter:blur(18px);
  margin:72px 0;
  position:relative;
  background:radial-gradient(circle at 4px 0, transparent 4px, #261d38 0) top, radial-gradient(circle at 4px 100%, transparent 4px, #261d38 0) bottom;
  background-size:100% 50%;
  background-repeat:no-repeat;
}
.side-collapse__content[data-v-c136e308]{
  display:flex;
  flex:1 0 auto;
  height:100%;
  z-index:10;
  overflow:hidden;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
}
.side-collapse__center[data-v-c136e308]{
  width:100%;
  height:100%;
  overflow-y:auto;
}
.side-collapse__right[data-v-c136e308]{
  flex:0 0 328px;
  height:100%;
  background:var(--bg-color-container);
  backdrop-filter:blur(18px);
  overflow-y:auto;
  border-radius:var(--radius-l);
  position:relative;
  border-left:none;
}
.collapsed .side-collapse__right[data-v-c136e308]{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.side-collapse__collapse-icon[data-v-c136e308]{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:24px;
  right:24px;
  width:24px;
  height:24px;
  border-radius:4px;
  background-color:#342d42;
  background-color:var(--bg-color-select);
  color:var(--text-color-highlight);
  cursor:pointer;
  z-index:1000;
}
.center-enter-active[data-v-c136e308]{
  transition:all 0.5s ease-in;
}
.center-leave-active[data-v-c136e308]{
  transition:all 0.5s ease-out;
}
.center-enter-from[data-v-c136e308],
.center-leave-to[data-v-c136e308]{
  width:0;
}
.disabled .unit[data-v-853bb8d4]{
  color:rgba(255, 255, 255, 0.25);
}
.disabled .control-item[data-v-853bb8d4]{
  cursor:not-allowed;
}
.gradient-blur[data-v-bf8570dc]{
  pointer-events:none;
  position:absolute;
  height:100%;
  width:100%;
  z-index:-1;
  inset:auto 0 0 0;
}
.gradient-blur > div[data-v-bf8570dc],
.gradient-blur[data-v-bf8570dc]::before,
.gradient-blur[data-v-bf8570dc]::after{
  position:absolute;
  inset:0px;
  content:'';
}
.gradient-blur[data-v-bf8570dc]::before{
  backdrop-filter:blur(1px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 12.5%, #000000 25%, rgba(0, 0, 0, 0) 37.5%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 12.5%, #000000 25%, rgba(0, 0, 0, 0) 37.5%);
}
.gradient-blur > div[data-v-bf8570dc]:nth-of-type(1){
  backdrop-filter:blur(2px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 12.5%, #000000 25%, #000000 37.5%, rgba(0, 0, 0, 0) 50%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 12.5%, #000000 25%, #000000 37.5%, rgba(0, 0, 0, 0) 50%);
}
.gradient-blur > div[data-v-bf8570dc]:nth-of-type(2){
  backdrop-filter:blur(4px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, #000000 37.5%, #000000 50%, rgba(0, 0, 0, 0) 62.5%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, #000000 37.5%, #000000 50%, rgba(0, 0, 0, 0) 62.5%);
}
.gradient-blur > div[data-v-bf8570dc]:nth-of-type(3){
  backdrop-filter:blur(8px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 37.5%, #000000 50%, #000000 62.5%, rgba(0, 0, 0, 0) 75%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 37.5%, #000000 50%, #000000 62.5%, rgba(0, 0, 0, 0) 75%);
}
.gradient-blur > div[data-v-bf8570dc]:nth-of-type(4){
  backdrop-filter:blur(15px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000 62.5%, #000000 75%, rgba(0, 0, 0, 0) 87.5%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000 62.5%, #000000 75%, rgba(0, 0, 0, 0) 87.5%);
}
.gradient-blur > div[data-v-bf8570dc]:nth-of-type(5){
  backdrop-filter:blur(18px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 62.5%, #000000 75%, #000000 87.5%, rgba(0, 0, 0, 0) 100%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 62.5%, #000000 75%, #000000 87.5%, rgba(0, 0, 0, 0) 100%);
}
.gradient-blur > div[data-v-bf8570dc]:nth-of-type(6){
  backdrop-filter:blur(21px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, #000000 87.5%, #000000 100%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, #000000 87.5%, #000000 100%);
}
.gradient-blur[data-v-bf8570dc]::after{
  backdrop-filter:blur(24px);
  -webkit-mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 87.5%, #000000 100%);
          mask:linear-gradient(to bottom, rgba(0, 0, 0, 0) 87.5%, #000000 100%);
}
.overview-statistic-card.oc-statistic[data-v-d47e3a2c]{
  border-radius:0.75rem;
  padding:12px 16px;
}
.overview-statistic-card.oc-statistic[data-v-d47e3a2c] .oc-statistic{
  border-radius:0.75rem;
}
.overview-statistic-card.oc-statistic[data-v-d47e3a2c] .oc-statistic-title-text{
  width:100%;
  max-width:unset;
  font-weight:400;
}
.overview-statistic-card.oc-statistic[data-v-d47e3a2c] .oc-statistic-content .oc-typography{
  font-size:22px;
  line-height:32px;
}
.overview-statistic-card.oc-statistic.oc-statistic-cursor.oc-statistic-bg-default[data-v-d47e3a2c]:hover,
.overview-statistic-card.oc-statistic.active[data-v-d47e3a2c]{
  background-color:unset;
}
.overview-statistic-card.oc-statistic[data-v-d47e3a2c]:hover,
.overview-statistic-card.oc-statistic.active[data-v-d47e3a2c]{
  background:linear-gradient(0deg, rgba(82, 24, 207, 0) 0%, rgba(82, 24, 207, 0.6) 100%), #3c344d !important;
}
.overview-statistic-card.oc-statistic[data-v-d47e3a2c]:hover .oc-statistic-content .oc-typography,
.overview-statistic-card.oc-statistic.active[data-v-d47e3a2c] .oc-statistic-content .oc-typography{
  color:white;
}
.introduction-body.ovui-modal__body{
  padding:0px !important;
}
.title[data-v-b19cce0b]{
  color:var(--text-color-highlight);
  font-family:var(--font-family-chinese, 'PingFang SC');
  font-size:var(--font-size-font-size-xl, 16px);
  font-style:normal;
  font-weight:var(--font-weight-bold, 600);
  line-height:var(--line-height-xl, 24px);
  margin-bottom:8px;
  position:absolute;
  top:32px;
  left:24px;
}
.modal-content[data-v-b19cce0b]{
  display:flex;
  margin-top:42px;
  flex-direction:column;
  width:100%;
}
.flex-row[data-v-b19cce0b]{
  display:flex;
  gap:32px;
}
.recommend-tag[data-v-b19cce0b]{
  position:absolute;
  top:0;
  left:24px;
  width:64px;
  height:20px;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:var(--color-brand-8);
  font-size:0.75rem;
  line-height:1.125rem;
  font-weight:500;
  color:var(--color-brand-7);
}
.content-block[data-v-b19cce0b]{
  display:flex;
  flex:1;
  padding-left:24px;
  align-items:center;
  max-width:364px;
  min-height:238px;
  border-radius:20px;
  background-color:#4c3d6626;
  position:relative;
}
.content-block[data-v-b19cce0b]:hover::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border-radius:20px;
  padding:1px;
  background:linear-gradient(to right, var(--color-brand-3), var(--color-brand-6));
  -webkit-mask:linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:1;
}
.text-content[data-v-b19cce0b]{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.text-content h3[data-v-b19cce0b]{
  font-size:18px;
  margin-bottom:10px;
  width:100%;
  font-size:1rem;
  line-height:1.5rem;
  color:var(--color-gray-4);
}
.text-content ul[data-v-b19cce0b]{
  padding-left:20px;
  margin:6px 0 8px -4px;
  width:100%;
  max-width:200px;
  list-style-position:inside;
  font-size:0.75rem;
  line-height:1.125rem;
  color:var(--color-gray-1);
}
.text-content ul li[data-v-b19cce0b]{
  text-align:left;
  margin-left:-8px;
  margin-bottom:8px;
}
.action-btn[data-v-b19cce0b]{
  position:absolute;
  bottom:24px;
  width:120px;
}
.image-content[data-v-b19cce0b]{
  flex:1;
  position:relative;
  height:100%;
}
.image-bg[data-v-b19cce0b]{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:70%;
  border-radius:50%;
  background-color:var(--color-purplegray-6);
}
.feature-image[data-v-b19cce0b]{
  position:absolute;
  right:1px;
  bottom:1px;
  height:auto;
  height:280px;
  min-width:228px;
  -o-object-fit:contain;
     object-fit:contain;
  z-index:5;
}
.checkbox-area[data-v-b19cce0b]{
  text-align:center;
  margin:24px;
}
.text-left[data-v-b19cce0b]{
  text-align:left;
}
.demo-video-player[data-v-f7d58333] .oc-video-player{
  border-radius:0.75rem;
}
.aic-tour-button[data-v-f7d58333] .ovui-button--text{
  min-width:52px;
  color:var(--text-color-body);
  opacity:.65;
}
.aic-tour-button[data-v-f7d58333] .ovui-button--default-fill{
  min-width:52px;
  background-color:var(--brand-color) !important;
  color:var(--text-color-highlight) !important;
}
.aic-tour-button[data-v-f7d58333] .ovui-button--default-fill:hover{
  background-color:var(--brand-color) !important;
  color:var(--text-color-highlight) !important;
}
.aic-tour-image-preview{
  z-index:10000 !important;
}
.aic-tour-image-preview img{
  max-width:calc(100% - 120px) !important;
}
@keyframes breathing{
0%{
    outline:1px solid transparent;
}
50%{
    outline:1px solid var(--brand-color);
}
100%{
    outline:1px solid transparent;
}
}
.aic-tour-border-breathing{
  animation:breathing 3s linear infinite;
  border-radius:8px;
}
.aic-relative-reference{
  position:relative;
}
.tippy-box{
  background-color:var(--bg-color-popover) !important;
  border-radius:12px !important;
}
.tippy-box > .tippy-content{
  padding:16px !important;
}
.tippy-svg-arrow{
  fill:#241545 !important;
}
.tippy-svg-arrow > svg{
  right:12px !important;
}
.tippy-svg-arrow > svg > path{
  fill:#241545 !important;
}
.aic-tour-tag{
  position:relative;
  display:inline-flex;
  align-items:center;
  height:20px;
  padding:2px 4px;
  border-radius:4px;
  font-size:12px;
  line-height:16px;
}
.aic-tour-tag-light{
  background:rgba(40, 255, 239, 0.12);
  color:#28ffef;
}
.aic-tour-tag-promotion{
  background:#7244e5;
  color:#fff;
}
.shepherd-element.shepherd-aic-custom{
  background-color:var(--bg-color-popover);
  border-radius:12px;
  width:auto;
}
.shepherd-element.shepherd-aic-custom .shepherd-content{
  padding:16px;
  border-radius:12px;
  overflow:hidden;
}
.shepherd-element.shepherd-aic-custom .shepherd-text{
  padding:0;
  color:#fff;
}
.shepherd-element.shepherd-aic-custom .shepherd-arrow{
  width:10px;
  height:10px;
}
.shepherd-element.shepherd-aic-custom.shepherd-element[data-popper-placement^='top'] .shepherd-arrow{
  bottom:-4px;
}
.shepherd-element.shepherd-aic-custom.shepherd-element[data-popper-placement^='left'] .shepherd-arrow{
  right:-4px;
}
.shepherd-element.shepherd-aic-custom.shepherd-element[data-popper-placement^='right'] .shepherd-arrow{
  left:-4px;
}
.shepherd-element.shepherd-aic-custom.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow{
  top:-4px;
}
.shepherd-element.shepherd-aic-custom .shepherd-arrow::before{
  width:10px;
  height:10px;
  border-radius:2px;
  background-color:#241545;
}
.shepherd-button.aic-modal-multi-step-skip{
  color:#fff;
  font-size:12px;
  background-color:#241545;
  border:0;
  cursor:pointer;
  width:28px;
  padding:0;
  transition:none;
}
.shepherd-button.aic-modal-multi-step-skip:hover{
  color:#fff;
  background-color:#241545;
}

.shepherd-button.aic-modal-multi-step-next{
  display:flex;
  height:24px;
  padding:0px 16px;
  justify-content:center;
  align-items:center;
  border-radius:4px;
  background:#fff;
  border:0;
  color:#2a55e5;
  cursor:pointer;
  font-size:12px;
  margin-left:8px;
  transition:none;
}
.shepherd-button.aic-modal-multi-step-next:hover{
  background:#fff;
  color:#2a55e5;
}
.shepherd-target.shepherd-aic-highlight.aic-relative{
  position:relative;
}
.shepherd-target.shepherd-aic-highlight::before{
  content:'';
  display:block;
  position:absolute;
  top:-6px;
  left:-6px;
  width:calc(100% + 12px);
  height:calc(100% + 12px);
  z-index:9999;
}
.container[data-v-3407db6d]{
  height:inherit;
}
.container:hover .progress-btn[data-v-3407db6d],
.container .active .progress-btn[data-v-3407db6d]{
  transform:translate(-50%, -50%) scale(1);
}
.player-progress-container[data-v-3407db6d]{
  display:flex;
  flex:1;
  height:4px;
  position:relative;
  border-radius:4px;
  width:100%;
  cursor:pointer;
}
.player-progress-container[data-v-3407db6d]::before{
  content:'';
  display:block;
  background:var(--color-gray-color-gary-9, rgba(255, 255, 255, 0.05));
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  border-radius:4px;
}
.player-progress-container .progress-bar[data-v-3407db6d]{
  position:relative;
  width:0%;
  height:100%;
  border-radius:4px;
  background-color:#fff;
  z-index:1;
}
.player-progress-container .progress-btn[data-v-3407db6d]{
  display:block;
  width:20px;
  height:20px;
  border-radius:20px;
  left:0;
  top:50%;
  position:absolute;
  z-index:1;
  transform:translate(-50%, -50%) scale(0);
  background:rgba(255, 255, 255, 0.2);
  border:0.5px solid rgba(255, 255, 255, 0.05);
  box-shadow:0 0 1px #00000062;
}
.player-progress-container .progress-btn[data-v-3407db6d]::before{
  content:' ';
  display:block;
  position:relative;
  width:12px;
  height:12px;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  border-radius:8px;
  background:#ffffff;
  z-index:2;
}
.player-progress-timeline-tips-popper {
    border-radius: var(--radius-s) !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}
.xgplayer-custom-controls .xgplayer-controls{
  display:none !important;
}
.vue-recycle-scroller[data-v-d0c597e3]{position:relative}
.vue-recycle-scroller.direction-vertical[data-v-d0c597e3]:not(.page-mode){overflow-y:auto}
.vue-recycle-scroller.direction-horizontal[data-v-d0c597e3]:not(.page-mode){overflow-x:auto}
.vue-recycle-scroller.direction-horizontal[data-v-d0c597e3]{display:flex}
.vue-recycle-scroller__slot[data-v-d0c597e3]{flex:auto 0 0}
.vue-recycle-scroller__item-wrapper[data-v-d0c597e3]{flex:1;box-sizing:border-box;overflow:hidden;position:relative}
.vue-recycle-scroller.ready .vue-recycle-scroller__item-view[data-v-d0c597e3]{position:absolute;top:0;left:0;will-change:transform}
.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper[data-v-d0c597e3]{width:100%}
.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper[data-v-d0c597e3]{height:100%}
.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view[data-v-d0c597e3]{width:100%}
.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view[data-v-d0c597e3]{height:100%}
.resize-observer[data-v-b329ee4c][data-v-d0c597e3]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}
.resize-observer[data-v-b329ee4c] object[data-v-d0c597e3]{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
.fade-enter-active[data-v-4e5f3add]{
  transition:opacity 0.5s ease;
}
.fade-enter-from[data-v-4e5f3add]{
  opacity:0;
}
.loading[data-v-4e5f3add]{
  background-image:repeating-linear-gradient(90deg, #ffffff 0 2px,   transparent 2px 4px  );
  opacity:0.25;
}
@keyframes aic-glow-caret-blink-a58dc8f7{
0%{
    opacity:1;
}
50%{
    opacity:0;
}
100%{
    opacity:1;
}
}
.aic-caret-input[data-v-a58dc8f7]{
  display:block;
  position:relative;
  width:100%;
}
.aic-caret-input__control[data-v-a58dc8f7]{
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:inherit;
}
.aic-caret-input__control[data-v-a58dc8f7]::-moz-placeholder{
  color:inherit;
  opacity:0.65;
}
.aic-caret-input__control[data-v-a58dc8f7]::placeholder{
  color:inherit;
  opacity:0.65;
}
.aic-caret-input__control[data-v-a58dc8f7]:disabled{
  cursor:default;
  opacity:1;
}
.aic-caret-input__control--virtual-caret[data-v-a58dc8f7]{
  caret-color:transparent;
}
.aic-caret-input__caret[data-v-a58dc8f7]{
  width:1px;
  border-radius:13px;
  background:#d8fffc;
  pointer-events:none;
  opacity:0;
  box-shadow:0 0 32.388px 0 #00ffea, 0 0 18.508px 0 #00ffea, 0 0 10.796px 0 #00ffea, 0 0 5.398px 0 #00ffea, 0 0 1.542px 0 #00ffea, 0 0 0.771px 0 #00ffea;
  position:absolute;
  top:0;
  left:0;
}
.aic-caret-input__caret--visible[data-v-a58dc8f7]{
  opacity:1;
  animation:aic-glow-caret-blink-a58dc8f7 1s linear infinite;
  animation-delay:0.45s;
}
@keyframes aic-glow-caret-blink-50e36d81{
0%{
    opacity:1;
}
50%{
    opacity:0;
}
100%{
    opacity:1;
}
}
.aic-caret-textarea[data-v-50e36d81]{
  display:block;
  position:relative;
  width:100%;
}
.aic-caret-textarea__input[data-v-50e36d81]{
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  resize:none;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:inherit;
  overscroll-behavior-y:none;
}
.aic-caret-textarea__input[data-v-50e36d81]::-moz-placeholder{
  color:inherit;
  opacity:0.65;
}
.aic-caret-textarea__input[data-v-50e36d81]::placeholder{
  color:inherit;
  opacity:0.65;
}
.aic-caret-textarea__input--virtual-caret[data-v-50e36d81]{
  caret-color:transparent;
}
.aic-caret-textarea__caret-viewport[data-v-50e36d81]{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.aic-caret-textarea__caret[data-v-50e36d81]{
  width:1px;
  border-radius:13px;
  background:#d8fffc;
  pointer-events:none;
  opacity:0;
  box-shadow:0 0 32.388px 0 #00ffea, 0 0 18.508px 0 #00ffea, 0 0 10.796px 0 #00ffea, 0 0 5.398px 0 #00ffea, 0 0 1.542px 0 #00ffea, 0 0 0.771px 0 #00ffea;
  position:absolute;
  top:0;
  left:0;
}
.aic-caret-textarea__caret--visible[data-v-50e36d81]{
  opacity:1;
  animation:aic-glow-caret-blink-50e36d81 1s linear infinite;
  animation-delay:0.45s;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
/**
@see https://unpkg.com/browse/tailwindcss@3.3.2/src/css/preflight.css
copy自默认样式，去除了button相关的样式
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -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"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
/* button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; 
  background-color: transparent;
  background-image: none; 
} */
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
* {
  scrollbar-color: initial;
  scrollbar-width: initial;
}
img {
    display: inline;
  }
*,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: var(--color-border-color-1);
  }
body {
    --color-primary-1: rgba(255, 255, 255, 0.12);
    --color-primary-2: rgba(210, 32, 255, 0.34);
    --color-primary-3: #d220ff;
    --color-primary-4: rgba(210, 32, 255, 0.75);
    --color-primary-5: 210 32 255;
    --color-primary-6: 210 32 244;
    --color-primary-8: rgba(210, 32, 255, 0.08);
    --color-brand-3: #7244e5;
    --color-secondary-5: #d220ff;
    --color-secondary-1: #651dff;
    --color-secondary-2: #651dff;
    --color-secondary-3: rgba(101, 29, 255, 0.34);
    --color-secondary-4: rgba(101, 29, 255, 0.75);
    --color-primary-hover: #f2f5fd;
    --color-primary-hover-rgba: rgba(42, 85, 229, 0.06);
    --color-hover-1: rgba(176, 157, 218, 0.12);
    --color-success-3: #83dbb2;
    --color-success-4: #00d5a4;
    --color-warning-6: #ff7c00;
    --color-success-5: 0 213 164;
    --color-danger-1: #fdf2f2;
    --color-info-1: #651dff;
    --color-info-2: rgba(101, 29, 255, 0.5);
    --color-info-3: #d220ff;
    --color-danger-5: 255 0 96;
    --color-text-error: #f83e3e;
    --color-warning-5: 255 124 0;
    --color-gray-white: 255 255 255;
    --color-gray-0: rgba(255, 255, 255, 0.08);
    --color-gray-1: rgba(255, 255, 255, 0.12);
    --color-gray-2: rgba(255, 255, 255, 0.25);
    --color-gray-3: rgba(255, 255, 255, 0.5);
    --color-gray-4: rgba(255, 255, 255, 0.75);
    --color-gray-5: #ffffff;
    --color-black-1: #38374f;
    --color-orange-1: #ff734d;
    --color-orange-2: #eb9617;
    --color-hot-1: #ff660a;
    --color-pink-1: #ff1764;
    --color-pink-2: #ed3495;
    --color-bg-0: #1a112e;
    --color-bg-1: 76 64 102;
    --color-bg-2: #372d4d;
    --color-bg-3: 26 17 46;
    --color-bg-4: #261d38;
    --color-bg-5: #140d24;
    --color-bg-6: #dfe0e2;
    --color-bg-7: #f6faff;
    --color-bg-8: rgba(210, 32, 255, 0.34);
    --color-bg-9: #261d38;
    --color-bg-10: #07030f;
    --color-bg-11: #4b445b;
    --color-bg-12: #302842;
    --color-bg-13: rgba(33, 28, 35, 0.3);
    --color-mask-bg: rgba(26, 26, 27, 0.5);
    --color-mask-bg-2: rgba(26, 26, 27, 0.24);
    --color-popover-dark-bg: #4b445b;
    --color-extension-1: #3c344d;
    --color-extension-2: #651dff;
    --color-extension-3: rgba(42, 85, 229, 0.2);
    --color-extension-4: rgba(13, 166, 0, 0.2);
    --color-extension-5: rgba(227, 73, 73, 0.2);
    --color-extension-6: rgba(235, 150, 23, 0.2);
    --color-card-bg: #261d38;
    --color-tooltips-popper-dark-bg: rgba(50, 51, 53, 0.95);
    --color-border-color-white: 255 255 255;
    --color-border-color-1: rgba(255, 255, 255, 0.34);
    --color-border-color-2: rgba(255, 255, 255, 0.08);
    --color-border-color-3: #bfc1c5;
    --color-border-color-4: #ebebed;
    --color-Border-color-2: #dfe0e2;
    --color-border-gray-1: rgba(255, 255, 255, 0.08);
    --color-border-gray-2: rgba(255, 255, 255, 0.5);
    --color-border-gray-3: rgba(255, 255, 255, 0.3);
    --color-border-primary-1: #d220ff;
    --color-border-primary-2: rgba(210, 32, 255, 0.34);
    --color-purple-gray-3: rgba(17, 14, 23, 0.7);
    --color-purple-gray-5: rgba(10, 6, 15, 0.6);
    --color-purple-gray-6: rgba(76, 61, 102, 0.3);
    --color-purple-gray-7: rgba(115, 92, 153, 0.2);
    --color-purple-gray-8: rgba(115, 92, 153, 0.3);
    --color-purple-gray-9: #251c2e;
    --color-purple-gray-10: #3a2e4d;
    --color-purple-gray-12: rgba(115, 92, 153, 0.6);
    --color-divider-1: rgba(255, 255, 255, 0.12);
    --color-divider-2: rgba(255, 255, 255, 0.18);
    --color-gradient-1: radial-gradient(158.01% 139.35% at 0% 0%, rgba(217, 242, 255, 0.5) 0%, rgba(242, 240, 252, 0.5) 27.87%, rgba(191, 216, 255, 0.5) 100%),
      #fff;
    --color-gradient-2: linear-gradient(180deg, #eff5ff 0%, rgba(239, 245, 255, 0) 100%);
    --color-gradient-3: linear-gradient(250.59deg, rgba(101, 29, 255, 0.12) -10%, rgba(101, 29, 255, 0) 98.03%),
      linear-gradient(0deg, rgba(26, 17, 46, 0.85), rgba(26, 17, 46, 0.85));
    --fg-font-color: rgba(255, 255, 255, 0.75);
    --placeholder-btn-color: rgba(176, 157, 218, 0.12);
    --story-board-bg-color: #372d4d;
    --story-board-bg-hover-color: #4c4066;
    --color-mask: rgba(17, 14, 23, 0.7);
    --purplegray-color-9: #251c2e;
    --color-brand-1: #4A21B5;
    --color-brand-2: #6500F2;
    --color-brand-3: #7244E5;
    --color-brand-4: #BF24F2;
    --color-brand-5: #8762EA;
    --color-brand-6: #B578FF;
    --color-brand-7: #28FFEF;
    --color-brand-8: rgba(40, 255, 239, 0.12);
    --color-brand-9: rgba(114, 68, 229, 0.12);
    --color-gray-1: rgba(238, 235, 255, 0.65);
    --color-gray-2: rgba(238, 235, 255, 0.45);
    --color-gray-3: rgba(238, 235, 255, 0.22);
    --color-gray-4: #FFFFFF;
    --color-gray-5: rgba(255, 255, 255, 0.6);
    --color-gray-6: rgba(255, 255, 255, 0.4);
    --color-gray-7: rgba(255, 255, 255, 0.12);
    --color-gray-8: rgba(255, 255, 255, 0.08);
    --color-gray-9: rgba(255, 255, 255, 0.05);
    --color-purplegray-1: rgba(10, 6, 15, 0.6);
    --color-purplegray-2: rgba(17, 14, 23, 0.4);
    --color-purplegray-3: rgba(17, 14, 23, 0.7);
    --color-purplegray-4: #110E17;
    --color-purplegray-5: #1B1521;
    --color-purplegray-6: rgba(76, 61, 102, 0.3);
    --color-purplegray-7: rgba(115, 92, 153, 0.2);
    --color-purplegray-8: rgba(115, 92, 153, 0.3);
    --color-purplegray-9: #251C2E;
    --color-purplegray-10: #3A2E4D;
    --color-purplegray-11: #494452;
    --color-purplegray-12: rgba(115, 92, 153, 0.6);
    --color-purplegray-13: rgba(17, 17, 0, 0.12);
    --color-green-1: #3EF1A1;
    --color-green-2: rgba(62, 241, 161, 0.12);
    --color-red-1: #F83E3E;
    --color-red-2: rgba(248, 62, 62, 0.12);
    --color-yellow-1: #FFB940;
    --color-yellow-2: rgba(255, 185, 64, 0.12);
    --font-family-number: 'Douyin Number ABC', 'OPPOSans', 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    --font-family-chinese: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    --font-size-s: 12px;
    --font-size-m: 14px;
    --font-size-l: 15px;
    --font-size-xl: 16px;
    --font-size-xxl: 20px;
    --line-height-s: 16px;
    --line-height-m: 20px;
    --line-height-l: 22px;
    --line-height-xl: 24px;
    --line-height-xxl: 28px;
    --font-weight-reg: 400;
    --font-weight-md: 500;
    --font-weight-bold: 600;
    --size-1: 2px;
    --size-2: 4px;
    --size-3: 8px;
    --size-4: 12px;
    --size-5: 16px;
    --size-6: 20px;
    --size-7: 24px;
    --size-8: 28px;
    --size-9: 32px;
    --size-10: 36px;
    --size-11: 40px;
    --size-12: 48px;
    --size-13: 56px;
    --size-14: 64px;
    --size-15: 72px;
    --comp-size-xxxxs: 16px;
    --comp-size-xxxs: 20px;
    --comp-size-xxs: 20px;
    --comp-size-xs: 24px;
    --comp-size-s: 28px;
    --comp-size-m: 32px;
    --comp-size-l: 32px;
    --comp-size-xl: 36px;
    --comp-size-xxl: 40px;
    --comp-size-xxxl: 48px;
    --comp-size-xxxxl: 56px;
    --spacing-padding-xxs: 2px;
    --spacing-padding-xs: 4px;
    --spacing-padding-s: 8px;
    --spacing-padding-m: 12px;
    --spacing-padding-l: 16px;
    --spacing-padding-xl: 24px;
    --spacing-padding-xxl: 32px;
    --spacing-margin-xxs: 2px;
    --spacing-margin-xs: 4px;
    --spacing-margin-s: 8px;
    --spacing-margin-m: 12px;
    --spacing-margin-l: 16px;
    --spacing-margin-xl: 24px;
    --spacing-margin-xxl: 32px;
    --spacing-margin-xxxl: 36px;
    --radius-l: 20px;
    --radius-m: 12px;
    --radius-s: 8px;
    --radius-xs: 4px;
    --brand-color: var(--color-brand-3);
    --brand-color-hover: var(--color-brand-5);
    --brand-color-active: var(--color-brand-1);
    --brand-color-gradient: linear-gradient(317deg, var(--color-brand-3) 0%, var(--color-brand-6) 100%);
    --brand-color-gradient-2: linear-gradient(91deg, var(--color-brand-2) -0.29%, var(--color-brand-4) 97.36%);
    --brand-color-highlight: var(--color-brand-7);
    --brand-color-highlight-2: var(--color-brand-8);
    --mask-dark: var(--color-purplegray-3);
    --mask-light: var(--color-purplegray-2);
    --bg-color-page: var(--color-purplegray-4);
    --bg-color-secondarycontainer: var(--color-purplegray-5);
    --bg-color-container: var(--color-purplegray-9);
    --bg-color-popover: var(--color-purplegray-10);
    --bg-color-input: var(--color-purplegray-1);
    --bg-color-select: var(--color-purplegray-6);
    --bg-color-feedcard: var(--color-purplegray-6);
    --bg-color-button: var(--color-purplegray-8);
    --bg-color-button-hover: var(--color-purplegray-12);
    --bg-color-button-active: var(--color-purplegray-7);
    --bg-color-specialcomponent-disabled: var(--color-purplegray-11);
    --bg-color-label-dark: var(--color-purplegray-3);
    --bg-color-label-light: var(--color-gray-8);
    --bg-color-success: var(--color-green-2);
    --bg-color-error: var(--color-red-2);
    --bg-color-warning: var(--color-yellow-2);
    --border-color-level-1: var(--color-gray-7);
    --border-color-level-2: var(--color-gray-9);
    --border-color-hover: var(--color-gray-6);
    --border-color-active: var(--color-gray-5);
    --text-color-highlight: var(--color-gray-4);
    --text-color-body: var(--color-gray-1);
    --text-color-second: var(--color-gray-2);
    --text-color-success: var(--color-green-1);
    --text-color-error: var(--color-red-1);
    --text-color-warning: var(--color-yellow-1);
    --function-color-success: var(--color-green-1);
    --function-color-error: var(--color-red-1);
    --function-color-warning: var(--color-yellow-1);
    --shadow-1: 0px 10px 20px 0px rgba(17, 17, 0, 0.12);
    --shadow-2: 0px 10px 20px 0px rgba(10, 6, 15, 0.6);
    --background-blur-1: 24px;
  }
.theme-light {
    --color-primary-1: #e5f5ff;
    --color-primary-2: #b6ddfd;
    --color-primary-3: #a6cdfa;
    --color-primary-4: #507aec;
    --color-primary-5: 42 85 229;
    --color-primary-6: 35 72 197;
    --color-secondary-5: #2a55e5;
    --color-primary-hover: #f2f5fd;
    --color-primary-hover-rgba: rgba(42, 85, 229, 0.06);
    --color-success-3: #83dbb2;
    --color-success-5: 0 148 62;
    --color-danger-1: #fdf2f2;
    --color-danger-5: 227 73 73;
    --color-warning-5: 235 150 23;
    --color-gray-white: #323335;
    --color-gray-1: #d5d6d9;
    --color-gray-2: #bfc1c5;
    --color-gray-3: #969aa0;
    --color-gray-4: #64666b;
    --color-gray-5: #323335;
    --color-gray-6: #1a1a1b;
    --color-black-1: #38374f;
    --color-orange-1: #ff734d;
    --color-hot-1: #ff660a;
    --color-pink-1: #ff1764;
    --color-pink-2: #ed3495;
    --color-bg-0: #fff;
    --color-bg-1: 255 255 255;
    --color-bg-2: #f4f4f5;
    --color-bg-3: 248 248 249;
    --color-bg-4: #f4f4f5;
    --color-bg-5: #ebebed;
    --color-bg-6: #dfe0e2;
    --color-bg-7: #f6faff;
    --color-bg-8: rgba(210, 32, 255, 0.34);
    --color-bg-9: #fff;
    --color-bg-10: #eaf0f5;
    --color-bg-11: #fff;
    --color-bg-12: #f4f4f5;
    --color-mask-bg: #1a1a1b;
    --color-card-bg: #261d38;
    --color-tooltips-popper-dark-bg: rgba(50, 51, 53, 0.95);
    --color-border-color-white: #fff;
    --color-border-color-1: #f4f4f5;
    --color-border-color-2: #ebebed;
    --color-border-color-3: #bfc1c5;
    --color-border-color-4: #ebebed;
    --color-Border-color-2: #dfe0e2;
    --color-gradient-1: radial-gradient(158.01% 139.35% at 0% 0%, rgba(217, 242, 255, 0.5) 0%, rgba(242, 240, 252, 0.5) 27.87%, rgba(191, 216, 255, 0.5) 100%),
      #fff;
    --color-gradient-2: linear-gradient(180deg, #eff5ff 0%, rgba(239, 245, 255, 0) 100%);
    --color-gradient-3: linear-gradient(250.59deg, rgba(101, 29, 255, 0.12) -10%, rgba(101, 29, 255, 0) 98.03%),
      linear-gradient(0deg, rgba(26, 17, 46, 0.85), rgba(26, 17, 46, 0.85));
    --color-gray-1: #6f6f6f;
    --color-gray-2: rgba(111, 111, 111, 0.5);
    --color-gray-4: #110e17;
    --color-gray-5: #110e17;
    --color-gray-7: rgba(0, 0, 0, 0.08);
    --color-gray-9: rgba(0, 0, 0, 0.08);
    --color-purplegray-1: rgba(242, 242, 242, 0.6);
    --color-purplegray-4: #d2eeff;
    --color-purplegray-5: #fff;
    --color-purplegray-6: rgba(242, 242, 242, 0.6);
    --color-purplegray-8: rgba(242, 242, 242, 0.6);
    --color-purplegray-9: #fff;
    --border-color-level-1: var(--color-gray-7);
    --border-color-level-2: var(--color-gray-9);
    --border-color-active: var(--color-gray-5);
    --bg-color-page: var(--color-purplegray-4);
    --bg-color-label-light: var(--color-purplegray-8);
    --bg-color-input: var(--color-purplegray-1);
    --bg-color-button: #fff;
    --bg-color-button-hover: var(--bg-color-select);
    --bg-color-container: var(--color-purplegray-9);
    --bg-color-secondarycontainer: var(--color-purplegray-5);
    --text-color-body: var(--color-gray-1);
    --text-color-second: var(--color-gray-2);
    --text-color-highlight: var(--color-gray-4);
  }
*, ::before, ::after {
  --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: rgb(59 130 246 / 0.5);
  --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:  ;
}
::backdrop {
  --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: rgb(59 130 246 / 0.5);
  --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:  ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .\!container {
    max-width: 1440px !important;
  }
  .container {
    max-width: 1440px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
@media (min-width: 1660px) {
  .\!container {
    max-width: 1660px !important;
  }
  .container {
    max-width: 1660px;
  }
}
.font-headline {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-bold, 600);
  font-size: var(--font-size-xxl, 20px);
  line-height: var(--line-height-xxl, 28px);
}
.font-title {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-bold, 600);
  font-size: var(--font-size-xl, 16px);
  line-height: var(--line-height-xl, 24px);
}
.\!font-body-bold {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif) !important;
  font-weight: var(--font-weight-bold, 600) !important;
  font-size: var(--font-size-m, 14px) !important;
  line-height: var(--line-height-m, 20px) !important;
}
.font-body-bold {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-bold, 600);
  font-size: var(--font-size-m, 14px);
  line-height: var(--line-height-m, 20px);
}
.font-body {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-reg, 400);
  font-size: var(--font-size-m, 14px);
  line-height: var(--line-height-m, 20px);
}
.font-label-bold {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-bold, 600);
  font-size: var(--font-size-s, 12px);
  line-height: var(--line-height-s, 16px);
}
.font-label {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-reg, 400);
  font-size: var(--font-size-s, 12px);
  line-height: var(--line-height-s, 16px);
}
.font-label-num-bold {
  font-family: var(--font-family-number, "OPPOSans", "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-bold, 600);
  font-size: var(--font-size-s, 12px);
  line-height: var(--line-height-s, 16px);
}
.\!typography-body-relaxed {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif) !important;
  font-weight: var(--font-weight-reg, 400) !important;
  font-size: var(--font-size-m, 14px) !important;
  line-height: var(--line-height-xl, 24px) !important;
}
.typography-body-relaxed {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-reg, 400);
  font-size: var(--font-size-m, 14px);
  line-height: var(--line-height-xl, 24px);
}
.typography-label-relaxed {
  font-family: var(--font-family-chinese, "PingFang SC", -apple-system, "segoe ui", "microsoft yahei", sans-serif);
  font-weight: var(--font-weight-reg, 400);
  font-size: var(--font-size-s, 12px);
  line-height: var(--line-height-m, 20px);
}
.font-headline {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
  }
.font-title {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
.\!font-body-bold {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
.font-body-bold {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }
.font-body {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
.font-label-bold {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
  }
.font-label {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
  }
.font-label-num-bold {
    font-family: 'Douyin Number ABC', 'OPPOSans', 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
  }
.\!typography-body-relaxed {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }
.typography-body-relaxed {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  }
.typography-label-relaxed {
    font-family: 'PingFang SC', -apple-system, 'segoe ui', 'microsoft yahei', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
  }
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.\!collapse {
  visibility: collapse !important;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-\[1px\] {
  inset: 1px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.\!left-1 {
  left: 0.25rem !important;
}
.\!left-4 {
  left: 1rem !important;
}
.\!right-1 {
  right: 0.25rem !important;
}
.\!top-1 {
  top: 0.25rem !important;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-left-2 {
  left: -0.5rem;
}
.-left-\[0\.5px\] {
  left: -0.5px;
}
.-left-\[1px\] {
  left: -1px;
}
.-right-\[1px\] {
  right: -1px;
}
.-top-\[0\.25px\] {
  top: -0.25px;
}
.-top-\[0\.5px\] {
  top: -0.5px;
}
.-top-\[1px\] {
  top: -1px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[-40px\] {
  bottom: -40px;
}
.bottom-\[12px\] {
  bottom: 12px;
}
.bottom-\[14px\] {
  bottom: 14px;
}
.bottom-\[18px\] {
  bottom: 18px;
}
.bottom-\[48px\] {
  bottom: 48px;
}
.bottom-\[4px\] {
  bottom: 4px;
}
.bottom-\[6px\] {
  bottom: 6px;
}
.bottom-\[8px\] {
  bottom: 8px;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[-10px\] {
  left: -10px;
}
.left-\[-16px\] {
  left: -16px;
}
.left-\[-84px\] {
  left: -84px;
}
.left-\[10px\] {
  left: 10px;
}
.left-\[120px\] {
  left: 120px;
}
.left-\[12px\] {
  left: 12px;
}
.left-\[142px\] {
  left: 142px;
}
.left-\[18\.5px\] {
  left: 18.5px;
}
.left-\[19\.5px\] {
  left: 19.5px;
}
.left-\[19px\] {
  left: 19px;
}
.left-\[2px\] {
  left: 2px;
}
.left-\[36px\] {
  left: 36px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[60px\] {
  left: 60px;
}
.left-\[6px\] {
  left: 6px;
}
.left-\[84px\] {
  left: 84px;
}
.left-\[8px\] {
  left: 8px;
}
.left-\[calc\(100\%\+8px\)\] {
  left: calc(100% + 8px);
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.right-8 {
  right: 2rem;
}
.right-\[-2px\] {
  right: -2px;
}
.right-\[-3px\] {
  right: -3px;
}
.right-\[-6px\] {
  right: -6px;
}
.right-\[-84px\] {
  right: -84px;
}
.right-\[-8px\] {
  right: -8px;
}
.right-\[12px\] {
  right: 12px;
}
.right-\[144px\] {
  right: 144px;
}
.right-\[14px\] {
  right: 14px;
}
.right-\[16px\] {
  right: 16px;
}
.right-\[32px\] {
  right: 32px;
}
.right-\[6px\] {
  right: 6px;
}
.right-\[8px\] {
  right: 8px;
}
.right-auto {
  right: auto;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-6 {
  top: 1.5rem;
}
.top-7 {
  top: 1.75rem;
}
.top-8 {
  top: 2rem;
}
.top-9 {
  top: 2.25rem;
}
.top-\[-10px\] {
  top: -10px;
}
.top-\[-12px\] {
  top: -12px;
}
.top-\[-16px\] {
  top: -16px;
}
.top-\[-31px\] {
  top: -31px;
}
.top-\[-3px\] {
  top: -3px;
}
.top-\[-63px\] {
  top: -63px;
}
.top-\[-6px\] {
  top: -6px;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[0\] {
  top: 0;
}
.top-\[108px\] {
  top: 108px;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[12px\] {
  top: 12px;
}
.top-\[15px\] {
  top: 15px;
}
.top-\[18px\] {
  top: 18px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[26px\] {
  top: 26px;
}
.top-\[286px\] {
  top: 286px;
}
.top-\[2px\] {
  top: 2px;
}
.top-\[36px\] {
  top: 36px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[4px\] {
  top: 4px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[68px\] {
  top: 68px;
}
.top-\[6px\] {
  top: 6px;
}
.top-\[8px\] {
  top: 8px;
}
.top-\[calc\(100\%\+4px\)\] {
  top: calc(100% + 4px);
}
.isolate {
  isolation: isolate;
}
.\!z-\[100\] {
  z-index: 100 !important;
}
.\!z-\[1999\] {
  z-index: 1999 !important;
}
.\!z-\[2000\] {
  z-index: 2000 !important;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[100000\] {
  z-index: 100000;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[15\] {
  z-index: 15;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[2020\] {
  z-index: 2020;
}
.z-\[20\] {
  z-index: 20;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[7\] {
  z-index: 7;
}
.z-\[8\] {
  z-index: 8;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[999\] {
  z-index: 999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-2 {
  margin: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-auto {
  margin: auto;
}
.\!mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.\!mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.\!mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.\!my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.\!my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-\[--spacing-padding-s\] {
  margin-left: var(--spacing-padding-s);
  margin-right: var(--spacing-padding-s);
}
.mx-\[-4px\] {
  margin-left: -4px;
  margin-right: -4px;
}
.mx-\[10px\] {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-\[2px\] {
  margin-left: 2px;
  margin-right: 2px;
}
.mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-\[6px\] {
  margin-left: 6px;
  margin-right: 6px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-\[17px\] {
  margin-top: 17px;
  margin-bottom: 17px;
}
.my-\[2px\] {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-\[6px\] {
  margin-top: 6px;
  margin-bottom: 6px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-2 {
  margin-bottom: 0.5rem !important;
}
.\!mb-8 {
  margin-bottom: 2rem !important;
}
.\!ml-auto {
  margin-left: auto !important;
}
.\!mr-0 {
  margin-right: 0px !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.\!mt-4 {
  margin-top: 1rem !important;
}
.\!mt-\[140px\] {
  margin-top: 140px !important;
}
.-mb-10 {
  margin-bottom: -2.5rem;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-6 {
  margin-left: -1.5rem;
}
.-mr-6 {
  margin-right: -1.5rem;
}
.-mr-\[6px\] {
  margin-right: -6px;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.-mt-\[10px\] {
  margin-top: -10px;
}
.-mt-\[14px\] {
  margin-top: -14px;
}
.-mt-\[2px\] {
  margin-top: -2px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.25 {
  margin-bottom: 0.3125rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-1px\] {
  margin-bottom: -1px;
}
.mb-\[-2\.5rem\] {
  margin-bottom: -2.5rem;
}
.mb-\[-32px\] {
  margin-bottom: -32px;
}
.mb-\[-42px\] {
  margin-bottom: -42px;
}
.mb-\[-4px\] {
  margin-bottom: -4px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[1px\] {
  margin-bottom: 1px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[24px\] {
  margin-bottom: 24px;
}
.mb-\[27px\] {
  margin-bottom: 27px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[36px\] {
  margin-bottom: 36px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[4px\] {
  margin-bottom: 4px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-20 {
  margin-left: 5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[-4px\] {
  margin-left: -4px;
}
.ml-\[-8px\] {
  margin-left: -8px;
}
.ml-\[16px\] {
  margin-left: 16px;
}
.ml-\[184px\] {
  margin-left: 184px;
}
.ml-\[1px\] {
  margin-left: 1px;
}
.ml-\[212px\] {
  margin-left: 212px;
}
.ml-\[2px\] {
  margin-left: 2px;
}
.ml-\[4px\] {
  margin-left: 4px;
}
.ml-\[52px\] {
  margin-left: 52px;
}
.ml-\[6px\] {
  margin-left: 6px;
}
.ml-\[8px\] {
  margin-left: 8px;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-\[10px\] {
  margin-right: 10px;
}
.mr-\[16px\] {
  margin-right: 16px;
}
.mr-\[1px\] {
  margin-right: 1px;
}
.mr-\[2px\] {
  margin-right: 2px;
}
.mr-\[4px\] {
  margin-right: 4px;
}
.mr-\[5px\] {
  margin-right: 5px;
}
.mr-\[6px\] {
  margin-right: 6px;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-1\.9rem\] {
  margin-top: -1.9rem;
}
.mt-\[-25px\] {
  margin-top: -25px;
}
.mt-\[-2px\] {
  margin-top: -2px;
}
.mt-\[-4px\] {
  margin-top: -4px;
}
.mt-\[-8px\] {
  margin-top: -8px;
}
.mt-\[106px\] {
  margin-top: 106px;
}
.mt-\[108px\] {
  margin-top: 108px;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[24px\] {
  margin-top: 24px;
}
.mt-\[26px\] {
  margin-top: 26px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[32px\] {
  margin-top: 32px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[64px\] {
  margin-top: 64px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-\[78px\] {
  margin-top: 78px;
}
.mt-\[8px\] {
  margin-top: 8px;
}
.mt-\[92px\] {
  margin-top: 92px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.\!box-content {
  box-sizing: content-box !important;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.\!inline-flex {
  display: inline-flex !important;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.\!h-10 {
  height: 2.5rem !important;
}
.\!h-16 {
  height: 4rem !important;
}
.\!h-28 {
  height: 7rem !important;
}
.\!h-3 {
  height: 0.75rem !important;
}
.\!h-3\.5 {
  height: 0.875rem !important;
}
.\!h-4 {
  height: 1rem !important;
}
.\!h-48 {
  height: 12rem !important;
}
.\!h-5 {
  height: 1.25rem !important;
}
.\!h-6 {
  height: 1.5rem !important;
}
.\!h-\[1\.43em\] {
  height: 1.43em !important;
}
.\!h-\[112px\] {
  height: 112px !important;
}
.\!h-\[130px\] {
  height: 130px !important;
}
.\!h-\[150px\] {
  height: 150px !important;
}
.\!h-\[176px\] {
  height: 176px !important;
}
.\!h-\[18px\] {
  height: 18px !important;
}
.\!h-\[20px\] {
  height: 20px !important;
}
.\!h-\[220px\] {
  height: 220px !important;
}
.\!h-\[261px\] {
  height: 261px !important;
}
.\!h-\[43px\] {
  height: 43px !important;
}
.\!h-\[44px\] {
  height: 44px !important;
}
.\!h-\[48px\] {
  height: 48px !important;
}
.\!h-\[67px\] {
  height: 67px !important;
}
.\!h-\[68px\] {
  height: 68px !important;
}
.\!h-\[72px\] {
  height: 72px !important;
}
.\!h-\[86px\] {
  height: 86px !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[0\.5px\] {
  height: 0.5px;
}
.h-\[0\] {
  height: 0;
}
.h-\[1\.05rem\] {
  height: 1.05rem;
}
.h-\[1\.125rem\] {
  height: 1.125rem;
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[108px\] {
  height: 108px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[112px\] {
  height: 112px;
}
.h-\[116px\] {
  height: 116px;
}
.h-\[117px\] {
  height: 117px;
}
.h-\[118px\] {
  height: 118px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[128px\] {
  height: 128px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[134px\] {
  height: 134px;
}
.h-\[135px\] {
  height: 135px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[144px\] {
  height: 144px;
}
.h-\[148px\] {
  height: 148px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[152px\] {
  height: 152px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[170px\] {
  height: 170px;
}
.h-\[172px\] {
  height: 172px;
}
.h-\[176px\] {
  height: 176px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[182px\] {
  height: 182px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[202px\] {
  height: 202px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[214px\] {
  height: 214px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[222px\] {
  height: 222px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[246px\] {
  height: 246px;
}
.h-\[248px\] {
  height: 248px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[258px\] {
  height: 258px;
}
.h-\[268px\] {
  height: 268px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[366px\] {
  height: 366px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[372px\] {
  height: 372px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[438px\] {
  height: 438px;
}
.h-\[440px\] {
  height: 440px;
}
.h-\[449px\] {
  height: 449px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[463px\] {
  height: 463px;
}
.h-\[471px\] {
  height: 471px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[494px\] {
  height: 494px;
}
.h-\[50\%\] {
  height: 50%;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[525px\] {
  height: 525px;
}
.h-\[528px\] {
  height: 528px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[62px\] {
  height: 62px;
}
.h-\[640px\] {
  height: 640px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[666px\] {
  height: 666px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[70vh\] {
  height: 70vh;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[74px\] {
  height: 74px;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[78px\] {
  height: 78px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[84px\] {
  height: 84px;
}
.h-\[86px\] {
  height: 86px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[96px\] {
  height: 96px;
}
.h-\[calc\(100\%\+16px\)\] {
  height: calc(100% + 16px);
}
.h-\[calc\(100\%-168px\)\] {
  height: calc(100% - 168px);
}
.h-\[calc\(100\%-54px\)\] {
  height: calc(100% - 54px);
}
.h-\[calc\(100\%-56px\)\] {
  height: calc(100% - 56px);
}
.h-\[calc\(100\%-80px\)\] {
  height: calc(100% - 80px);
}
.h-\[calc\(100\%-84px\)\] {
  height: calc(100% - 84px);
}
.h-\[calc\(100vh-270px\)\] {
  height: calc(100vh - 270px);
}
.h-\[calc\(33\.3\%-16px\)\] {
  height: calc(33.3% - 16px);
}
.h-\[calc\(66\.6\%-16px\)\] {
  height: calc(66.6% - 16px);
}
.h-\[min\(calc\(100vh-192px\)\2c 100\%\)\] {
  height: min(calc(100vh - 192px),100%);
}
.h-\[min\(calc\(100vh-406px\)\2c 912px\)\] {
  height: min(calc(100vh - 406px),912px);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[112px\] {
  max-height: 112px;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-h-\[16px\] {
  max-height: 16px;
}
.max-h-\[244px\] {
  max-height: 244px;
}
.max-h-\[248px\] {
  max-height: 248px;
}
.max-h-\[250px\] {
  max-height: 250px;
}
.max-h-\[256px\] {
  max-height: 256px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[330px\] {
  max-height: 330px;
}
.max-h-\[350px\] {
  max-height: 350px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[560px\] {
  max-height: 560px;
}
.max-h-\[72px\] {
  max-height: 72px;
}
.max-h-\[82px\] {
  max-height: 82px;
}
.max-h-full {
  max-height: 100%;
}
.\!min-h-\[196px\] {
  min-height: 196px !important;
}
.\!min-h-\[520px\] {
  min-height: 520px !important;
}
.\!min-h-fit {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[104px\] {
  min-height: 104px;
}
.min-h-\[116px\] {
  min-height: 116px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[26px\] {
  min-height: 26px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[392px\] {
  min-height: 392px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[505px\] {
  min-height: 505px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[580px\] {
  min-height: 580px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[62px\] {
  min-height: 62px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-\[94px\] {
  min-height: 94px;
}
.min-h-\[96px\] {
  min-height: 96px;
}
.min-h-\[calc\(70vh\+120px\)\] {
  min-height: calc(70vh + 120px);
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-16 {
  width: 4rem !important;
}
.\!w-28 {
  width: 7rem !important;
}
.\!w-36 {
  width: 9rem !important;
}
.\!w-5 {
  width: 1.25rem !important;
}
.\!w-56 {
  width: 14rem !important;
}
.\!w-6 {
  width: 1.5rem !important;
}
.\!w-\[112px\] {
  width: 112px !important;
}
.\!w-\[134px\] {
  width: 134px !important;
}
.\!w-\[18px\] {
  width: 18px !important;
}
.\!w-\[208px\] {
  width: 208px !important;
}
.\!w-\[20px\] {
  width: 20px !important;
}
.\!w-\[231px\] {
  width: 231px !important;
}
.\!w-\[232px\] {
  width: 232px !important;
}
.\!w-\[240px\] {
  width: 240px !important;
}
.\!w-\[325px\] {
  width: 325px !important;
}
.\!w-\[32px\] {
  width: 32px !important;
}
.\!w-\[368px\] {
  width: 368px !important;
}
.\!w-\[44px\] {
  width: 44px !important;
}
.\!w-\[502px\] {
  width: 502px !important;
}
.\!w-\[67px\] {
  width: 67px !important;
}
.\!w-\[72px\] {
  width: 72px !important;
}
.\!w-\[73px\] {
  width: 73px !important;
}
.\!w-\[86px\] {
  width: 86px !important;
}
.\!w-\[88px\] {
  width: 88px !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-20 {
  width: 5rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[112px\] {
  width: 112px;
}
.w-\[116px\] {
  width: 116px;
}
.w-\[117px\] {
  width: 117px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[134px\] {
  width: 134px;
}
.w-\[138px\] {
  width: 138px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[144px\] {
  width: 144px;
}
.w-\[148px\] {
  width: 148px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[154px\] {
  width: 154px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[166px\] {
  width: 166px;
}
.w-\[168px\] {
  width: 168px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[176px\] {
  width: 176px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[182px\] {
  width: 182px;
}
.w-\[184px\] {
  width: 184px;
}
.w-\[188px\] {
  width: 188px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[225px\] {
  width: 225px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[236px\] {
  width: 236px;
}
.w-\[246px\] {
  width: 246px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[258px\] {
  width: 258px;
}
.w-\[260px\] {
  width: 260px;
}
.w-\[264px\] {
  width: 264px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[282px\] {
  width: 282px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[292px\] {
  width: 292px;
}
.w-\[29px\] {
  width: 29px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[308px\] {
  width: 308px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[313px\] {
  width: 313px;
}
.w-\[318px\] {
  width: 318px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[330px\] {
  width: 330px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[344px\] {
  width: 344px;
}
.w-\[352px\] {
  width: 352px;
}
.w-\[356px\] {
  width: 356px;
}
.w-\[358px\] {
  width: 358px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[368px\] {
  width: 368px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[370px\] {
  width: 370px;
}
.w-\[372px\] {
  width: 372px;
}
.w-\[376px\] {
  width: 376px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[388px\] {
  width: 388px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[40rem\] {
  width: 40rem;
}
.w-\[414px\] {
  width: 414px;
}
.w-\[416px\] {
  width: 416px;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[424px\] {
  width: 424px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[432px\] {
  width: 432px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[460px\] {
  width: 460px;
}
.w-\[468px\] {
  width: 468px;
}
.w-\[471px\] {
  width: 471px;
}
.w-\[476px\] {
  width: 476px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[576px\] {
  width: 576px;
}
.w-\[582px\] {
  width: 582px;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[62px\] {
  width: 62px;
}
.w-\[632px\] {
  width: 632px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[672px\] {
  width: 672px;
}
.w-\[68px\] {
  width: 68px;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[752px\] {
  width: 752px;
}
.w-\[76px\] {
  width: 76px;
}
.w-\[77px\] {
  width: 77px;
}
.w-\[78px\] {
  width: 78px;
}
.w-\[81px\] {
  width: 81px;
}
.w-\[83px\] {
  width: 83px;
}
.w-\[84px\] {
  width: 84px;
}
.w-\[86px\] {
  width: 86px;
}
.w-\[87px\] {
  width: 87px;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[88x\] {
  width: 88x;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[93px\] {
  width: 93px;
}
.w-\[94px\] {
  width: 94px;
}
.w-\[96px\] {
  width: 96px;
}
.w-\[980px\] {
  width: 980px;
}
.w-\[min\(calc\(100vw-280px\)\2c 1590px\)\] {
  width: min(calc(100vw - 280px),1590px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.\!min-w-\[143px\] {
  min-width: 143px !important;
}
.\!min-w-\[72px\] {
  min-width: 72px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[100\%\] {
  min-width: 100%;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[112px\] {
  min-width: 112px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[1280px\] {
  min-width: 1280px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[148px\] {
  min-width: 148px;
}
.min-w-\[183px\] {
  min-width: 183px;
}
.min-w-\[208px\] {
  min-width: 208px;
}
.min-w-\[32px\] {
  min-width: 32px;
}
.min-w-\[360px\] {
  min-width: 360px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[416px\] {
  min-width: 416px;
}
.min-w-\[48\%\] {
  min-width: 48%;
}
.min-w-\[580px\] {
  min-width: 580px;
}
.min-w-\[660px\] {
  min-width: 660px;
}
.min-w-\[68px\] {
  min-width: 68px;
}
.min-w-\[70px\] {
  min-width: 70px;
}
.min-w-\[83px\] {
  min-width: 83px;
}
.min-w-\[84px\] {
  min-width: 84px;
}
.min-w-\[86px\] {
  min-width: 86px;
}
.max-w-\[100\%\] {
  max-width: 100%;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[108px\] {
  max-width: 108px;
}
.max-w-\[1112px\] {
  max-width: 1112px;
}
.max-w-\[124px\] {
  max-width: 124px;
}
.max-w-\[127px\] {
  max-width: 127px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[1640px\] {
  max-width: 1640px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[235px\] {
  max-width: 235px;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[252px\] {
  max-width: 252px;
}
.max-w-\[256px\] {
  max-width: 256px;
}
.max-w-\[282px\] {
  max-width: 282px;
}
.max-w-\[288px\] {
  max-width: 288px;
}
.max-w-\[294px\] {
  max-width: 294px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[325px\] {
  max-width: 325px;
}
.max-w-\[351px\] {
  max-width: 351px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[388px\] {
  max-width: 388px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[44px\] {
  max-width: 44px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[68px\] {
  max-width: 68px;
}
.max-w-\[696px\] {
  max-width: 696px;
}
.max-w-\[75\%\] {
  max-width: 75%;
}
.max-w-\[758px\] {
  max-width: 758px;
}
.max-w-\[804px\] {
  max-width: 804px;
}
.max-w-\[82\%\] {
  max-width: 82%;
}
.max-w-\[83\%\] {
  max-width: 83%;
}
.max-w-\[90px\] {
  max-width: 90px;
}
.max-w-\[96px\] {
  max-width: 96px;
}
.max-w-\[976px\] {
  max-width: 976px;
}
.max-w-\[calc\(100\%-12px\)\] {
  max-width: calc(100% - 12px);
}
.max-w-\[calc\(100\%-16px\)\] {
  max-width: calc(100% - 16px);
}
.max-w-\[calc\(100\%-28px\)\] {
  max-width: calc(100% - 28px);
}
.max-w-\[min\(360px\2c calc\(100vw-32px\)\)\] {
  max-width: min(360px,calc(100vw - 32px));
}
.max-w-full {
  max-width: 100%;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.\!flex-\[32px_0_0\] {
  flex: 32px 0 0 !important;
}
.\!flex-none {
  flex: none !important;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[0_0_16px\] {
  flex: 0 0 16px;
}
.flex-\[0_0_20px\] {
  flex: 0 0 20px;
}
.flex-\[0_0_54px\] {
  flex: 0 0 54px;
}
.flex-\[1_1_138px\] {
  flex: 1 1 138px;
}
.flex-\[1_1_86px\] {
  flex: 1 1 86px;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.\!flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.\!flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.\!basis-\[640px\] {
  flex-basis: 640px !important;
}
.\!basis-auto {
  flex-basis: auto !important;
}
.basis-0 {
  flex-basis: 0px;
}
.basis-52 {
  flex-basis: 13rem;
}
.basis-80 {
  flex-basis: 20rem;
}
.basis-\[100px\] {
  flex-basis: 100px;
}
.basis-\[250px\] {
  flex-basis: 250px;
}
.basis-\[360px\] {
  flex-basis: 360px;
}
.basis-\[calc\(50\%-12px\)\] {
  flex-basis: calc(50% - 12px);
}
.table-fixed {
  table-layout: fixed;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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-1\/2 {
  --tw-translate-y: -50%;
  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-1\/3 {
  --tw-translate-y: -33.333333%;
  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-x-1\/2 {
  --tw-translate-x: 50%;
  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-x-1\/3 {
  --tw-translate-x: 33.333333%;
  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-x-\[-50\%\] {
  --tw-translate-x: -50%;
  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-px {
  --tw-translate-y: -1px;
  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-0 {
  --tw-translate-y: 0px;
  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-0\.5 {
  --tw-translate-y: 0.125rem;
  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-1 {
  --tw-translate-y: 0.25rem;
  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-\[-2px\] {
  --tw-translate-y: -2px;
  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-\[-50\%\] {
  --tw-translate-y: -50%;
  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-\[1px\] {
  --tw-translate-y: 1px;
  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-\[2px\] {
  --tw-translate-y: 2px;
  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));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  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));
}
.\!scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
}
.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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));
}
.scale-\[0\.625\] {
  --tw-scale-x: 0.625;
  --tw-scale-y: 0.625;
  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));
}
.scale-\[1\.21\] {
  --tw-scale-x: 1.21;
  --tw-scale-y: 1.21;
  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));
}
.scale-\[1\.333\] {
  --tw-scale-x: 1.333;
  --tw-scale-y: 1.333;
  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));
}
.scale-\[1\.6\] {
  --tw-scale-x: 1.6;
  --tw-scale-y: 1.6;
  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));
}
.scale-\[1\] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}
.-scale-x-100 {
  --tw-scale-x: -1;
  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));
}
.scale-x-\[-1\] {
  --tw-scale-x: -1;
  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));
}
.scale-y-75 {
  --tw-scale-y: .75;
  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));
}
.scale-y-90 {
  --tw-scale-y: .9;
  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));
}
.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-none {
  animation: none;
}
.\!cursor-default {
  cursor: default !important;
}
.\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.select-none {
  -moz-user-select: none;
       user-select: none;
}
.select-text {
  -moz-user-select: text;
       user-select: text;
}
.select-all {
  -moz-user-select: all;
       user-select: all;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-disc {
  list-style-type: disc;
}
.auto-rows-min {
  grid-auto-rows: min-content;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-\[repeat\(2\2c 231px\)\] {
  grid-template-columns: repeat(2,231px);
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(25\%\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(25%,1fr));
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.content-between {
  align-content: space-between;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-items-center {
  justify-items: center;
}
.\!gap-0 {
  gap: 0px !important;
}
.\!gap-0\.5 {
  gap: 0.125rem !important;
}
.\!gap-2 {
  gap: 0.5rem !important;
}
.\!gap-3 {
  gap: 0.75rem !important;
}
.\!gap-6 {
  gap: 1.5rem !important;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[0\.5em\] {
  gap: 0.5em;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[200px\] {
  gap: 200px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[22px\] {
  gap: 22px;
}
.gap-\[28px\] {
  gap: 28px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[36px\] {
  gap: 36px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[60px\] {
  gap: 60px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[71px\] {
  gap: 71px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-\[4px\] {
  row-gap: 4px;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.\!overflow-auto {
  overflow: auto !important;
}
.overflow-auto {
  overflow: auto;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.\!whitespace-pre-line {
  white-space: pre-line !important;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.break-keep {
  word-break: keep-all;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.\!rounded-2xl {
  border-radius: 1rem !important;
}
.\!rounded-\[12px\] {
  border-radius: 12px !important;
}
.\!rounded-\[8px\] {
  border-radius: 8px !important;
}
.\!rounded-\[inherit\] {
  border-radius: inherit !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-md {
  border-radius: 0.375rem !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.\!rounded-radius-m {
  border-radius: var(--radius-m) !important;
}
.\!rounded-radius-s {
  border-radius: var(--radius-s) !important;
}
.\!rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[--radius-s\] {
  border-radius: var(--radius-s);
}
.rounded-\[100px\] {
  border-radius: 100px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[31px\] {
  border-radius: 31px;
}
.rounded-\[36px\] {
  border-radius: 36px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-radius-l {
  border-radius: var(--radius-l);
}
.rounded-radius-m {
  border-radius: var(--radius-m);
}
.rounded-radius-s {
  border-radius: var(--radius-s);
}
.rounded-radius-xs {
  border-radius: var(--radius-xs);
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!rounded-b-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-l-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.\!rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded-b-\[12px\] {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-b-\[32px\] {
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
}
.rounded-b-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-radius-m {
  border-bottom-right-radius: var(--radius-m);
  border-bottom-left-radius: var(--radius-m);
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-radius-l {
  border-top-left-radius: var(--radius-l);
  border-bottom-left-radius: var(--radius-l);
}
.rounded-r-\[24px\] {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-radius-l {
  border-top-right-radius: var(--radius-l);
  border-bottom-right-radius: var(--radius-l);
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[999px\] {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
}
.rounded-t-radius-l {
  border-top-left-radius: var(--radius-l);
  border-top-right-radius: var(--radius-l);
}
.rounded-t-radius-s {
  border-top-left-radius: var(--radius-s);
  border-top-right-radius: var(--radius-s);
}
.rounded-tl-radius-xs {
  border-top-left-radius: var(--radius-xs);
}
.rounded-tr-radius-xs {
  border-top-right-radius: var(--radius-xs);
}
.\!border {
  border-width: 1px !important;
}
.\!border-0 {
  border-width: 0px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.\!border-t {
  border-top-width: 1px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[0\.5px\] {
  border-bottom-width: 0.5px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-none {
  border-style: none !important;
}
.\!border-\[\#FF0060\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 0 96 / var(--tw-border-opacity)) !important;
}
.\!border-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  border-color: rgba(255,255,255,0.05) !important;
}
.\!border-border-color-2 {
  border-color: var(--color-border-color-2) !important;
}
.\!border-border-color-level-1 {
  border-color: var(--border-color-level-1) !important;
}
.\!border-border-color-level-2 {
  border-color: var(--border-color-level-2) !important;
}
.\!border-gray-0 {
  border-color: var(--color-gray-0) !important;
}
.\!border-gray-7 {
  border-color: var(--color-gray-7) !important;
}
.\!border-gray-9 {
  border-color: var(--color-gray-9) !important;
}
.\!border-primary-3 {
  border-color: var(--color-primary-3) !important;
}
.\!border-purplegray-6 {
  border-color: var(--color-purplegray-6) !important;
}
.\!border-transparent {
  border-color: transparent !important;
}
.border-\[\#261d38\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 29 56 / var(--tw-border-opacity));
}
.border-\[\#6134a3\] {
  --tw-border-opacity: 1;
  border-color: rgb(97 52 163 / var(--tw-border-opacity));
}
.border-\[\#FFFFFF1F\] {
  border-color: #FFFFFF1F;
}
.border-\[--color-gray-7\] {
  border-color: var(--color-gray-7);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  border-color: rgba(255,255,255,0.05);
}
.border-bg-1 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-bg-1) / var(--tw-border-opacity));
}
.border-bg-3 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-bg-3) / var(--tw-border-opacity));
}
.border-bg-color-container {
  border-color: var(--bg-color-container);
}
.border-border-color-2 {
  border-color: var(--color-border-color-2);
}
.border-border-color-level-1 {
  border-color: var(--border-color-level-1);
}
.border-border-color-level-2 {
  border-color: var(--border-color-level-2);
}
.border-gray-0 {
  border-color: var(--color-gray-0);
}
.border-gray-1 {
  border-color: var(--color-gray-1);
}
.border-gray-2 {
  border-color: var(--color-gray-2);
}
.border-gray-7 {
  border-color: var(--color-gray-7);
}
.border-gray-8 {
  border-color: var(--color-gray-8);
}
.border-gray-9 {
  border-color: var(--color-gray-9);
}
.border-primary-5 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-5) / var(--tw-border-opacity));
}
.border-secondary-5 {
  border-color: var(--color-secondary-5);
}
.border-text-color-body {
  border-color: var(--text-color-body);
}
.border-transparent {
  border-color: transparent;
}
.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/\[\.16\] {
  border-color: rgb(255 255 255 / .16);
}
.border-y-purplegray-6 {
  border-top-color: var(--color-purplegray-6);
  border-bottom-color: var(--color-purplegray-6);
}
.\!bg-\[\#251c2e\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 28 46 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#33167c\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(51 22 124 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#372D4D\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 45 77 / var(--tw-bg-opacity)) !important;
}
.\!bg-bg-11 {
  background-color: var(--color-bg-11) !important;
}
.\!bg-bg-2 {
  background-color: var(--color-bg-2) !important;
}
.\!bg-bg-3 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-bg-3) / var(--tw-bg-opacity)) !important;
}
.\!bg-bg-8 {
  background-color: var(--color-bg-8) !important;
}
.\!bg-bg-color-button {
  background-color: var(--bg-color-button) !important;
}
.\!bg-bg-color-button-hover {
  background-color: var(--bg-color-button-hover) !important;
}
.\!bg-bg-color-container {
  background-color: var(--bg-color-container) !important;
}
.\!bg-bg-color-input {
  background-color: var(--bg-color-input) !important;
}
.\!bg-bg-color-popover {
  background-color: var(--bg-color-popover) !important;
}
.\!bg-bg-color-select {
  background-color: var(--bg-color-select) !important;
}
.\!bg-brand-color {
  background-color: var(--brand-color) !important;
}
.\!bg-gray-8 {
  background-color: var(--color-gray-8) !important;
}
.\!bg-mask-dark {
  background-color: var(--mask-dark) !important;
}
.\!bg-primary-5 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-5) / var(--tw-bg-opacity)) !important;
}
.\!bg-purplegray-10 {
  background-color: var(--color-purplegray-10) !important;
}
.\!bg-purplegray-12 {
  background-color: var(--color-purplegray-12) !important;
}
.\!bg-purplegray-3 {
  background-color: var(--color-purplegray-3) !important;
}
.\!bg-purplegray-8 {
  background-color: var(--color-purplegray-8) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-\[\#0E041B\]\/80 {
  background-color: rgb(14 4 27 / 0.8);
}
.bg-\[\#1A112E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 17 46 / var(--tw-bg-opacity));
}
.bg-\[\#1B1521\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 21 33 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a1b3d\] {
  background-color: #1a1a1b3d;
}
.bg-\[\#1a1a1b80\] {
  background-color: #1a1a1b80;
}
.bg-\[\#211C234D\] {
  background-color: #211C234D;
}
.bg-\[\#251255\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 18 85 / var(--tw-bg-opacity));
}
.bg-\[\#251C2E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 28 46 / var(--tw-bg-opacity));
}
.bg-\[\#261D38\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 29 56 / var(--tw-bg-opacity));
}
.bg-\[\#2C243E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 36 62 / var(--tw-bg-opacity));
}
.bg-\[\#302640\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 38 64 / var(--tw-bg-opacity));
}
.bg-\[\#302640\]\/80 {
  background-color: rgb(48 38 64 / 0.8);
}
.bg-\[\#302842\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 40 66 / var(--tw-bg-opacity));
}
.bg-\[\#352C40\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 44 64 / var(--tw-bg-opacity));
}
.bg-\[\#3A2E4D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 46 77 / var(--tw-bg-opacity));
}
.bg-\[\#4a4459\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 68 89 / var(--tw-bg-opacity));
}
.bg-\[\#5730ab\] {
  --tw-bg-opacity: 1;
  background-color: rgb(87 48 171 / var(--tw-bg-opacity));
}
.bg-\[\#F2F3F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 245 / var(--tw-bg-opacity));
}
.bg-\[\#F55252\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 82 82 / var(--tw-bg-opacity));
}
.bg-\[\#F83E3E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 62 62 / var(--tw-bg-opacity));
}
.bg-\[\#FAEC95\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 236 149 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF1A\] {
  background-color: #FFFFFF1A;
}
.bg-\[\#FFFFFF1F\] {
  background-color: #FFFFFF1F;
}
.bg-\[\#ffffff0f\] {
  background-color: #ffffff0f;
}
.bg-\[--color-mask-bg\] {
  background-color: var(--color-mask-bg);
}
.bg-\[--color-mask\] {
  background-color: var(--color-mask);
}
.bg-\[--color-purple-gray-9\] {
  background-color: var(--color-purple-gray-9);
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.5\)\] {
  background-color: rgba(0,0,0,.5);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
  background-color: rgba(0,0,0,0.7);
}
.bg-\[rgba\(17\2c 14\2c 23\2c 0\.25\)\] {
  background-color: rgba(17,14,23,0.25);
}
.bg-\[rgba\(17\2c 14\2c 23\2c 0\.3\)\] {
  background-color: rgba(17,14,23,0.3);
}
.bg-\[rgba\(17\2c 14\2c 23\2c 0\.40\)\] {
  background-color: rgba(17,14,23,0.40);
}
.bg-\[rgba\(17\2c 14\2c 23\2c 0\.9\)\] {
  background-color: rgba(17,14,23,0.9);
}
.bg-\[rgba\(176\2c 157\2c 218\2c 0\.08\)\] {
  background-color: rgba(176,157,218,0.08);
}
.bg-\[rgba\(176\2c 157\2c 218\2c 0\.12\)\] {
  background-color: rgba(176,157,218,0.12);
}
.bg-\[rgba\(211\2c 164\2c 255\2c 0\.04\)\] {
  background-color: rgba(211,164,255,0.04);
}
.bg-\[rgba\(216\2c 216\2c 216\2c 0\.1\)\] {
  background-color: rgba(216,216,216,0.1);
}
.bg-\[rgba\(238\2c 235\2c 255\2c 0\.1\)\] {
  background-color: rgba(238,235,255,0.1);
}
.bg-\[rgba\(255\2c 124\2c 0\2c 0\.48\)\] {
  background-color: rgba(255,124,0,0.48);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  background-color: rgba(255,255,255,0.05);
}
.bg-\[rgba\(26\2c 26\2c 27\2c 0\.50\)\] {
  background-color: rgba(26,26,27,0.50);
}
.bg-\[rgba\(27\2c 14\2c 42\2c 0\.30\)\] {
  background-color: rgba(27,14,42,0.30);
}
.bg-\[rgba\(76\2c 61\2c 102\2c 0\.2\)\] {
  background-color: rgba(76,61,102,0.2);
}
.bg-\[rgba\(76\2c 61\2c 102\2c 0\.3\)\] {
  background-color: rgba(76,61,102,0.3);
}
.bg-\[var\(--color-purplegray-3\)\] {
  background-color: var(--color-purplegray-3);
}
.bg-bg-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-bg-1) / var(--tw-bg-opacity));
}
.bg-bg-11 {
  background-color: var(--color-bg-11);
}
.bg-bg-12 {
  background-color: var(--color-bg-12);
}
.bg-bg-13 {
  background-color: var(--color-bg-13);
}
.bg-bg-2 {
  background-color: var(--color-bg-2);
}
.bg-bg-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-bg-3) / var(--tw-bg-opacity));
}
.bg-bg-4 {
  background-color: var(--color-bg-4);
}
.bg-bg-5 {
  background-color: var(--color-bg-5);
}
.bg-bg-color-button {
  background-color: var(--bg-color-button);
}
.bg-bg-color-button-hover {
  background-color: var(--bg-color-button-hover);
}
.bg-bg-color-container {
  background-color: var(--bg-color-container);
}
.bg-bg-color-input {
  background-color: var(--bg-color-input);
}
.bg-bg-color-label-dark {
  background-color: var(--bg-color-label-dark);
}
.bg-bg-color-label-light {
  background-color: var(--bg-color-label-light);
}
.bg-bg-color-page {
  background-color: var(--bg-color-page);
}
.bg-bg-color-popover {
  background-color: var(--bg-color-popover);
}
.bg-bg-color-secondarycontainer {
  background-color: var(--bg-color-secondarycontainer);
}
.bg-bg-color-select {
  background-color: var(--bg-color-select);
}
.bg-bg-color-success {
  background-color: var(--bg-color-success);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/\[0\.4\] {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-border-color-1 {
  background-color: var(--color-border-color-1);
}
.bg-border-color-level-1 {
  background-color: var(--border-color-level-1);
}
.bg-border-color-level-2 {
  background-color: var(--border-color-level-2);
}
.bg-border-color-white\/\[0\.12\] {
  background-color: rgb(var(--color-border-color-white) / 0.12);
}
.bg-brand-3 {
  background-color: var(--color-brand-3);
}
.bg-brand-4 {
  background-color: var(--color-brand-4);
}
.bg-brand-8 {
  background-color: var(--color-brand-8);
}
.bg-brand-9 {
  background-color: var(--color-brand-9);
}
.bg-brand-color {
  background-color: var(--brand-color);
}
.bg-brand-color-active {
  background-color: var(--brand-color-active);
}
.bg-card-bg {
  background-color: var(--color-card-bg);
}
.bg-danger-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-5) / var(--tw-bg-opacity));
}
.bg-extension-1 {
  background-color: var(--color-extension-1);
}
.bg-extension-2 {
  background-color: var(--color-extension-2);
}
.bg-gray-1 {
  background-color: var(--color-gray-1);
}
.bg-gray-2 {
  background-color: var(--color-gray-2);
}
.bg-gray-3 {
  background-color: var(--color-gray-3);
}
.bg-gray-4 {
  background-color: var(--color-gray-4);
}
.bg-gray-5 {
  background-color: var(--color-gray-5);
}
.bg-gray-7 {
  background-color: var(--color-gray-7);
}
.bg-gray-8 {
  background-color: var(--color-gray-8);
}
.bg-gray-9 {
  background-color: var(--color-gray-9);
}
.bg-gray-white {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-gray-white) / var(--tw-bg-opacity));
}
.bg-green-2 {
  background-color: var(--color-green-2);
}
.bg-mask-bg {
  background-color: var(--color-mask-bg);
}
.bg-mask-bg-2 {
  background-color: var(--color-mask-bg-2);
}
.bg-mask-dark {
  background-color: var(--mask-dark);
}
.bg-mask-light {
  background-color: var(--mask-light);
}
.bg-pink-1 {
  background-color: var(--color-pink-1);
}
.bg-popover-dark-bg {
  background-color: var( --color-popover-dark-bg);
}
.bg-primary-1 {
  background-color: var(--color-primary-1);
}
.bg-primary-3 {
  background-color: var(--color-primary-3);
}
.bg-primary-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-5) / var(--tw-bg-opacity));
}
.bg-primary-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-6) / var(--tw-bg-opacity));
}
.bg-primary-8 {
  background-color: var(--color-primary-8);
}
.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(216 180 254 / var(--tw-bg-opacity));
}
.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.bg-purple-gray-10 {
  background-color: var(--color-purple-gray-10);
}
.bg-purple-gray-3 {
  background-color: var(--color-purple-gray-3);
}
.bg-purple-gray-5 {
  background-color: var(--color-purple-gray-5);
}
.bg-purple-gray-6 {
  background-color: var(--color-purple-gray-6);
}
.bg-purple-gray-8 {
  background-color: var(--color-purple-gray-8);
}
.bg-purple-gray-9 {
  background-color: var(--color-purple-gray-9);
}
.bg-purplegray-1 {
  background-color: var(--color-purplegray-1);
}
.bg-purplegray-10 {
  background-color: var(--color-purplegray-10);
}
.bg-purplegray-11 {
  background-color: var(--color-purplegray-11);
}
.bg-purplegray-12 {
  background-color: var(--color-purplegray-12);
}
.bg-purplegray-13 {
  background-color: var(--color-purplegray-13);
}
.bg-purplegray-2 {
  background-color: var(--color-purplegray-2);
}
.bg-purplegray-3 {
  background-color: var(--color-purplegray-3);
}
.bg-purplegray-4 {
  background-color: var(--color-purplegray-4);
}
.bg-purplegray-5 {
  background-color: var(--color-purplegray-5);
}
.bg-purplegray-6 {
  background-color: var(--color-purplegray-6);
}
.bg-purplegray-8 {
  background-color: var(--color-purplegray-8);
}
.bg-purplegray-9 {
  background-color: var(--color-purplegray-9);
}
.bg-red-2 {
  background-color: var(--color-red-2);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-secondary-1 {
  background-color: var(--color-secondary-1);
}
.bg-secondary-3 {
  background-color: var(--color-secondary-3);
}
.bg-secondary-4 {
  background-color: var(--color-secondary-4);
}
.bg-success-5\/\[\.08\] {
  background-color: rgb(var(--color-success-5) / .08);
}
.bg-text-color-highlight {
  background-color: var(--text-color-highlight);
}
.bg-text-color-second {
  background-color: var(--text-color-second);
}
.bg-transparent {
  background-color: transparent;
}
.bg-warning-6 {
  background-color: var(--color-warning-6);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/\[\.12\] {
  background-color: rgb(255 255 255 / .12);
}
.bg-white\/\[\.18\] {
  background-color: rgb(255 255 255 / .18);
}
.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#00000066\] {
  --tw-gradient-from: #00000066 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#110E17\]\/80 {
  --tw-gradient-from: rgb(17 14 23 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 14 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4F32FF\] {
  --tw-gradient-from: #4F32FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 50 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(17\2c 14\2c 23\2c 0\)\] {
  --tw-gradient-from: rgba(17,14,23,0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(17, 14, 23, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(17\2c 14\2c 23\2c 0\.5\)\] {
  --tw-gradient-from: rgba(17,14,23,0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(17, 14, 23, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/40 {
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-900\/0 {
  --tw-gradient-from: rgb(23 23 23 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[4\.55\%\] {
  --tw-gradient-from-position: 4.55%;
}
.to-\[\#00000033\] {
  --tw-gradient-to: #00000033 var(--tw-gradient-to-position);
}
.to-\[\#C555FF\] {
  --tw-gradient-to: #C555FF var(--tw-gradient-to-position);
}
.to-\[rgba\(17\2c 14\2c 23\2c 0\)\] {
  --tw-gradient-to: rgba(17,14,23,0) var(--tw-gradient-to-position);
}
.to-\[rgba\(17\2c 14\2c 23\2c 0\.66\)\] {
  --tw-gradient-to: rgba(17,14,23,0.66) var(--tw-gradient-to-position);
}
.to-black\/40 {
  --tw-gradient-to: rgb(0 0 0 / 0.4) var(--tw-gradient-to-position);
}
.to-black\/50 {
  --tw-gradient-to: rgb(0 0 0 / 0.5) var(--tw-gradient-to-position);
}
.to-neutral-900\/80 {
  --tw-gradient-to: rgb(23 23 23 / 0.8) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-\[100\%\] {
  --tw-gradient-to-position: 100%;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-content {
  background-clip: content-box;
}
.bg-center {
  background-position: center;
}
.bg-left-top {
  background-position: left top;
}
.bg-top {
  background-position: top;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.\!object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-1 {
  padding: 0.25rem !important;
}
.\!p-2 {
  padding: 0.5rem !important;
}
.\!p-4 {
  padding: 1rem !important;
}
.\!p-6 {
  padding: 1.5rem !important;
}
.\!p-\[0\] {
  padding: 0 !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[11px\] {
  padding: 11px;
}
.p-\[1px\] {
  padding: 1px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-px {
  padding: 1px;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-\[18px\] {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.\!px-\[2px\] {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.\!py-\[2px\] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[--spacing-padding-s\] {
  padding-left: var(--spacing-padding-s);
  padding-right: var(--spacing-padding-s);
}
.px-\[0\.25px\] {
  padding-left: 0.25px;
  padding-right: 0.25px;
}
.px-\[0\.375rem\] {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[116px\] {
  padding-left: 116px;
  padding-right: 116px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[26px\] {
  padding-left: 26px;
  padding-right: 26px;
}
.px-\[28\.5px\] {
  padding-left: 28.5px;
  padding-right: 28.5px;
}
.px-\[2px\] {
  padding-left: 2px;
  padding-right: 2px;
}
.px-\[32px\] {
  padding-left: 32px;
  padding-right: 32px;
}
.px-\[43px\] {
  padding-left: 43px;
  padding-right: 43px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}
.px-\[var\(--conversation-padding-x\)\] {
  padding-left: var(--conversation-padding-x);
  padding-right: var(--conversation-padding-x);
}
.px-\[var\(--px\)\] {
  padding-left: var(--px);
  padding-right: var(--px);
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.125rem\] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[130px\] {
  padding-top: 130px;
  padding-bottom: 130px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[42px\] {
  padding-top: 42px;
  padding-bottom: 42px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[86px\] {
  padding-top: 86px;
  padding-bottom: 86px;
}
.\!pb-0 {
  padding-bottom: 0px !important;
}
.\!pb-3 {
  padding-bottom: 0.75rem !important;
}
.\!pb-4 {
  padding-bottom: 1rem !important;
}
.\!pb-\[60px\] {
  padding-bottom: 60px !important;
}
.\!pl-\[6\.5px\] {
  padding-left: 6.5px !important;
}
.\!pt-3 {
  padding-top: 0.75rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[100\%\] {
  padding-bottom: 100%;
}
.pb-\[22px\] {
  padding-bottom: 22px;
}
.pb-\[24px\] {
  padding-bottom: 24px;
}
.pb-\[35px\] {
  padding-bottom: 35px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[6px\] {
  padding-bottom: 6px;
}
.pb-\[72px\] {
  padding-bottom: 72px;
}
.pb-\[84px\] {
  padding-bottom: 84px;
}
.pb-\[8px\] {
  padding-bottom: 8px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pl-\[6px\] {
  padding-left: 6px;
}
.pr-0 {
  padding-right: 0px;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-\[2px\] {
  padding-right: 2px;
}
.pr-\[6px\] {
  padding-right: 6px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[16px\] {
  padding-top: 16px;
}
.pt-\[17px\] {
  padding-top: 17px;
}
.pt-\[1px\] {
  padding-top: 1px;
}
.pt-\[22px\] {
  padding-top: 22px;
}
.pt-\[72px\] {
  padding-top: 72px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.\!text-justify {
  text-align: justify !important;
}
.text-justify {
  text-align: justify;
}
.indent-0 {
  text-indent: 0px;
}
.indent-\[2em\] {
  text-indent: 2em;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.\!align-\[-0\.35em\] {
  vertical-align: -0.35em !important;
}
.align-\[-5px\] {
  vertical-align: -5px;
}
.align-\[1px\] {
  vertical-align: 1px;
}
.font-OPPOSans {
  font-family: OPPOSans;
}
.font-\[\'OPPOSans\'\] {
  font-family: 'OPPOSans';
}
.font-\[\'PuHuiTi\'\] {
  font-family: 'PuHuiTi';
}
.font-number {
  font-family: var(--font-family-number);
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.\!text-\[15px\] {
  font-size: 15px !important;
}
.\!text-base {
  font-size: 0.875rem !important;
  line-height: 1.375rem !important;
}
.\!text-base\/6 {
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
}
.\!text-lg\/6 {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-size-m {
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
}
.\!text-size-s {
  font-size: var(--font-size-s) !important;
  line-height: var(--line-height-s) !important;
}
.\!text-sm {
  font-size: 0.75rem !important;
  line-height: 1.125rem !important;
}
.\!text-xs {
  font-size: 0.625rem !important;
  line-height: 0.625rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[12px\]\/5 {
  font-size: 12px;
  line-height: 1.25rem;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[14px\]\/5 {
  font-size: 14px;
  line-height: 1.25rem;
}
.text-\[14px\]\/6 {
  font-size: 14px;
  line-height: 1.5rem;
}
.text-\[14px\]\/\[20px\] {
  font-size: 14px;
  line-height: 20px;
}
.text-\[14px\]\/\[24px\] {
  font-size: 14px;
  line-height: 24px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[15px\]\/5 {
  font-size: 15px;
  line-height: 1.25rem;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[20px\]\/7 {
  font-size: 20px;
  line-height: 1.75rem;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-base {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.text-base\/5 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-base\/6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.text-base\/7 {
  font-size: 0.875rem;
  line-height: 1.75rem;
}
.text-body {
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
}
.text-label {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
.text-label-bold {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
.text-label-num {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
.text-lg {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg\/6 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg\/7 {
  font-size: 1rem;
  line-height: 1.75rem;
}
.text-size-l {
  font-size: var(--font-size-l);
  line-height: var(--line-height-l);
}
.text-size-m {
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
}
.text-size-s {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
.text-size-xl {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
}
.text-size-xxl {
  font-size: var(--font-size-xxl);
  line-height: var(--line-height-xxl);
}
.text-sm {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.text-sm\/4 {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-sm\/5 {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.text-sm\/6 {
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.text-sm\/\[20px\] {
  font-size: 0.75rem;
  line-height: 20px;
}
.text-sm\/\[22px\] {
  font-size: 0.75rem;
  line-height: 22px;
}
.text-subtitle {
  font-size: var(--font-size-l);
  line-height: var(--line-height-l);
}
.text-title {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
}
.text-xl {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.625rem;
  line-height: 0.625rem;
}
.text-xs\/3 {
  font-size: 0.625rem;
  line-height: .75rem;
}
.\!font-bold {
  font-weight: 700 !important;
}
.\!font-medium {
  font-weight: 500 !important;
}
.\!font-normal {
  font-weight: 400 !important;
}
.\!font-semibold {
  font-weight: 600 !important;
}
.font-\[500\] {
  font-weight: 500;
}
.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 !important;
}
.\!leading-5 {
  line-height: 1.25rem !important;
}
.\!leading-6 {
  line-height: 1.5rem !important;
}
.\!leading-\[14px\] {
  line-height: 14px !important;
}
.\!leading-\[18px\] {
  line-height: 18px !important;
}
.\!leading-normal {
  line-height: 1.5 !important;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-3 {
  line-height: .75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[0\.875rem\] {
  line-height: 0.875rem;
}
.leading-\[0\] {
  line-height: 0;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[17px\] {
  line-height: 17px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[23px\] {
  line-height: 23px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-\[26px\] {
  line-height: 26px;
}
.leading-\[27\.5px\] {
  line-height: 27.5px;
}
.leading-\[28px\] {
  line-height: 28px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.leading-\[normal\] {
  line-height: normal;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-snug {
  line-height: 1.375;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-\[rgba\(238\2c 235\2c 255\2c 0\.25\)\] {
  color: rgba(238,235,255,0.25) !important;
}
.\!text-brand-7 {
  color: var(--color-brand-7) !important;
}
.\!text-gray-0 {
  color: var(--color-gray-0) !important;
}
.\!text-gray-1 {
  color: var(--color-gray-1) !important;
}
.\!text-gray-2 {
  color: var(--color-gray-2) !important;
}
.\!text-gray-3 {
  color: var(--color-gray-3) !important;
}
.\!text-gray-4 {
  color: var(--color-gray-4) !important;
}
.\!text-gray-5 {
  color: var(--color-gray-5) !important;
}
.\!text-gray-white {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
}
.\!text-inherit {
  color: inherit !important;
}
.\!text-text-color-body {
  color: var(--text-color-body) !important;
}
.\!text-text-color-highlight {
  color: var(--text-color-highlight) !important;
}
.\!text-text-color-second {
  color: var(--text-color-second) !important;
}
.\!text-text-error {
  color: var(--color-text-error) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#00943E\] {
  --tw-text-opacity: 1;
  color: rgb(0 148 62 / var(--tw-text-opacity));
}
.text-\[\#07030F\] {
  --tw-text-opacity: 1;
  color: rgb(7 3 15 / var(--tw-text-opacity));
}
.text-\[\#249C5C\] {
  --tw-text-opacity: 1;
  color: rgb(36 156 92 / var(--tw-text-opacity));
}
.text-\[\#492ff4\] {
  --tw-text-opacity: 1;
  color: rgb(73 47 244 / var(--tw-text-opacity));
}
.text-\[\#7244E5\] {
  --tw-text-opacity: 1;
  color: rgb(114 68 229 / var(--tw-text-opacity));
}
.text-\[\#757285\] {
  --tw-text-opacity: 1;
  color: rgb(117 114 133 / var(--tw-text-opacity));
}
.text-\[\#969AA0\] {
  --tw-text-opacity: 1;
  color: rgb(150 154 160 / var(--tw-text-opacity));
}
.text-\[\#9D99B2\] {
  --tw-text-opacity: 1;
  color: rgb(157 153 178 / var(--tw-text-opacity));
}
.text-\[\#D220FF\] {
  --tw-text-opacity: 1;
  color: rgb(210 32 255 / var(--tw-text-opacity));
}
.text-\[\#DBD4FF\] {
  --tw-text-opacity: 1;
  color: rgb(219 212 255 / var(--tw-text-opacity));
}
.text-\[\#DF4340\] {
  --tw-text-opacity: 1;
  color: rgb(223 67 64 / var(--tw-text-opacity));
}
.text-\[\#EB9617\] {
  --tw-text-opacity: 1;
  color: rgb(235 150 23 / var(--tw-text-opacity));
}
.text-\[\#ECA20F\] {
  --tw-text-opacity: 1;
  color: rgb(236 162 15 / var(--tw-text-opacity));
}
.text-\[\#EEEBFF\] {
  --tw-text-opacity: 1;
  color: rgb(238 235 255 / var(--tw-text-opacity));
}
.text-\[\#FF5959\] {
  --tw-text-opacity: 1;
  color: rgb(255 89 89 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF29\] {
  color: #FFFFFF29;
}
.text-\[\#FFFFFF73\] {
  color: #FFFFFF73;
}
.text-\[\#FFFFFF80\] {
  color: #FFFFFF80;
}
.text-\[\#FFFFFFBF\] {
  color: #FFFFFFBF;
}
.text-\[\#FFFFFFD9\] {
  color: #FFFFFFD9;
}
.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#FFF\]\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-\[\#b5bcff\] {
  --tw-text-opacity: 1;
  color: rgb(181 188 255 / var(--tw-text-opacity));
}
.text-\[\#c8c6cc\] {
  --tw-text-opacity: 1;
  color: rgb(200 198 204 / var(--tw-text-opacity));
}
.text-\[\#d4ccff\] {
  --tw-text-opacity: 1;
  color: rgb(212 204 255 / var(--tw-text-opacity));
}
.text-\[\#f00\] {
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}
.text-\[black\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[rgba\(224\2c 245\2c 255\2c 0\.35\)\] {
  color: rgba(224,245,255,0.35);
}
.text-\[rgba\(238\2c 235\2c 255\2c 0\.45\)\] {
  color: rgba(238,235,255,0.45);
}
.text-\[rgba\(238\2c 235\2c 255\2c 0\.65\)\] {
  color: rgba(238,235,255,0.65);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
  color: rgba(255,255,255,0.5);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.50\)\] {
  color: rgba(255,255,255,0.50);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\] {
  color: rgba(255,255,255,0.75);
}
.text-\[var\(--color-brand-6\)\] {
  color: var(--color-brand-6);
}
.text-\[white\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-bg-12 {
  color: var(--color-bg-12);
}
.text-bg-4 {
  color: var(--color-bg-4);
}
.text-bg-color-secondarycontainer {
  color: var(--bg-color-secondarycontainer);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-border-color-3 {
  color: var(--color-border-color-3);
}
.text-border-color-white {
  --tw-text-opacity: 1;
  color: rgb(var(--color-border-color-white) / var(--tw-text-opacity));
}
.text-border-gray-2 {
  color: var(--color-border-gray-2);
}
.text-brand-5 {
  color: var(--color-brand-5);
}
.text-brand-7 {
  color: var(--color-brand-7);
}
.text-brand-color-highlight {
  color: var(--brand-color-highlight);
}
.text-brand-color-hover {
  color: var(--brand-color-hover);
}
.text-current {
  color: currentColor;
}
.text-danger-5 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-5) / var(--tw-text-opacity));
}
.text-function-color-error {
  color: var(--function-color-error);
}
.text-function-color-success {
  color: var(--function-color-success);
}
.text-gray-0 {
  color: var(--color-gray-0);
}
.text-gray-1 {
  color: var(--color-gray-1);
}
.text-gray-2 {
  color: var(--color-gray-2);
}
.text-gray-3 {
  color: var(--color-gray-3);
}
.text-gray-4 {
  color: var(--color-gray-4);
}
.text-gray-5 {
  color: var(--color-gray-5);
}
.text-gray-6 {
  color: var(--color-gray-6);
}
.text-gray-9 {
  color: var(--color-gray-9);
}
.text-gray-white {
  --tw-text-opacity: 1;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity));
}
.text-green-1 {
  color: var(--color-green-1);
}
.text-orange-1 {
  color: var(--color-orange-1);
}
.text-primary-5 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-5) / var(--tw-text-opacity));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}
.text-secondary-1 {
  color: var(--color-secondary-1);
}
.text-success-4 {
  color: var(--color-success-4);
}
.text-success-5 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-5) / var(--tw-text-opacity));
}
.text-text-color-body {
  color: var(--text-color-body);
}
.text-text-color-error {
  color: var(--text-color-error);
}
.text-text-color-highlight {
  color: var(--text-color-highlight);
}
.text-text-color-second {
  color: var(--text-color-second);
}
.text-text-color-success {
  color: var(--text-color-success);
}
.text-text-color-warning {
  color: var(--text-color-warning);
}
.text-warning-5 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-5) / var(--tw-text-opacity));
}
.text-warning-6 {
  color: var(--color-warning-6);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/\[\.65\] {
  color: rgb(255 255 255 / .65);
}
.text-opacity-75 {
  --tw-text-opacity: 0.75;
}
.underline {
  text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.\!opacity-0 {
  opacity: 0 !important;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-\[\.65\] {
  opacity: .65;
}
.opacity-\[\.85\] {
  opacity: .85;
}
.opacity-\[0\.3\] {
  opacity: 0.3;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.mix-blend-color-dodge {
  mix-blend-mode: color-dodge;
}
.mix-blend-plus-lighter {
  mix-blend-mode: plus-lighter;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-primary-border {
  --tw-shadow: inset 0px 0px 0px 2px var(--color-brand-3) !important;
  --tw-shadow-colored: inset 0px 0px 0px 2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --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-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px 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-\[0_10px_20px_0_rgba\(10\2c 6\2c 15\2c 0\.6\)\] {
  --tw-shadow: 0 10px 20px 0 rgba(10,6,15,0.6);
  --tw-shadow-colored: 0 10px 20px 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);
}
.shadow-\[0_10px_20px_rgba\(17\2c 17\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 10px 20px rgba(17,17,0,0.12);
  --tw-shadow-colored: 0 10px 20px 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-\[0_4px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 4px 12px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 4px 12px 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-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-primary-border-start {
  --tw-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0);
  --tw-shadow-colored: inset 0px 0px 0px 2px 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-shadow-1 {
  --tw-shadow: var(--shadow-1);
  --tw-shadow-colored: var(--shadow-1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-shadow-2 {
  --tw-shadow: var(--shadow-2);
  --tw-shadow-colored: var(--shadow-2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-white\/40 {
  --tw-shadow-color: rgb(255 255 255 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0px;
}
.outline-1 {
  outline-width: 1px;
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.blur-\[\.5px\] {
  --tw-blur: blur(.5px);
  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);
}
.blur-\[20px\] {
  --tw-blur: blur(20px);
  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);
}
.blur-\[2px\] {
  --tw-blur: blur(2px);
  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);
}
.blur-\[60px\] {
  --tw-blur: blur(60px);
  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);
}
.blur-xl {
  --tw-blur: blur(24px);
  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);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.\!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) !important;
}
.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-md {
  --tw-backdrop-blur: blur(12px) !important;
  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) !important;
}
.backdrop-blur-\[0\.7px\] {
  --tw-backdrop-blur: blur(0.7px);
  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-blur-\[16px\] {
  --tw-backdrop-blur: blur(16px);
  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-blur-\[24px\] {
  --tw-backdrop-blur: blur(24px);
  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-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  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-blur-\[53px\] {
  --tw-backdrop-blur: blur(53px);
  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-blur-\[5px\] {
  --tw-backdrop-blur: blur(5px);
  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-blur-\[var\(--background-blur-1\)\] {
  --tw-backdrop-blur: blur(var(--background-blur-1));
  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-blur-blur-1 {
  --tw-backdrop-blur: blur(var(--background-blur-1));
  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-blur-lg {
  --tw-backdrop-blur: blur(16px);
  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-blur-md {
  --tw-backdrop-blur: blur(12px);
  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-blur-none {
  --tw-backdrop-blur: blur(0);
  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-blur-xl {
  --tw-backdrop-blur: blur(24px);
  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 {
  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-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\] {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background\] {
  transition-property: color,background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-\[180ms\] {
  transition-duration: 180ms;
}
.ease-\[ease\] {
  transition-timing-function: ease;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.drag-none {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.drag-none {
    -moz-user-select: none;
         user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
  }
/*
    Chromium browsers don't render nested backdrop filters.
    As a workaround, add 'before:' to the outer filter, along with 'before:backdrop-hack':

      <div class="before:backdrop-blur-md before:backdrop-hack>
        <div class="backdrop-blur-md"></div>
      </div>

    See https://stackoverflow.com/a/76207141.
  */
/*
  即创 Design Token
  @see https://bytedance.larkoffice.com/docx/X6N5dvCd0oBSIQxUgCJcR3jKnyh
*/
.placeholder\:text-text-color-second::-moz-placeholder {
  color: var(--text-color-second);
}
.placeholder\:text-text-color-second::placeholder {
  color: var(--text-color-second);
}
.before\:rounded-radius-m::before {
  content: var(--tw-content);
  border-radius: var(--radius-m);
}
.before\:backdrop-blur-blur-1::before {
  content: var(--tw-content);
  --tw-backdrop-blur: blur(var(--background-blur-1));
  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);
}
.before\:backdrop-hack::before {
  inset: 0;
    content: var(--tw-content);
    position: absolute;
    inset: 0px;
    z-index: -10;
}
.last\:\!mr-2:last-child {
  margin-right: 0.5rem !important;
}
.last\:hidden:last-child {
  display: none;
}
.last\:text-left:last-child {
  text-align: left;
}
.first-of-type\:ml-4:first-of-type {
  margin-left: 1rem;
}
.first-of-type\:mt-0:first-of-type {
  margin-top: 0px;
}
.last-of-type\:mr-4:last-of-type {
  margin-right: 1rem;
}
.empty\:hidden:empty {
  display: none;
}
.hover\:z-\[7\]:hover {
  z-index: 7;
}
.hover\:cursor-not-allowed:hover {
  cursor: not-allowed;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:border-gray-2:hover {
  border-color: var(--color-gray-2);
}
.hover\:\!bg-bg-color-button-hover:hover {
  background-color: var(--bg-color-button-hover) !important;
}
.hover\:\!bg-mask-light:hover {
  background-color: var(--mask-light) !important;
}
.hover\:bg-\[\#3C344D\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(60 52 77 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3D3152\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 49 82 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#4B445B\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 68 91 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#4c3d664d\]:hover {
  background-color: #4c3d664d;
}
.hover\:bg-\[rgba\(115\2c 92\2c 153\2c 0\.6\)\]:hover {
  background-color: rgba(115,92,153,0.6);
}
.hover\:bg-\[rgba\(216\2c 216\2c 216\2c 0\.1\)\]:hover {
  background-color: rgba(216,216,216,0.1);
}
.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:hover {
  background-color: rgba(255,255,255,0.06);
}
.hover\:bg-\[rgba\(76\2c 61\2c 102\2c 0\.6\)\]:hover {
  background-color: rgba(76,61,102,0.6);
}
.hover\:bg-bg-1:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-bg-1) / var(--tw-bg-opacity));
}
.hover\:bg-bg-2:hover {
  background-color: var(--color-bg-2);
}
.hover\:bg-bg-color-button:hover {
  background-color: var(--bg-color-button);
}
.hover\:bg-bg-color-button-hover:hover {
  background-color: var(--bg-color-button-hover);
}
.hover\:bg-bg-color-label-light:hover {
  background-color: var(--bg-color-label-light);
}
.hover\:bg-bg-color-select:hover {
  background-color: var(--bg-color-select);
}
.hover\:bg-black\/40:hover {
  background-color: rgb(0 0 0 / 0.4);
}
.hover\:bg-black\/70:hover {
  background-color: rgb(0 0 0 / 0.7);
}
.hover\:bg-brand-5:hover {
  background-color: var(--color-brand-5);
}
.hover\:bg-gray-8:hover {
  background-color: var(--color-gray-8);
}
.hover\:bg-hover-1:hover {
  background-color: var(--color-hover-1);
}
.hover\:bg-purple-gray-6:hover {
  background-color: var(--color-purple-gray-6);
}
.hover\:bg-purple-gray-8:hover {
  background-color: var(--color-purple-gray-8);
}
.hover\:bg-purplegray-12:hover {
  background-color: var(--color-purplegray-12);
}
.hover\:bg-purplegray-2:hover {
  background-color: var(--color-purplegray-2);
}
.hover\:bg-purplegray-6:hover {
  background-color: var(--color-purplegray-6);
}
.hover\:bg-purplegray-8:hover {
  background-color: var(--color-purplegray-8);
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-white\/\[\.06\]:hover {
  background-color: rgb(255 255 255 / .06);
}
.hover\:bg-white\/\[0\.1\]:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:font-medium:hover {
  font-weight: 500;
}
.hover\:font-semibold:hover {
  font-weight: 600;
}
.hover\:\!text-gray-0:hover {
  color: var(--color-gray-0) !important;
}
.hover\:\!text-gray-4:hover {
  color: var(--color-gray-4) !important;
}
.hover\:\!text-text-color-body:hover {
  color: var(--text-color-body) !important;
}
.hover\:\!text-text-color-highlight:hover {
  color: var(--text-color-highlight) !important;
}
.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:text-\[\#492ff4\]:hover {
  --tw-text-opacity: 1;
  color: rgb(73 47 244 / var(--tw-text-opacity));
}
.hover\:text-\[\#D220FF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(210 32 255 / var(--tw-text-opacity));
}
.hover\:text-\[\#d20aff\]:hover {
  --tw-text-opacity: 1;
  color: rgb(210 10 255 / var(--tw-text-opacity));
}
.hover\:text-\[rgba\(238\2c 235\2c 255\2c 0\.65\)\]:hover {
  color: rgba(238,235,255,0.65);
}
.hover\:text-brand-color:hover {
  color: var(--brand-color);
}
.hover\:text-gray-1:hover {
  color: var(--color-gray-1);
}
.hover\:text-gray-4:hover {
  color: var(--color-gray-4);
}
.hover\:text-gray-5:hover {
  color: var(--color-gray-5);
}
.hover\:text-gray-white:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity));
}
.hover\:text-primary-3:hover {
  color: var(--color-primary-3);
}
.hover\:text-primary-5:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-5) / var(--tw-text-opacity));
}
.hover\:text-secondary-5:hover {
  color: var(--color-secondary-5);
}
.hover\:text-text-color-body:hover {
  color: var(--text-color-body);
}
.hover\:text-text-color-highlight:hover {
  color: var(--text-color-highlight);
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-opacity-100:hover {
  --tw-text-opacity: 1;
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:underline-offset-2:hover {
  text-underline-offset: 2px;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.group\/parent-task:hover .group-hover\/parent-task\:visible {
  visibility: visible;
}
.group\/scripts:hover .group-hover\/scripts\:visible {
  visibility: visible;
}
.group\/task-name:hover .group-hover\/task-name\:visible {
  visibility: visible;
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:z-20 {
  z-index: 20;
}
.group:hover .group-hover\:z-30 {
  z-index: 30;
}
.group:hover .group-hover\:mt-1 {
  margin-top: 0.25rem;
}
.group\/item:hover .group-hover\/item\:block {
  display: block;
}
.group\/player:hover .group-hover\/player\:block {
  display: block;
}
.group\/task-item:hover .group-hover\/task-item\:block {
  display: block;
}
.group\/task-video:hover .group-hover\/task-video\:\!block {
  display: block !important;
}
.group\/upload-fail:hover .group-hover\/upload-fail\:block {
  display: block;
}
.group:hover .group-hover\:\!block {
  display: block !important;
}
.group:hover .group-hover\:block {
  display: block;
}
.group\/ai_material:hover .group-hover\/ai_material\:flex {
  display: flex;
}
.group\/card:hover .group-hover\/card\:\!flex {
  display: flex !important;
}
.group\/move-btn-group:hover .group-hover\/move-btn-group\:\!flex {
  display: flex !important;
}
.group\/player:hover .group-hover\/player\:flex {
  display: flex;
}
.group\/selected-model-card:hover .group-hover\/selected-model-card\:flex {
  display: flex;
}
.group\/task-item:hover .group-hover\/task-item\:flex {
  display: flex;
}
.group\/upload-drag-box:hover .group-hover\/upload-drag-box\:flex {
  display: flex;
}
.group:hover .group-hover\:\!flex {
  display: flex !important;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group\/light-header:hover .group-hover\/light-header\:\!inline-flex {
  display: inline-flex !important;
}
.group\/ai_material:hover .group-hover\/ai_material\:hidden {
  display: none;
}
.group\/move-btn-group:hover .group-hover\/move-btn-group\:\!hidden {
  display: none !important;
}
.group\/player:hover .group-hover\/player\:hidden {
  display: none;
}
.group\/task-item:hover .group-hover\/task-item\:hidden {
  display: none;
}
.group\/task-video:hover .group-hover\/task-video\:hidden {
  display: none;
}
.group\/upload-fail:hover .group-hover\/upload-fail\:hidden {
  display: none;
}
.group:hover .group-hover\:hidden {
  display: none;
}
.group:hover .group-hover\:h-4 {
  height: 1rem;
}
.group\/player-container:hover .group-hover\/player-container\:w-\[68px\] {
  width: 68px;
}
.group\/ai_material:hover .group-hover\/ai_material\:\!rounded-b-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.group\/add:hover .group-hover\/add\:font-semibold {
  font-weight: 600;
}
.group\/line:hover .group-hover\/line\:font-semibold {
  font-weight: 600;
}
.group\/select:hover .group-hover\/select\:font-semibold {
  font-weight: 600;
}
.group\/add:hover .group-hover\/add\:text-gray-5 {
  color: var(--color-gray-5);
}
.group\/agent-session-item-action:hover .group-hover\/agent-session-item-action\:text-text-color-highlight {
  color: var(--text-color-highlight);
}
.group\/card:hover .group-hover\/card\:text-text-color-highlight {
  color: var(--text-color-highlight);
}
.group\/ins-filter-btn:hover .group-hover\/ins-filter-btn\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group\/line:hover .group-hover\/line\:text-text-color-highlight {
  color: var(--text-color-highlight);
}
.group\/select:hover .group-hover\/select\:text-gray-5 {
  color: var(--color-gray-5);
}
.group\/smart-help:hover .group-hover\/smart-help\:text-text-color-highlight {
  color: var(--text-color-highlight);
}
.group\/task-item-action:hover .group-hover\/task-item-action\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:\!text-text-color-highlight {
  color: var(--text-color-highlight) !important;
}
.group:hover .group-hover\:text-\[\#EEEBFF\]\/80 {
  color: rgb(238 235 255 / 0.8);
}
.group:hover .group-hover\:text-gray-4 {
  color: var(--color-gray-4);
}
.group:hover .group-hover\:text-text-color-body {
  color: var(--text-color-body);
}
.group\/product-form-preview-card:hover .group-hover\/product-form-preview-card\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:focus-visible .group-focus-visible\:\!text-text-color-highlight {
  color: var(--text-color-highlight) !important;
}
body.theme-light .light\:border {
  border-width: 1px;
}
body.theme-light .light\:\!border-primary-5 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-5) / var(--tw-border-opacity)) !important;
}
body.theme-light .light\:bg-\[\#EBF5FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 245 255 / var(--tw-bg-opacity));
}
body.theme-light .light\:bg-bg-4 {
  background-color: var(--color-bg-4);
}
body.theme-light .light\:bg-pink-1 {
  background-color: var(--color-pink-1);
}
body.theme-light .light\:text-primary-5 {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-5) / var(--tw-text-opacity));
}
body.theme-light .light\:hover\:bg-bg-color-select:hover {
  background-color: var(--bg-color-select);
}
.\[\&_svg\]\:text-current svg {
  color: currentColor;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #D220FF;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #D220FF, 0 0 5px #D220FF;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #D220FF;
  border-left-color: #D220FF;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.driver-popover.driverjs-theme {
  background-color: #3565f2;
  color: white;
}
.driver-popover.driverjs-theme .driver-popover-title,
.driver-popover.driverjs-theme .driver-popover-description,
.driver-popover.driverjs-theme .driver-popover-progress-text {
  font-size: 12px;
}
.driver-popover.driverjs-theme .driver-popover-title {
  font-size: 14px;
}
.driver-popover.driverjs-theme .driver-popover-next-btn,
.driver-popover.driverjs-theme .driver-popover-prev-btn {
  text-align: center;
  height: 24px;
  background-color: #261d38;
  color: #3565f2;
  border: 0;
  text-shadow: none;
  font-size: 12px;
  padding: 0 16px;
  border-radius: 4px;
}
.driver-popover.driverjs-theme .driver-popover-prev-btn {
  background: transparent;
  color: white;
  border: 0;
  text-shadow: none;
}
.driver-popover.driverjs-theme .driver-popover-close-btn {
  background: transparent;
  color: white;
  font-size: 16px;
  padding: 0;
  width: auto;
  height: auto;
  top: 15px;
  right: 15px;
}
.driver-popover.driverjs-theme .driver-popover-close-btn:hover {
  color: white;
  background-color: #3565f2;
}
.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {
  border-left-color: #3565f2;
}
.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {
  border-right-color: #3565f2;
}
.driver-popover.driverjs-theme .driver-popover-progress-text {
  color: white;
}
.driver-popover.driverjs-theme .driver-steps {
  display: flex;
  gap: 4px;
}
.driver-popover.driverjs-theme .driver-steps .driver-step {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: white;
}
.driver-popover.driverjs-theme .driver-steps .driver-step-unfinished {
  background: rgba(255, 255, 255, 0.4);
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.aic-fade-enter-active,
.aic-fade-leave-active {
  transition: opacity 0.2s ease;
}
.aic-fade-enter-from,
.aic-fade-leave-to {
  opacity: 0;
}
.aic-fade-up-enter-active,
.aic-fade-up-leave-active {
  transition: all 0.2s ease;
}
.aic-fade-up-enter-from,
.aic-fade-up-leave-to {
  opacity: 0;
  transform: translateY(-5px);
}
.aic-fade-down-enter-active,
.aic-fade-down-leave-active {
  transition: all 0.2s ease;
}
.aic-fade-down-enter-from,
.aic-fade-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}
.aic-fade-right-enter-active,
.aic-fade-right-leave-active {
  transition: all 0.2s ease;
}
.aic-fade-right-enter-from,
.aic-fade-right-leave-to {
  opacity: 0;
  transform: translateX(-5px);
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes tinDownOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  30% {
    opacity: 0.3;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
.tinDownOut {
  animation-name: tinDownOut;
}
.share-content-comp .index_popup-wrapper__luknC {
  background-color: #1a112e;
  color: #fff;
  border-radius: 36px;
}
.share-content-comp .index_popup-wrapper__luknC .index_title-item-active__RLyWk {
  color: #fff;
}
.share-content-comp .index_popup-wrapper__luknC .index_popup-selected__J98JU {
  color: var(--color-gray-4);
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-item__jrHts:hover {
  background-color: var(--color-bg-2);
}
.share-content-comp .index_popup-wrapper__luknC .index_panel-wrapper__TWeQx,
.share-content-comp .index_popup-wrapper__luknC .index_account-list-title__TMsNo {
  color: #fff;
  border: none;
}
.share-content-comp .index_popup-wrapper__luknC .index_search-container__uoHiE {
  background-color: #302842;
}
.share-content-comp .index_popup-wrapper__luknC .index_search-container__uoHiE input {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-bg-2);
  background-color: #302842;
  color: #fff !important;
  padding-right: 5px;
}
.share-content-comp .index_popup-wrapper__luknC .index_search-container__uoHiE input:hover {
  border-color: #5e21d9;
}
.share-content-comp .index_popup-wrapper__luknC .index_search-container__uoHiE .index_search-icon__fMNwG img {
  filter: brightness(10);
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-title-span__dnJPI img {
  filter: brightness(5);
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-title-long__60WFX,
.share-content-comp .index_popup-wrapper__luknC .index_account-list-title-long__60WFX .index_account-list-title-span__dnJPI:first-child {
  color: #fff;
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-title__TMsNo,
.share-content-comp .index_popup-wrapper__luknC .index_account-list-title-long__60WFX {
  border-radius: 12px;
  background-color: #302842;
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-wrapper__9oz8O {
  border-radius: 12px;
  background-color: #302842;
  border: none;
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-wrapper__9oz8O .index_account-list-select-all__bmwza img,
.share-content-comp .index_popup-wrapper__luknC .index_account-list-wrapper__9oz8O .index_account-list-item__jrHts img {
  filter: hue-rotate(30deg);
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-detail-describe__ar-MH {
  color: rgba(255, 255, 255, 0.5);
}
.share-content-comp .index_popup-wrapper__luknC .index_selected-container__8n-tG {
  border-radius: 12px;
  background-color: #302842;
  margin-left: 8px;
}
.share-content-comp .index_popup-wrapper__luknC .index_selected-title__PUOVD {
  color: #fff;
}
.share-content-comp .index_popup-wrapper__luknC .index_disabled__NAwup {
  color: rgba(255, 255, 255, 0.75);
}
.share-content-comp .index_popup-wrapper__luknC .index_footer-cancel__A7xKm {
  background-color: #3c344d;
  border-radius: 8px;
  color: #fff;
  border: none;
}
.share-content-comp .index_popup-wrapper__luknC .index_not-disable__xZFxK {
  color: rgba(255, 255, 255, 0.75);
}
.share-content-comp .index_popup-wrapper__luknC .index_footer-submit-disabled__wHUKP {
  border-radius: 8px;
  background-color: rgba(101, 29, 255, 0.34) !important;
  color: #fff;
}
.share-content-comp .index_popup-wrapper__luknC .index_footer-submit-active__7YlIv {
  border-radius: 8px;
  background-color: #5e21d9 !important;
  color: #fff;
}
.share-content-comp .index_popup-wrapper__luknC .index_footer-submit-active__7YlIv:hover {
  background-color: #7433ff !important;
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-see-all__G8EjG {
  color: #fff;
}
.share-content-comp .index_popup-wrapper__luknC .index_selected-list-item__p5Yki {
  background-color: #3c344d;
  justify-content: space-between;
  padding-right: 5px;
}
.share-content-comp .index_popup-wrapper__luknC .index_selected-list-item__p5Yki span:nth-child(1) {
  color: #fff;
}
.share-content-comp .index_popup-wrapper__luknC .index_selected-list-item__p5Yki span:nth-child(2) {
  color: rgba(255, 255, 255, 0.5);
}
.share-content-comp .index_popup-wrapper__luknC .index_selected-list-item__p5Yki .index_selected-close__E-jAs {
  position: unset;
}
.share-content-comp .index_popup-wrapper__luknC .index_account-list-see-all-disabled__mgdFC {
  color: rgba(255, 255, 255, 0.5);
}
.index_prompt-wrapper__Ug17e,
.index_prompt-triangle__zI-eH {
  background-color: #302842 !important;
  color: #fff !important;
}
.index_drawer-wrapper__zBB-o .index_drawer-close-wrapper__SL8SL {
  background-color: #7433ff;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG {
  background-color: #1a112e;
  color: #fff;
  box-shadow: none;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr div,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 div,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb div,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g div,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf div,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG div {
  color: #fff;
  box-shadow: none;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr span,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 span,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb span,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g span,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf span,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG span {
  color: rgba(255, 255, 255, 0.5);
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_drawer-close__o-io1,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_drawer-close__o-io1,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_drawer-close__o-io1,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_drawer-close__o-io1,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_drawer-close__o-io1,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_drawer-close__o-io1,
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-tab-wrapper__yAy4z {
  border: none;
  box-shadow: none;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-add__u9w-b,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-add__u9w-b,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-add__u9w-b,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-add__u9w-b,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-add__u9w-b,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-add__u9w-b {
  background-color: #5e21d9;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-add__u9w-b span,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-add__u9w-b span,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-add__u9w-b span,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-add__u9w-b span,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-add__u9w-b span,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-add__u9w-b span {
  color: #fff;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-tab-active__ygv0M,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-tab-active__ygv0M,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-tab-active__ygv0M,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-tab-active__ygv0M,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-tab-active__ygv0M,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-tab-active__ygv0M {
  color: #fff;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-search__tkomj,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-search__tkomj,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-search__tkomj,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-search__tkomj,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-search__tkomj,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-search__tkomj {
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-bg-2);
  background-color: #302842;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-search__tkomj input,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-search__tkomj input,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-search__tkomj input,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-search__tkomj input,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-search__tkomj input,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-search__tkomj input {
  background-color: #302842;
  color: #fff !important;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-search__tkomj:hover,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-search__tkomj:hover,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-search__tkomj:hover,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-search__tkomj:hover,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-search__tkomj:hover,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-search__tkomj:hover {
  border-color: #5e21d9;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-search__tkomj .index_table-search-icon__MydXd,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-search__tkomj .index_table-search-icon__MydXd,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-search__tkomj .index_table-search-icon__MydXd,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-search__tkomj .index_table-search-icon__MydXd,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-search__tkomj .index_table-search-icon__MydXd,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-search__tkomj .index_table-search-icon__MydXd {
  background-color: #3c344d;
  border: none;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-search__tkomj .index_table-search-icon__MydXd img,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-search__tkomj .index_table-search-icon__MydXd img,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-search__tkomj .index_table-search-icon__MydXd img,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-search__tkomj .index_table-search-icon__MydXd img,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-search__tkomj .index_table-search-icon__MydXd img,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-search__tkomj .index_table-search-icon__MydXd img {
  filter: brightness(10);
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-tab-wrapper__yAy4z,
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_table-body__SReT4 div,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_table-body__SReT4 div,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_table-body__SReT4 div,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_table-body__SReT4 div,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_table-body__SReT4 div,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_table-body__SReT4 div,
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-wrapper__xYQoE > div {
  border-color: #3c344d;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-wrapper__xYQoE > div,
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-header__FqoYG {
  box-shadow: inset 0px -1px 0px #3c344d, inset 1px 0px 0px #3c344d;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-header__FqoYG,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-header__FqoYG {
  box-shadow: inset 0px -1px 0px #3c344d, inset 0px 1px 0px #3c344d, inset 1px 0px 0px #3c344d;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-operation__BZ-K8.index_disable__tzzk9 div,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-operation__BZ-K8.index_disable__tzzk9 div,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-operation__BZ-K8.index_disable__tzzk9 div,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-operation__BZ-K8.index_disable__tzzk9 div,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-operation__BZ-K8.index_disable__tzzk9 div,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-operation__BZ-K8.index_disable__tzzk9 div {
  color: rgba(255, 255, 255, 0.5);
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-type__rHY8P,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-type__rHY8P,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-type__rHY8P,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-type__rHY8P,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-type__rHY8P,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-type__rHY8P {
  background-color: #3c344d;
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-type__rHY8P img,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-type__rHY8P img,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-type__rHY8P img,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-type__rHY8P img,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-type__rHY8P img,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-type__rHY8P img {
  filter: hue-rotate(30deg);
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-id__TPuPh span,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-id__TPuPh span,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-id__TPuPh span,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-id__TPuPh span,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-id__TPuPh span,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-id__TPuPh span {
  color: rgba(255, 255, 255, 0.75);
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-id-all__bBllm.index_body-list-id-disable__ceIIk,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-id-all__bBllm.index_body-list-id-disable__ceIIk,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-id-all__bBllm.index_body-list-id-disable__ceIIk,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-id-all__bBllm.index_body-list-id-disable__ceIIk,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-id-all__bBllm.index_body-list-id-disable__ceIIk,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-id-all__bBllm.index_body-list-id-disable__ceIIk {
  color: rgba(255, 255, 255, 0.5);
}
.index_drawer-wrapper__zBB-o .index_drawer-content__h2gZr .index_body-list-type-text__bdbNX,
.index_drawer-wrapper__zBB-o .index_drawer-close__o-io1 .index_body-list-type-text__bdbNX,
.index_drawer-wrapper__zBB-o .index_drawer-detail__51nlb .index_body-list-type-text__bdbNX,
.index_drawer-wrapper__zBB-o .index_drawer-title__-Sl-g .index_body-list-type-text__bdbNX,
.index_drawer-wrapper__zBB-o .index_table-wrapper__yHeFf .index_body-list-type-text__bdbNX,
.index_drawer-wrapper__zBB-o .index_body-header__FqoYG .index_body-list-type-text__bdbNX {
  color: rgba(255, 255, 255, 0.75);
}
.index_drawer-wrapper__zBB-o .index_cancel-share-wrapper__GmxsC .index_cancel-share-container__t-I4k {
  border-radius: 1.5rem;
  background-color: var(--color-bg-0);
}
.index_drawer-wrapper__zBB-o .index_cancel-share-wrapper__GmxsC .index_cancel-share-container__t-I4k .index_cancel-share-back__f922B {
  border-radius: 0.5rem;
  border-color: var(--color-bg-2);
  background-color: var(--color-bg-2);
}
.index_drawer-wrapper__zBB-o .index_cancel-share-wrapper__GmxsC .index_cancel-share-container__t-I4k .index_cancel-share-confrim__j-DoE {
  border-radius: 0.5rem;
  border-color: var(--color-bg-2);
  background-color: var(--color-secondary-1);
}
.index_message-content__xr8eK {
  background-color: var(--color-bg-4) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
}
.index_message-content__xr8eK .index_message-text__wykRy {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
}
#popup-container {
  background-color: rgb(14 4 27 / 0.8);
  --tw-backdrop-blur: blur(5px);
  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);
  z-index: 2021;
}
/*
  即创 Design Token
  @see https://bytedance.larkoffice.com/docx/X6N5dvCd0oBSIQxUgCJcR3jKnyh
*/
body.theme-dark .brand-matrix-popover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-bg-3) / var(--tw-bg-opacity)) !important;
}
body.theme-dark .brand-matrix-popover-title-left {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
}
body.theme-dark .brand-matrix-popover-title-right {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
}
body.theme-dark .brand-matrix-popover-title-right::after {
  border-color: var(--color-gray-6) !important;
}
body.theme-dark .brand-matrix-popover-subtitle {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
}
body.theme-dark .brand-matrix-popover-subtitle-edit {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
}
body.theme-dark .brand-matrix-popover-subtitle-done {
  background-color: var(--color-secondary-1) !important;
}
body.theme-dark .brand-matrix-popover-cards {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-bg-3) / var(--tw-bg-opacity)) !important;
  border-radius: 12px !important;
}
body.theme-dark .brand-matrix-popover-cards:hover {
  background-color: var(--bg-color-popover) !important;
}
body.theme-dark .brand-matrix-popover-cards-desc {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  background-color: var(--color-secondary-1) !important;
}
body.theme-dark .brand-matrix-popover-footer {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity)) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating {
  --athena-survey-theme: #7244e5 !important;
  width: 400px;
  max-width: calc(100vw - 40px);
  overflow: hidden;
  color: #4c4d86;
  font-family: 'PingFang SC';
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(7, 3, 15, 0.24);
  padding-bottom: 0;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-widget__header,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-header,
body.theme-dark .athena-survey-widget.athena-survey-rating .survey-header,
body.theme-dark .athena-survey-widget.athena-survey-rating .feelgood-header,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-widget-banner {
  display: flex;
  align-items: start;
  height: 84px;
  padding-top: 18px;
  padding-left: 24px;
  padding-right: 24px;
  color: #fff;
  font-weight: 500;
  background: linear-gradient(106deg, #5b2ce6 0%, #b414dc 100%) !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-widget__header p,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-header p,
body.theme-dark .athena-survey-widget.athena-survey-rating .survey-header p,
body.theme-dark .athena-survey-widget.athena-survey-rating .feelgood-header p,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-widget-banner p {
  padding-top: 0;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-widget-close-icon {
  top: 21px;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(243, 237, 255, 0.16);
  /* backgroundblur-1 */
  backdrop-filter: blur(calc(var(--size-size-7, 24px) / 2));
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-widget-close-icon svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-widget__title,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-header__title,
body.theme-dark .athena-survey-widget.athena-survey-rating .survey-header__title,
body.theme-dark .athena-survey-widget.athena-survey-rating .feelgood-header__title {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-widget__close,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-survey-close,
body.theme-dark .athena-survey-widget.athena-survey-rating .feelgood-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 4px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-form {
  min-height: 446px;
  max-height: 446px;
  margin-top: -20px;
  padding: 32px 24px 24px;
  background: #fff;
  border-radius: 20px 20px 0 0;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-list {
  padding: 0 !important;
  margin: 0 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper {
  margin: 0 0 32px !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-question-template__hint,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-question-template__hint {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-question-template__title,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-question-template__title {
  margin-bottom: 12px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .fg-rating__center-label--container,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .fg-rating__center-label--container {
  display: none;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-question-template__required,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-question-template__required {
  display: none;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .question-scale-label-container,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .question-scale-label-container {
  margin-bottom: 4px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .question-scale-label-container div,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .question-scale-label-container div {
  color: rgba(74, 68, 123, 0.69);
  line-height: 20px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-short-answer__input,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-short-answer__input {
  min-height: 106px;
  padding: 12px !important;
  background: rgba(214, 211, 242, 0.2);
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-short-answer__input.focus,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-short-answer__input.focus {
  border: 1px solid #7244e5 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-short-answer__input textarea,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-short-answer__input textarea {
  color: #4a447b !important;
  background: transparent;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-short-answer__input .text-area_input > textarea::-moz-placeholder, body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-short-answer__input .text-area_input > textarea::-moz-placeholder {
  color: rgba(74, 68, 123, 0.6) !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template .athena-short-answer__input .text-area_input > textarea::placeholder,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper .athena-short-answer__input .text-area_input > textarea::placeholder {
  color: rgba(74, 68, 123, 0.6) !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template:last-child,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template__wrapper:last-child {
  margin-bottom: 0 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .fg-question__title-rich-text,
body.theme-dark .athena-survey-widget.athena-survey-rating .fg-question__title-rich-text > p,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-question-template p {
  margin: 0;
  color: #4c4d86 !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-container {
  display: flex;
  height: 40px;
  gap: 16px !important;
  align-items: center;
  margin-top: 12px;
  padding: 0 14px;
  overflow: visible;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star {
  width: 352px !important;
  padding-top: 0 !important;
  margin: 0 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star-container {
  box-sizing: border-box;
  width: 352px;
  margin-top: 0;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-scale .athena-star-container {
  height: auto;
  gap: 4px !important;
  margin-top: 12px;
  padding: 0;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 39px !important;
  min-width: 39px;
  height: 37px !important;
  overflow: visible;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-scale .athena-star {
  width: 28px !important;
  min-width: 28px;
  height: 40px !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 40px;
  color: #686aa0;
  font-family: DouyinSans;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  background: #f8f7fc;
  border: 0;
  border-radius: 4px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__number:hover,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star:hover .athena-star__number {
  color: #6e48eb;
  background: #f0ebff;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__number--selected,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__number--selceted,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star--selected .athena-star__number,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star--selceted .athena-star__number,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star.checked .athena-star__number,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star.show-label .athena-star__number {
  color: #fff;
  background: #6e48eb !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star svg[width],
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__star svg {
  width: 39px !important;
  height: 37px !important;
  fill: #f1eff8 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star {
  display: inline-flex;
  width: 39px !important;
  height: 37px !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star svg path,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star svg *,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__star svg path {
  fill: inherit !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star > :not(.athena-star__star),
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star-container > :not(.athena-star),
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__label--container,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__text,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__label,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__desc,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__tip,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__name,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .always_showed-label,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .click_showed-label {
  display: none !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__star:hover svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star:hover .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__star--selected svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star__star--selceted svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star--selected .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star--selceted .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star.checked .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star.active .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star:hover svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star:hover .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star--selected svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star__star--selceted svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star--selected .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star--selceted .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star.checked .athena-star__star svg,
body.theme-dark .athena-survey-widget.athena-survey-rating .athena-star-rating__star .athena-star.active .athena-star__star svg {
  fill: #ffd640 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .form-footer {
  display: flex;
  justify-content: flex-end;
  padding: 22px 0 0 !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .form-footer__submit {
  min-width: 88px;
  height: 40px;
  padding: 0 26px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  background: radial-gradient(157.05% 99.45% at 85.23% 35%, var(--color-brand-color-brand-4, rgba(191, 36, 242, 0.4)) 0%, var(--color-brand-color-brand-2, rgba(101, 0, 242, 0.4)) 100%), linear-gradient(122deg, var(--color-brand-color-brand-3, #7244e5) -17.83%, var(--color-brand-color-brand-1, #4a21b5) 87.37%);
  border: 0;
  border-radius: 12px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .form-footer__submit:hover {
  background: #7e35ed;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .athena-multi-selection__option--tag {
  max-width: 100%;
  margin: 0 4px 4px 0;
  white-space: normal;
  word-break: break-word;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .tagStyle.mobile-style {
  padding: 0 !important;
  gap: 4px !important;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .tagStyle.mobile-style,
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .athena-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: auto;
  min-height: 40px;
  padding: 9px 16px;
  color: rgba(74, 68, 123, 0.8);
  font-family: var(--font-family-chinese, 'PingFang SC');
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: normal;
  word-break: break-word;
  border-radius: 8px;
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .athena-tag {
  background: rgba(227, 225, 242, 0.2);
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .athena-tag.checked {
  font-weight: 600;
  color: #6e48eb;
  background: rgba(122, 93, 255, 0.12);
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .athena-tag:not(.disabled):hover {
  color: #6e48eb;
  background: rgba(122, 93, 255, 0.12);
}
body.theme-dark .athena-survey-widget.athena-survey-rating .question-select.question-multi-select.tag-style .athena-tag.disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
html,
body,
#app {
  color: var(--text-color-body);
  font-size: 16px !important;
  font-family: PingFang SC;
  overflow-y: hidden;
  height: 100%;
}
html,
body {
  overscroll-behavior-x: none;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://lf3-ad-platform.byteadverts.com/obj/ad-platform/jichuang_mono_platform/static/ttf/Oswald-Medium-b9aaab8e.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DouyinSans';
  font-style: bold;
  font-weight: 500;
  font-display: swap;
  src: url(https://lf3-ad-platform.byteadverts.com/obj/ad-platform/jichuang_mono_platform/static/ttf/DouyinSans-Bold-ddcebafd.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Douyin Number ABC';
  font-style: bold;
  font-weight: 500;
  font-display: swap;
  src: url(https://lf-icc.bytecdn.com/obj/icc/DouyinNumberABC-Bold.otf);
}
@font-face {
  font-family: 'Douyin Number ABC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://lf-icc.bytecdn.com/obj/icc/DouyinNumberABC-Medium.otf);
}
@font-face {
  font-family: 'Douyin Number ABC';
  font-style: bold;
  font-weight: 600;
  font-display: swap;
  src: url(https://lf-icc.bytecdn.com/obj/icc/DouyinNumberABC-ExtraBold.otf);
}
@font-face {
  font-family: 'Douyin Number ABC ExtraCondensed Medium';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://lf-icc.bytecdn.com/obj/icc/DouyinNumberABC-ExtraCondensedMedium.otf);
}
#app {
  position: relative;
  z-index: 0;
}
.theme-light #app {
  background-color: transparent;
}
.theme-dark {
  background-color: var(--bg-color-page);
}
@keyframes move {
  0% {
    transform: rotate(0deg) scale(2);
  }
  to {
    transform: rotate(360deg) scale(1.5);
  }
}
@keyframes spin_color {
  0% {
    transform: rotate(0deg) scale(3);
  }
  to {
    transform: rotate(360deg) scale(3);
  }
}
.two-line-box {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.account-popper {
  padding: 0 !important;
  width: 320px;
  background-color: var(--color-bg-0);
}
.account-arrow {
  display: none;
}
.assets-content-height {
  height: calc(100vh - 100px);
}
.assets-sticky-table .ovui-table__head-wrapper {
  top: 0px;
}
.ovui-image-preview {
  z-index: 3000;
}
.ovui-tabs__nav {
  border-radius: 4px 4px 0 0;
}
.ovui-input__wrapper .ovui-input__prefix,
.ovui-custom-input__prefix {
  color: #64666b;
}
.ovui-image-preview__img {
  max-width: 500px;
}
.ovui-image-preview__toolbar {
  color: var(--text-color-highlight) !important;
}
.oc-media-img-popover {
  background-color: black;
}
.oc-video-player-wrapper .xgplayer .xgplayer-poster {
  background-size: contain;
}
.oc-video-player-wrapper .xgplayer-error .xgplayer-error-refresh {
  --tw-text-opacity: 1;
  color: rgb(var(--color-gray-white) / var(--tw-text-opacity));
}
.aic-glass-card {
  background-color: var(--color-bg-2);
  border-radius: 36px;
  backdrop-filter: blur(15px);
}
.oc-media-img-popover {
  background-color: black;
}
@font-face {
  font-family: OPPOSans;
  src: url('https://lf-icc.bytecdn.com/obj/icc/OPPOSans-H.ttf');
}
@font-face {
  font-family: PuHuiTi;
  src: url(https://lf3-ad-platform.byteadverts.com/obj/ad-platform/jichuang_mono_platform/static/ttf/Alibaba_PuHuiTi_2.0_105_Heavy_105_Heavy-737edd01.ttf);
}
.jc-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* 滚动条样式 */
*::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--color-purplegray-6, rgba(76, 61, 102, 0.3)) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 34px;
  background-clip: padding-box;
  min-height: 28px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(115, 92, 153, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scroll-hidden::-webkit-scrollbar {
  display: none;
}
.aic-check-box {
  z-index: 2;
  top: 0px;
  right: 0px;
}
.aic-check-box .ovui-checkbox--md .ovui-checkbox__inner {
  width: 20px;
  height: 20px;
  border-radius: 0 8px 0 8px;
  background-color: transparent;
  color: transparent;
}
.aic-check-box .ovui-checkbox--md .ovui-checkbox__inner:hover {
  border-color: #5e21d9;
}
.aic-check-box .ovui-checkbox--md .ovui-checkbox__inner .ovui-checkbox__checked-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.aic-check-box .ovui-checkbox--md.ovui-checkbox--checked .ovui-checkbox__inner {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-5) / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-5) / var(--tw-bg-opacity)) !important;
  color: white;
  border-radius: 0 8px 0 8px;
}
.aic-check-box .ovui-checkbox--md.ovui-checkbox--checked .ovui-checkbox__inner,
.aic-check-box .ovui-checkbox--md.ovui-checkbox--checked .ovui-checkbox__inner:hover {
  border-color: #5e21d9;
  background-color: #5e21d9;
}
.aic-check-box .ovui-checkbox__label {
  margin: 0;
}
.aic-check-box .ovui-checkbox__wrapper {
  margin: 0;
}
.tab-change-drawer-header .ovui-tabs {
  height: 36px;
}
.tab-change-drawer-header .ovui-tabs .ovui-tabs__tab {
  font-size: 16px;
  height: 36px;
  line-height: 36px;
}
.tab-change-drawer-header > .text-lg {
  height: 36px;
  line-height: 36px;
}
.oc-rolling-load {
  overflow: scroll;
}
.hide-wenwen .effect-support-entry-wrapper {
  display: none;
}
.athena-survey-widget {
  color: black;
}
.ovui-tr:hover .ElementSceneTagInTable__AddIcon__tr--hover--show {
  display: flex;
}
.aic-bg-4-popover-arrow::before {
  background: var(--color-bg-4, #261d38) !important;
}
.element-flash {
  box-shadow: inset 0 0 0 1px rgb(var(--color-primary-5));
}
.jc-gen-button-bg {
  background: linear-gradient(180deg, rgba(38, 29, 56, 0) 0%, rgba(38, 29, 56, 0.8) 18.6%, #261d38 59.37%);
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.jump-asset-container[data-v-39fb4abc] .oc-banner-tip {
  padding: 0;
  min-height: 0;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.canvas-preview-popper {
  padding: 0px !important;
  overflow: hidden
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.aic-tool-bar[data-v-9c396d5b] {
  position: fixed;
  justify-content: space-between;
  align-items: center;
  display: flex;
  gap: 16px;
  flex-direction: column;
  z-index: 2000;
  right: 16px;
  bottom: 112px;
  width: 56px;
  padding: 12px 10px 8px 10px;
  border-radius: 8px;
  background: #302842;
  transition: width ease 0.5s;
  box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.08);
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.top-banner[data-v-e9be9fc7] {
  background: linear-gradient(90deg, #513bf7 0%, #8234ff 100%);
}
.top-banner[data-v-e9be9fc7] .aic-banner,
.top-banner[data-v-e9be9fc7] .oc-banner,
.top-banner[data-v-e9be9fc7] .oc-banner-tip {
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.top-banner[data-v-e9be9fc7] .oc-banner-tip-left {
  width: 100%;
  justify-content: center;
}
.top-banner[data-v-e9be9fc7] .oc-banner__content {
  justify-content: center;
}
.top-banner[data-v-e9be9fc7] .oc-banner__close {
  right: 24px;
  color: #fff;
}
.top-banner[data-v-e9be9fc7] .oc-banner-tip {
  position: relative;
}
.top-banner[data-v-e9be9fc7] .oc-banner-tip-right {
  align-items: center;
  padding-top: 0px !important;
  position: absolute;
  height: 100%;
  right: 0px;
}
.top-banner[data-v-e9be9fc7] .oc-banner-tip-right .oc-banner-switch {
  width: 110px;
}
.top-banner[data-v-e9be9fc7] .oc-banner-tip-right iconpark-icon[name='oc-icon-close'] {
  color: #fff;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.aic-notice-btn[data-v-4cffa465] {
  color: var(--color-gray-4);
}
.aic-notice-btn[data-v-4cffa465] button {
  padding: 4px 8px !important;
  border-radius: 8px !important;
  line-height: 16px !important;
  font-weight: 400;
  color: var(--color-gray-4);
  background: rgba(176, 157, 218, 0.12);
  border: none;
}
.aic-notice-btn[data-v-4cffa465] button:hover {
  color: var(--color-gray-5);
  border: none;
  background: rgba(176, 157, 218, 0.12);
}
.notice-item + .notice-item[data-v-4cffa465] {
  margin-top: 8px;
}
.notice-icon-container[data-v-4cffa465] {
  border: 1px solid var(---Hover-1, rgba(176, 157, 218, 0.12));
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.account-list[data-v-6e170e14] .oc-typography-value-int {
  color: var(--text-color-second) !important;
}
.account-list[data-v-6e170e14] .ovui-infinite-scroll::-webkit-scrollbar {
  display: none;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.account-menu--agent .account-list[data-v-73cfa713] .displayName {
  display: none;
}
.account-info.readonly-mode[data-v-73cfa713] {
  cursor: not-allowed;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.credit-bills-tab[data-v-c2f59b46] .ovui-tabs__tab {
  margin-right: 40px;
}
.credit-bills-tab[data-v-c2f59b46] .ovui-tabs__tab .ovui-tabs__tab-btn {
  font-weight: 400;
}
.credit-bills-tab[data-v-c2f59b46] .ovui-tabs__tab.ovui-tabs__tab--active .ovui-tabs__tab-btn {
  font-weight: 600;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.task-center-item-action-dropdown {
  padding: 8px 0 !important;
  border: 0;
  border-radius: 12px;
  min-width: 80px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 20px 0 rgba(17, 17, 0, 0.12) !important;
  backdrop-filter: blur(20px) !important;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.task-center-item-action-dropdown {
  padding: 8px 0 !important;
  border: 0;
  border-radius: 12px;
  min-width: 80px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 20px 0 rgba(17, 17, 0, 0.12) !important;
  backdrop-filter: blur(20px) !important;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.aic-task-center-drawer-header {
  padding-top: 24px !important;
}
.aic-task-center-drawer-header .oc-drawer-header {
  min-height: auto;
}
.aic-task-center-drawer-body .ovui-infinite-scroll::-webkit-scrollbar {
  display: none;
}
.task-center-drawer-mask {
  background-color: transparent !important;
  backdrop-filter: unset !important;
}
.task-center-drawer-wrap .ovui-drawer {
  border-radius: 20px 0 0 20px;
  background-color: rgba(17, 14, 23, 0.9) !important;
  box-shadow: 0 10px 20px 0 var(--color-purplegray-color-purplegray-1, rgba(10, 6, 15, 0.6));
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.task-center-drawer-wrap .ovui-drawer__header {
  margin-bottom: 8px;
}
.task-center-drawer-wrap .oc-drawer-header,
.task-center-drawer-wrap .ovui-drawer__header {
  background-color: transparent !important;
}
.task-center-drawer-wrap .ovui-drawer__header {
  padding-top: 16px !important;
}
.task-center-drawer-wrap .ovui-drawer__body {
  background-color: transparent !important;
}

/* //定义球的初始值，位置是绝对定位； */
.ball[data-v-b0365eb7] {
  position: fixed;
  z-index: 3000;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-5) / var(--tw-bg-opacity));
  border-radius: 50%;
}

/* //定义动画的流程 */
.run_top_right[data-v-b0365eb7] {
  display: block;
  animation:
    run-right-right-b0365eb7 0.6s 0s 1 ease-out,run-right-top-b0365eb7 0.6s 0s 1 ease-in-out,shape-b0365eb7 0.6s 0s 1 linear;
}

/* //向上走的动画初始及结尾值 */
@keyframes run-right-top-b0365eb7 {
0% {
    top: var(--top-start);
}
100% {
    top: var(--top-stop);
}
}

/* //向上右的动画初始及结尾值 */
@keyframes run-right-right-b0365eb7 {
0% {
    left: var(--left-start);
}
100% {
    left: var(--left-stop);
}
}
@keyframes shape-b0365eb7 {
from {
    height: 30px;
    width: 30px;
}
to {
    height: 15px;
    width: 15px;
}
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.smart-clip-task-modal {
  background: var(--gradient-1, radial-gradient(158.01% 139.35% at 0% 0%, rgba(217, 242, 255, 0.5) 0%, rgba(242, 240, 252, 0.5) 27.87%, rgba(191, 216, 255, 0.5) 100%), #fff);
  /* Shadow/shadow-3 */
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.gradient-container[data-v-8c1d7589] {
  position: relative;
  overflow: visible;
  border: 1px solid var(--color-brand-3);
}
.gradient-container[data-v-8c1d7589]::before {
  pointer-events: none;
  position: absolute;
  box-sizing: content-box;
  height: 100%;
  width: 100%;
  content: '';
  --x-border-width: 1px;
  top: calc(0px - var(--x-border-width));
  left: calc(0px - var(--x-border-width));
  border: var(--x-border-width) solid transparent;
  z-index: 49;
  --x-border-radius: 20px;
  border-top-left-radius: var(--border-top-left-radius, var(--x-border-radius));
  border-top-right-radius: var(--border-top-right-radius, var(--x-border-radius));
  border-bottom-right-radius: var(--border-bottom-right-radius, var(--x-border-radius));
  border-bottom-left-radius: var(--border-bottom-left-radius, var(--x-border-radius));
  border-color: var(--color-brand-3);
}
@supports ((-webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box) or (-webkit-mask-composite: xor) or (mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box)) {
.gradient-container[data-v-8c1d7589] {
    border-color: transparent;
}
.gradient-container[data-v-8c1d7589]::before {
    pointer-events: none;
    position: absolute;
    box-sizing: content-box;
    height: 100%;
    width: 100%;
    content: '';
    --x-border-width: 1px;
    top: calc(0px - var(--x-border-width));
    left: calc(0px - var(--x-border-width));
    border: var(--x-border-width) solid transparent;
    z-index: 49;
    --x-border-radius: 20px;
    border-top-left-radius: var(--border-top-left-radius, var(--x-border-radius));
    border-top-right-radius: var(--border-top-right-radius, var(--x-border-radius));
    border-bottom-right-radius: var(--border-bottom-right-radius, var(--x-border-radius));
    border-bottom-left-radius: var(--border-bottom-left-radius, var(--x-border-radius));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(153, 153, 153, 0.1) 49.6465%, rgba(255, 255, 255, 0.05) 100%) border-box;
    -webkit-mask: linear-gradient(#fff, #fff) border-box, linear-gradient(#fff, #fff) padding-box;
    -webkit-mask-composite: xor;
            mask: linear-gradient(#fff, #fff) border-box exclude, linear-gradient(#fff, #fff) padding-box;
}
@supports (border-width: round(down, 1px, 1px)) {
.gradient-container[data-v-8c1d7589]::before {
      top: calc(0px - var(--phy-px) / var(--dpr, 1));
      --device-px: calc(1px * var(--dpr, 1));
      --phy-px: round(down, var(--device-px), 1px);
      left: calc(0px - var(--phy-px) / var(--dpr, 1));
}
}
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.task-center-popper-arrow::before {
  background: #3a2e4d !important;
}
.task-center-recent-4-popover {
  border-radius: 20px;
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  background: rgba(17, 14, 23, 0.9) !important;
  box-shadow: 0 10px 20px 0 var(--color-purplegray-color-purplegray-1, rgba(10, 6, 15, 0.6)) !important;
  backdrop-filter: blur(20px);
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.badge-btn[data-v-de550bc7] {
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--bg-color-select);
  color: var(--text-color-second)
}
.badge-btn[data-v-de550bc7]:hover {
  color: var(--text-color-highlight)
}
.header-wrapper[data-v-de550bc7] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  z-index: 1000;
  min-width: 1280px;
  --header-logo-width: 90px
}
.header-wrapper .header-logo[data-v-de550bc7] {
  margin-left: 0.5rem;
  flex: none;
  width: var(--header-logo-width)
}
.header-wrapper .header-nav[data-v-de550bc7] {
  margin-right: auto;
  display: flex;
  gap: 2rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: var(--text-color-second);
  --header-nav-left: calc(var(--header-nav-margin-left) - var(--header-logo-width));
  margin-left: var(--header-nav-left, 150px)
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.clip-input[data-v-1f43d0cb] .ovui-input__wrapper {
    background-color: var(--color-purplegray-5)
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.clip-mask-loading[data-v-058ed20e] {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0.75rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  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));
  aspect-ratio: var(--d312c23c) / var(--v1e8e438b);
}
.clip-mask-loading[data-v-058ed20e]:not(.horizon) {
  height: 100%;
}
.clip-mask-loading.horizon[data-v-058ed20e] {
  width: 100%;
}
.aic-video-clip-container[data-v-058ed20e] canvas {
  border-radius: 8px;
  background-color: black;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
.clip-material-wrap .ovui-modal {
  background: transparent !important;
}
.clip-material-wrap .ovui-modal__close-icon--hide {
  display: none !important;
}
/**
 * @description 
 *   渐变边框
 *   已经全局导入了，不需要另外导入，参考 apps/platform/vite.config.ts#301
 * @param {string} @color - 渐变颜色
 * @param {number} @width - 边框宽度
 * @param {number} @radius - 圆角半径
 * @param {number} @zindex - 元素层级
 * @param {string} @fallback - 降级颜色
 * 
 * @example 用法 1
 *   &.checked {
 *     .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *   }
 * @example 用法 2
 *   .script-card {
 *     border: 2px solid transparent;
 *     @apply bg-bg-color-select; // 可以实现 rgba 背景色
 *     &--selected {
 *       --border-top-right-radius: 10px; // 如果需要单独修改某个角
 *       --border-bottom-right-radius: 10px;
 *       .gradient-border(var(--brand-color-gradient), 2px, var(--radius-s));
 *     }
 *   }
*/
/**
 * @description 修复小数 dpr 导致的边框错位问题
 *   🌰 修复 1.5dpr 屏幕上，border-width 会被自动计算成 0.6667px，但是 top/left 不会。所以导致渐变边框会错位
 * @param {number} @border-width - 边框宽度，不能是 css 变量
 */
#app {
  display: flex;
  flex-direction: column;
}
.app {
  --dpr: var(--c6ef38b2);
}
.app-container {
  min-width: 1280px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.app-container--agent-workbench {
  background: #0c0914 url('https://p3-aic-static.byteimg.com/tos-cn-i-bgswn1iqqi/fe435540841544cfaee377f4cb2d5d7f~tplv-bgswn1iqqi-webp-75.webp') left top / 100% 100% no-repeat;
}
.app-content {
  height: calc(100% - 82px);
}
.app-container-embedded {
  background-color: transparent;
  min-width: 1000px;
}
.app-container-mobile {
  min-width: auto;
}