*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.static{position:static;}.inset-0{inset:0;}.bottom-5{bottom:1.25rem;}.left-1\/2{left:50%;}.left-5{left:1.25rem;}.top-0{top:0;}.top-5{top:1.25rem;}.grid{display:grid;}.inline-grid{display:inline-grid;}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr));}.m-4{margin:1rem;}.\!mx-auto{margin-left:auto !important;margin-right:auto !important;}.\!my-4{margin-top:1rem !important;margin-bottom:1rem !important;}.mx-1{margin-left:0.25rem;margin-right:0.25rem;}.mx-12{margin-left:3rem;margin-right:3rem;}.mx-2{margin-left:0.5rem;margin-right:0.5rem;}.mx-auto{margin-left:auto;margin-right:auto;}.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}.my-4{margin-top:1rem;margin-bottom:1rem;}.\!ml-4{margin-left:1rem !important;}.\!mr-4{margin-right:1rem !important;}.\!mt-4{margin-top:1rem !important;}.mb-1{margin-bottom:0.25rem;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.ml-1{margin-left:0.25rem;}.ml-2{margin-left:0.5rem;}.ml-4{margin-left:1rem;}.ml-5{margin-left:1.25rem;}.mr-0{margin-right:0;}.mr-1{margin-right:0.25rem;}.mr-2{margin-right:0.5rem;}.mr-4{margin-right:1rem;}.mr-5{margin-right:1.25rem;}.mt-1{margin-top:0.25rem;}.mt-10{margin-top:2.5rem;}.mt-2{margin-top:0.5rem;}.mt-4{margin-top:1rem;}.inline{display:inline;}.\!block{display:block !important;}.block{display:block;}.inline-block{display:inline-block;}.list-item{display:list-item;}.hidden{display:none;}.\!h-full{height:100% !important;}.\!w-full{width:100% !important;}.h-\[calc\(100\%-35px\)\]{height:calc(100% - 35px);}.h-10{height:2.5rem;}.h-16{height:4rem;}.h-16px{height:16px;}.h-18px{height:18px;}.h-2\/5{height:40%;}.h-20px{height:20px;}.h-30{height:7.5rem;}.h-64{height:16rem;}.h-full{height:100%;}.h-screen{height:100vh;}.h1{height:0.25rem;}.h3{height:0.75rem;}.h4{height:1rem;}.max-h-\[600px\]{max-height:600px;}.max-w-\[280px\]{max-width:280px;}.min-h-0{min-height:0;}.min-h-64{min-height:16rem;}.min-w-64{min-width:16rem;}.w-1\/4{width:25%;}.w-1\/8{width:12.5%;}.w-16px{width:16px;}.w-18px{width:18px;}.w-2\/5{width:40%;}.w-20px{width:20px;}.w-3\/4{width:75%;}.w-full{width:100%;}.w-screen{width:100vw;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink{flex-shrink:1;}.flex-shrink-0{flex-shrink:0;}.flex-grow{flex-grow:1;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.file-table::file-selector-button{display:table;}.border-collapse{border-collapse:collapse;}.translate-x-1\/2{--un-translate-x:50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-self-stretch{justify-self:stretch;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.5rem * var(--un-space-x-reverse));}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-pre-wrap{white-space:pre-wrap;}.break-all{word-break:break-all;}.b,.border{border-width:1px;}.border-t-0{border-top-width:0px;}.rounded{border-radius:0.25rem;}.border-solid{border-style:solid;}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #000 */;}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.hover\:bg-gray-50:hover{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;}.p-1{padding:0.25rem;}.p-2{padding:0.5rem;}.p-4{padding:1rem;}.p-5{padding:1.25rem;}.px,.px-4{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.pr-3px{padding-right:3px;}.ps{padding-inline-start:1rem;}.pt-4{padding-top:1rem;}.pt-5{padding-top:1.25rem;}.pie{padding-inline-end:1rem;}.text-center{text-align:center;}.text-right{text-align:right;}.align-top{vertical-align:top;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-4xl{font-size:2.25rem;line-height:2.5rem;}.text-5xl{font-size:3rem;line-height:1;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity)) /* #2563eb */;}.text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity)) /* #d1d5db */;}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity)) /* #4b5563 */;}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.hover\:text-blue-600:hover{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity)) /* #2563eb */;}.font-bold{font-weight:700;}.font-semibold{font-weight:600;}.leading-relaxed{line-height:1.625;}.uppercase{text-transform:uppercase;}.italic{font-style:italic;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}.outline{outline-style:solid;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-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;}.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);}@media (min-width: 768px){.md\:mx-16{margin-left:4rem;margin-right:4rem;}.\!md\:mr-4{margin-right:1rem !important;}.\!md\:mt-0{margin-top:0 !important;}.md\:ml-6{margin-left:1.5rem;}.md\:mr-10{margin-right:2.5rem;}.md\:mr-20{margin-right:5rem;}.md\:mt-0{margin-top:0;}.md\:block{display:block;}.\!md\:w-1\/3{width:33.3333333333% !important;}.md\:h-4\/5{height:80%;}.md\:w-1\/4{width:25%;}.md\:flex{display:flex;}.md\:text-lg{font-size:1.125rem;line-height:1.75rem;}.md\:opacity-100{opacity:1;}}@media (min-width: 1024px){.lg\:w-3\/10{width:30%;}.lg\:w-7\/10{width:70%;}.lg\:flex{display:flex;}}@media (min-width: 1280px){.xl\:h-50{height:12.5rem;}.xl\:w-1\/5{width:20%;}.xl\:w-4\/5{width:80%;}.xl\:justify-start{justify-content:flex-start;}.xl\:text-left{text-align:left;}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem;}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem;}}@media (min-width: 1536px){.\32 xl\:text-3xl{font-size:1.875rem;line-height:2.25rem;}}* > .enter-x:nth-child(1) {
  transform: translateX(50px);
}
* > .-enter-x:nth-child(1) {
  transform: translateX(-50px);
}

* > .enter-x:nth-child(1),
* > .-enter-x:nth-child(1) {
  z-index: 9;
  opacity: 0;
  animation: enter-x-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
}
* > .enter-x:nth-child(2) {
  transform: translateX(50px);
}
* > .-enter-x:nth-child(2) {
  transform: translateX(-50px);
}

* > .enter-x:nth-child(2),
* > .-enter-x:nth-child(2) {
  z-index: 8;
  opacity: 0;
  animation: enter-x-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}
* > .enter-x:nth-child(3) {
  transform: translateX(50px);
}
* > .-enter-x:nth-child(3) {
  transform: translateX(-50px);
}

* > .enter-x:nth-child(3),
* > .-enter-x:nth-child(3) {
  z-index: 7;
  opacity: 0;
  animation: enter-x-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
}

* > .enter-x:nth-child(4) {
  transform: translateX(50px);
}
* > .-enter-x:nth-child(4) {
  transform: translateX(-50px);
}

* > .enter-x:nth-child(4),
* > .-enter-x:nth-child(4) {
  z-index: 6;
  opacity: 0;
  animation: enter-x-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
}

* > .enter-x:nth-child(5) {
  transform: translateX(50px);
}
* > .-enter-x:nth-child(5) {
  transform: translateX(-50px);
}

* > .enter-x:nth-child(5),
* > .-enter-x:nth-child(5) {
  z-index: 5;
  opacity: 0;
  animation: enter-x-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}

* > .enter-y:nth-child(1) {
  transform: translateX(50px);
}
* > .-enter-y:nth-child(1) {
  transform: translateX(-50px);
}

* > .enter-y:nth-child(1),
* > .-enter-y:nth-child(1) {
  z-index: 9;
  opacity: 0;
  animation: enter-y-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
}
* > .enter-y:nth-child(2) {
  transform: translateX(50px);
}
* > .-enter-y:nth-child(2) {
  transform: translateX(-50px);
}

* > .enter-y:nth-child(2),
* > .-enter-y:nth-child(2) {
  z-index: 8;
  opacity: 0;
  animation: enter-y-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}
* > .enter-y:nth-child(3) {
  transform: translateX(50px);
}
* > .-enter-y:nth-child(3) {
  transform: translateX(-50px);
}

* > .enter-y:nth-child(3),
* > .-enter-y:nth-child(3) {
  z-index: 7;
  opacity: 0;
  animation: enter-y-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
}

* > .enter-y:nth-child(4) {
  transform: translateX(50px);
}
* > .-enter-y:nth-child(4) {
  transform: translateX(-50px);
}

* > .enter-y:nth-child(4),
* > .-enter-y:nth-child(4) {
  z-index: 6;
  opacity: 0;
  animation: enter-y-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
}

* > .enter-y:nth-child(5) {
  transform: translateX(50px);
}
* > .-enter-y:nth-child(5) {
  transform: translateX(-50px);
}

* > .enter-y:nth-child(5),
* > .-enter-y:nth-child(5) {
  z-index: 5;
  opacity: 0;
  animation: enter-y-animation 0.4s ease-in-out 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}

@keyframes enter-x-animation {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes enter-y-animation {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
html {
  --text-color: rgba(0 0 0 / 85%);
  --border-color: #eee;
  --header-bg-color: #394664;
  --header-bg-hover-color: #273352;
  --header-active-menu-bg-color: #273352;
  --sider-dark-bg-color: #273352;
  --sider-dark-darken-bg-color: #273352;
  --sider-dark-lighten-bg-color: #273352;
  --component-background-color: #fff;
  --app-content-background-color: #fafafa;
  --custom-example-color: #ff4d4f;
}
html[data-theme='dark'] {
  --text-color: #c9d1d9;
  --border-color: #303030;
  --component-background-color: #151515;
  --app-content-background-color: #1e1e1e;
  --custom-example-color: #55d187;
}
.expand-transition-enter-active,
.expand-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.expand-transition-move {
  transition: transform 0.4s;
}
.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.expand-x-transition-move {
  transition: transform 0.4s;
}
.fade-transition-enter-active,
.fade-transition-leave-active {
  transition: opacity 0.2s ease-in-out;
}
.fade-transition-enter-from,
.fade-transition-leave-to {
  opacity: 0;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease-in-out;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
/* fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
  transition: all 0.3s;
}
.fade-slide-enter-from {
  transform: translateX(-30px);
  opacity: 0;
}
.fade-slide-leave-to {
  transform: translateX(30px);
  opacity: 0;
}
.fade-bottom-enter-active,
.fade-bottom-leave-active {
  transition: opacity 0.25s, transform 0.3s;
}
.fade-bottom-enter-from {
  transform: translateY(-10%);
  opacity: 0;
}
.fade-bottom-leave-to {
  transform: translateY(10%);
  opacity: 0;
}
.fade-scale-leave-active,
.fade-scale-enter-active {
  transition: all 0.28s;
}
.fade-scale-enter-from {
  transform: scale(1.2);
  opacity: 0;
}
.fade-scale-leave-to {
  transform: scale(0.8);
  opacity: 0;
}
.fade-top-enter-active,
.fade-top-leave-active {
  transition: opacity 0.2s, transform 0.25s;
}
.fade-top-enter-from {
  transform: translateY(8%);
  opacity: 0;
}
.fade-top-leave-to {
  transform: translateY(-8%);
  opacity: 0;
}
.scale-transition-enter-active,
.scale-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.scale-transition-move {
  transition: transform 0.4s;
}
.scale-transition-enter-from,
.scale-transition-leave,
.scale-transition-leave-to {
  transform: scale(0);
  opacity: 0;
}
.scale-rotate-transition-enter-active,
.scale-rotate-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.scale-rotate-transition-move {
  transition: transform 0.4s;
}
.scale-rotate-transition-enter-from,
.scale-rotate-transition-leave,
.scale-rotate-transition-leave-to {
  transform: scale(0) rotate(-45deg);
  opacity: 0;
}
.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.slide-y-transition-move {
  transition: transform 0.4s;
}
.slide-y-transition-enter-from,
.slide-y-transition-leave-to {
  transform: translateY(-15px);
  opacity: 0;
}
.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.slide-y-reverse-transition-move {
  transition: transform 0.4s;
}
.slide-y-reverse-transition-enter-from,
.slide-y-reverse-transition-leave-to {
  transform: translateY(15px);
  opacity: 0;
}
.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.slide-x-transition-move {
  transition: transform 0.4s;
}
.slide-x-transition-enter-from,
.slide-x-transition-leave-to {
  transform: translateX(-15px);
  opacity: 0;
}
.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.slide-x-reverse-transition-move {
  transition: transform 0.4s;
}
.slide-x-reverse-transition-enter-from,
.slide-x-reverse-transition-leave-to {
  transform: translateX(15px);
  opacity: 0;
}
.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.scroll-y-transition-move {
  transition: transform 0.4s;
}
.scroll-y-transition-enter-from,
.scroll-y-transition-leave-to {
  opacity: 0;
}
.scroll-y-transition-enter-from {
  transform: translateY(-15px);
}
.scroll-y-transition-leave-to {
  transform: translateY(15px);
}
.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.scroll-y-reverse-transition-move {
  transition: transform 0.4s;
}
.scroll-y-reverse-transition-enter-from,
.scroll-y-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-y-reverse-transition-enter-from {
  transform: translateY(15px);
}
.scroll-y-reverse-transition-leave-to {
  transform: translateY(-15px);
}
.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.scroll-x-transition-move {
  transition: transform 0.4s;
}
.scroll-x-transition-enter-from,
.scroll-x-transition-leave-to {
  opacity: 0;
}
.scroll-x-transition-enter-from {
  transform: translateX(-15px);
}
.scroll-x-transition-leave-to {
  transform: translateX(15px);
}
.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
.scroll-x-reverse-transition-move {
  transition: transform 0.4s;
}
.scroll-x-reverse-transition-enter-from,
.scroll-x-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-x-reverse-transition-enter-from {
  transform: translateX(15px);
}
.scroll-x-reverse-transition-leave-to {
  transform: translateX(-15px);
}
.zoom-out-enter-active,
.zoom-out-leave-active {
  transition: opacity 0.1 ease-in-out, transform 0.15s ease-out;
}
.zoom-out-enter-from,
.zoom-out-leave-to {
  transform: scale(0);
  opacity: 0;
}
.zoom-fade-enter-active,
.zoom-fade-leave-active {
  transition: transform 0.2s, opacity 0.3s ease-out;
}
.zoom-fade-enter-from {
  transform: scale(0.92);
  opacity: 0;
}
.zoom-fade-leave-to {
  transform: scale(1.06);
  opacity: 0;
}
.collapse-transition {
  transition: 0.2s height ease-in-out, 0.2s padding-top ease-in-out, 0.2s padding-bottom ease-in-out;
}
#app {
  width: 100%;
  height: 100%;
}
::-webkit-scrollbar {
  width: 7px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(144, 147, 153, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #b6b7b9;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 0.75;
  background-color: #0960bd;
}
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-prev,
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-next,
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-item {
  background-color: rgba(255, 255, 255, 0.04) !important;
}
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-prev a,
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-next a,
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-item a {
  color: #8b949e !important;
}
html[data-theme='dark'] .ant-pagination.mini .ant-select-arrow {
  color: #8b949e !important;
}
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-item-active {
  border: none;
  border-radius: none !important;
  background-color: #0960bd !important;
}
html[data-theme='dark'] .ant-pagination.mini .ant-pagination-item-active a {
  color: #fff !important;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  border: 1px solid;
  color: var(--text-color);
  font-size: 12px;
}
.ant-pagination.mini .ant-pagination-prev:hover a,
.ant-pagination.mini .ant-pagination-next:hover a,
.ant-pagination.mini .ant-pagination-item:focus a,
.ant-pagination.mini .ant-pagination-item:hover a {
  color: #0960bd;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next,
.ant-pagination.mini .ant-pagination-item {
  margin: 0 4px !important;
  border: none;
  border-radius: none !important;
  background-color: #f4f4f5 !important;
}
.ant-pagination.mini .ant-pagination-prev a,
.ant-pagination.mini .ant-pagination-next a,
.ant-pagination.mini .ant-pagination-item a {
  margin-top: 1px;
  color: #606266;
}
.ant-pagination.mini .ant-pagination-prev:last-child,
.ant-pagination.mini .ant-pagination-next:last-child,
.ant-pagination.mini .ant-pagination-item:last-child {
  margin-right: 0 !important;
}
.ant-pagination.mini .ant-pagination-item-active {
  border: none;
  border-radius: none !important;
  background-color: #0960bd !important;
}
.ant-pagination.mini .ant-pagination-item-active a {
  color: #fff !important;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 12px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 22px;
  margin: 0 6px;
  line-height: 22px;
  text-align: center;
}
.ant-pagination.mini .ant-select-arrow {
  color: #cececd;
}
.ant-pagination-disabled {
  display: none !important;
}
.ant-input-number,
.ant-input-number-group-wrapper {
  width: 100% !important;
  min-width: 110px;
  max-width: 100%;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 9px;
}
.ant-input-clear-icon {
  margin-right: 5px;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn textarea.ant-input {
  padding: 4px;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent !important;
}
.ant-btn-primary {
  background-color: #0960bd;
  color: #fff;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  background-color: #0a6cd5;
  color: #fff;
}
.ant-btn-primary:not(.ant-btn-background-ghost):not([disabled]) {
  color: #fff;
}
.ant-btn-default {
  border-color: #cececd;
  background-color: #fff;
  color: #606266;
}
.ant-btn-default:hover,
.ant-btn-default:focus {
  border-color: #0960bd;
  background-color: #fff;
  color: #0960bd;
}
[data-theme='light'] .ant-btn.ant-btn-link.is-disabled {
  border-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.25);
  text-shadow: none;
  cursor: not-allowed !important;
}
[data-theme='dark'] .ant-btn.ant-btn-link.is-disabled {
  border-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.25) !important;
  text-shadow: none;
  cursor: not-allowed !important;
}
.ant-btn-success.ant-btn-link:not([disabled='disabled']) {
  color: #55D187;
}
.ant-btn-success.ant-btn-link:not([disabled='disabled']):hover,
.ant-btn-success.ant-btn-link:not([disabled='disabled']):focus {
  border-color: transparent;
  color: #7ddca3;
}
.ant-btn-success.ant-btn-link:not([disabled='disabled']):active {
  color: #34bf6c;
}
.ant-btn-success.ant-btn-link.ant-btn-loading::before,
.ant-btn-warning.ant-btn-link.ant-btn-loading::before,
.ant-btn-error.ant-btn-link.ant-btn-loading::before,
.ant-btn-background-ghost.ant-btn-link.ant-btn-loading::before,
.ant-btn.ant-btn-link.ant-btn-loading::before {
  background: transparent;
}
.ant-btn[disabled],
.ant-btn[disabled]:hover {
  border-color: #d9d9d9;
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.25);
  text-shadow: none;
}
.ant-btn-success:not(.ant-btn-link, .is-disabled) {
  border-color: #55D187;
  background-color: #55D187;
  color: #fff;
}
.ant-btn-success:not(.ant-btn-link, .is-disabled):hover,
.ant-btn-success:not(.ant-btn-link, .is-disabled):focus {
  border-color: #7ddca3;
  background-color: #7ddca3;
  color: #fff;
}
.ant-btn-success:not(.ant-btn-link, .is-disabled):active {
  border-color: #34bf6c;
  background-color: #34bf6c;
}
.ant-btn-warning.ant-btn-link:not([disabled='disabled']) {
  color: #EFBD47;
}
.ant-btn-warning.ant-btn-link:not([disabled='disabled']):hover,
.ant-btn-warning.ant-btn-link:not([disabled='disabled']):focus {
  border-color: transparent;
  color: #f3ce76;
}
.ant-btn-warning.ant-btn-link:not([disabled='disabled']):active {
  color: #ebac18;
}
.ant-btn-warning:not(.ant-btn-link, .is-disabled) {
  border-color: #EFBD47;
  background-color: #EFBD47;
  color: #fff;
}
.ant-btn-warning:not(.ant-btn-link, .is-disabled):hover,
.ant-btn-warning:not(.ant-btn-link, .is-disabled):focus {
  border-color: #f3ce76;
  background-color: #f3ce76;
  color: #fff;
}
.ant-btn-warning:not(.ant-btn-link, .is-disabled):active {
  border-color: #ebac18;
  background-color: #ebac18;
}
.ant-btn-error.ant-btn-link:not([disabled='disabled']) {
  color: #ED6F6F;
}
.ant-btn-error.ant-btn-link:not([disabled='disabled']):hover,
.ant-btn-error.ant-btn-link:not([disabled='disabled']):focus {
  border-color: transparent;
  color: #f39c9c;
}
.ant-btn-error.ant-btn-link:not([disabled='disabled']):active {
  color: #e74242;
}
.ant-btn-error:not(.ant-btn-link, .is-disabled) {
  border-color: #ED6F6F;
  background-color: #ED6F6F;
  color: #fff;
}
.ant-btn-error:not(.ant-btn-link, .is-disabled):hover,
.ant-btn-error:not(.ant-btn-link, .is-disabled):focus {
  border-color: #f39c9c;
  background-color: #f39c9c;
  color: #fff;
}
.ant-btn-error:not(.ant-btn-link, .is-disabled):active {
  border-color: #e74242;
  background-color: #e74242;
}
.ant-btn-background-ghost {
  border-width: 1px;
  background-color: transparent !important;
}
.ant-btn-background-ghost[disabled],
.ant-btn-background-ghost[disabled]:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.4) !important;
}
.ant-btn-dashed.ant-btn-background-ghost,
.ant-btn-default.ant-btn-background-ghost {
  border-color: #fff;
  color: #fff;
}
.ant-btn-dashed.ant-btn-background-ghost:hover,
.ant-btn-default.ant-btn-background-ghost:hover,
.ant-btn-dashed.ant-btn-background-ghost:focus,
.ant-btn-default.ant-btn-background-ghost:focus {
  border-color: #ffffff;
  color: #ffffff;
}
.ant-btn-dashed.ant-btn-background-ghost:active,
.ant-btn-default.ant-btn-background-ghost:active {
  border-color: #e6e6e6;
  color: #e6e6e6;
}
.ant-btn-dashed.ant-btn-background-ghost[disabled],
.ant-btn-default.ant-btn-background-ghost[disabled],
.ant-btn-dashed.ant-btn-background-ghost[disabled]:hover,
.ant-btn-default.ant-btn-background-ghost[disabled]:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: rgba(255, 255, 255, 0.4) !important;
}
.ant-btn-background-ghost.ant-btn-success:not(.ant-btn-link) {
  border-width: 1px;
  border-color: #55D187;
  background-color: transparent;
  color: #55D187;
}
.ant-btn-background-ghost.ant-btn-success:not(.ant-btn-link):hover,
.ant-btn-background-ghost.ant-btn-success:not(.ant-btn-link):focus {
  border-color: #7ddca3;
  color: #7ddca3 !important;
}
.ant-btn-background-ghost.ant-btn-success:not(.ant-btn-link):active {
  border-color: #34bf6c;
  color: #34bf6c;
}
.ant-btn-background-ghost.ant-btn-warning:not(.ant-btn-link) {
  border-width: 1px;
  border-color: #EFBD47;
  background-color: transparent;
  color: #EFBD47;
}
.ant-btn-background-ghost.ant-btn-warning:not(.ant-btn-link):hover,
.ant-btn-background-ghost.ant-btn-warning:not(.ant-btn-link):focus {
  border-color: #f3ce76;
  color: #f3ce76 !important;
}
.ant-btn-background-ghost.ant-btn-warning:not(.ant-btn-link):active {
  border-color: #ebac18;
  color: #ebac18;
}
.ant-btn-background-ghost.ant-btn-error:not(.ant-btn-link) {
  border-width: 1px;
  border-color: #ED6F6F;
  background-color: transparent;
  color: #ED6F6F;
}
.ant-btn-background-ghost.ant-btn-error:not(.ant-btn-link):hover,
.ant-btn-background-ghost.ant-btn-error:not(.ant-btn-link):focus {
  border-color: #f39c9c;
  color: #f39c9c !important;
}
.ant-btn-background-ghost.ant-btn-error:not(.ant-btn-link):active {
  border-color: #e74242;
  color: #e74242;
}
.ant-btn-ghost.ant-btn-link:not([disabled='disabled']) {
  color: #fff;
}
.ant-btn-ghost.ant-btn-link:not([disabled='disabled']):hover,
.ant-btn-ghost.ant-btn-link:not([disabled='disabled']):focus {
  border-color: transparent;
  color: #ffffff;
}
.ant-popconfirm-buttons {
  white-space: nowrap;
}
.ant-image-preview-root img {
  display: unset;
}
.ant-back-top {
  right: 20px;
  bottom: 20px;
}
.collapse-container__body > .ant-descriptions {
  margin-left: 6px;
}
.ant-image-preview-operations {
  background-color: rgba(0, 0, 0, 0.3);
}
.ant-popover-content {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.modal-icon-warning {
  color: #EFBD47 !important;
}
.modal-icon-success {
  color: #55D187 !important;
}
.modal-icon-error {
  color: #ED6F6F !important;
}
.modal-icon-info {
  color: #0960bd !important;
}
.ant-checkbox-checked .ant-checkbox-inner::after,
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-top: 0 !important;
  border-left: 0 !important;
}
.ant-form-item-control-input-content > div > div {
  max-width: 100%;
}
.bg-white {
  background-color: var(--component-background-color) !important;
}
html[data-theme='light'] .text-secondary {
  color: rgba(0, 0, 0, 0.45);
}
html[data-theme='light'] .ant-alert-success {
  border: 1px solid #b7eb8f;
  background-color: #f6ffed;
}
html[data-theme='light'] .ant-alert-error {
  border: 1px solid #ffccc7;
  background-color: #fff2f0;
}
html[data-theme='light'] .ant-alert-warning {
  border: 1px solid #ffe58f;
  background-color: #fffbe6;
}
html[data-theme='light'] :not(:root):fullscreen::backdrop {
  background-color: #f0f2f5 !important;
}
[data-theme='dark'] body {
  background-color: #000;
  color: var(--text-color);
}
[data-theme='dark'] .ant-btn[disabled],
[data-theme='dark'] .ant-btn[disabled]:hover,
[data-theme='dark'] .ant-btn[disabled]:focus,
[data-theme='dark'] .ant-btn[disabled]:active {
  border-color: #303030;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.3);
}
[data-theme='dark'] .ant-btn-success.ant-btn-link.ant-btn-loading::before,
[data-theme='dark'] .ant-btn-warning.ant-btn-link.ant-btn-loading::before,
[data-theme='dark'] .ant-btn-error.ant-btn-link.ant-btn-loading::before,
[data-theme='dark'] .ant-btn-background-ghost.ant-btn-link.ant-btn-loading::before,
[data-theme='dark'] .ant-btn.ant-btn-link.ant-btn-loading::before {
  background: transparent;
}
[data-theme='dark'] .ant-btn:not(
        .ant-btn-link,
        .is-disabled,
        .ant-btn-primary,
        .ant-btn-success,
        .ant-btn-warning,
        .ant-btn-error,
        .ant-btn-dangerous
      ) {
  background: transparent;
  color: var(--text-color);
}
[data-theme='dark'] .ant-btn:not(
        .ant-btn-link,
        .is-disabled,
        .ant-btn-primary,
        .ant-btn-success,
        .ant-btn-warning,
        .ant-btn-error,
        .ant-btn-dangerous
      ):hover {
  color: #0a6cd5;
}
[data-theme='dark'] .ant-btn-dangerous.ant-btn-primary:focus {
  background: #ED6F6F !important;
}
[data-theme='dark'] .ant-btn-default.ant-btn-dangerous {
  border-color: #ED6F6F;
  background: transparent !important;
  color: #ED6F6F;
}
[data-theme='dark'] .ant-btn-default.ant-btn-dangerous:hover,
[data-theme='dark'] .ant-btn-default.ant-btn-dangerous:focus {
  border-color: #f39c9c !important;
  color: #f39c9c !important;
}
[data-theme='dark'] .ant-btn-default:not(.ant-btn-background-ghost) {
  border-color: #303030;
}
[data-theme='dark'] .ant-btn-default:not(.ant-btn-background-ghost):hover,
[data-theme='dark'] .ant-btn-default:not(.ant-btn-background-ghost):focus {
  border-color: #0960bd;
  color: #0960bd;
}
[data-theme='dark'] .ant-btn-default.is-disabled:hover,
[data-theme='dark'] .ant-btn-default.is-disabled:focus {
  border-color: #303030;
  color: rgba(255, 255, 255, 0.3);
}
[data-theme='dark'] .ant-btn-success:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):hover,
[data-theme='dark'] .ant-btn-success:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):focus,
[data-theme='dark'] .ant-btn-success:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):active {
  border-color: #34bf6c !important;
  background-color: #34bf6c !important;
  color: #fff !important;
}
[data-theme='dark'] .ant-btn-warning:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):hover,
[data-theme='dark'] .ant-btn-warning:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):focus,
[data-theme='dark'] .ant-btn-warning:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):active {
  border-color: #ebac18 !important;
  background-color: #ebac18 !important;
  color: #fff !important;
}
[data-theme='dark'] .ant-btn-error:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):hover,
[data-theme='dark'] .ant-btn-error:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):focus,
[data-theme='dark'] .ant-btn-error:not(.is-disabled, .ant-btn-link, .ant-btn-background-ghost):active {
  border-color: #e74242 !important;
  background-color: #e74242 !important;
  color: #fff !important;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset;
  -webkit-text-fill-color: var(--text-color);
}
:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s !important;
}
html {
  overflow: hidden;
  text-size-adjust: 100%;
}
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html.color-weak,
body.color-weak {
  filter: invert(80%);
}
html.gray-mode,
body.gray-mode {
  filter: grayscale(100%);
  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}
a:focus,
a:active,
button,
div,
svg,
span {
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}