/*
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)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}

/*
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.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  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 */
}

/*
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-feature-settings: inherit; /* 1 */
  font-variation-settings: 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; /* 1 */
  /* background-color: transparent;  */
  background-image: none; /* 2 */
}

/*
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::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 */
}

/*
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;
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: rgb(var(--nprogress-color));

  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 rgb(var(--nprogress-color)),
    0 0 5px rgb(var(--nprogress-color));
  opacity: 1;
  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: rgb(var(--nprogress-color));
  border-left-color: rgb(var(--nprogress-color));
  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);
  }
}

html,
body,
#root {
  min-height: 100vh;
}

html {
  overflow-x: hidden;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}

.ant-table-header::-webkit-scrollbar {
  background-color: transparent;
}

html.grayscale {
  filter: grayscale(100%);
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
::view-transition-old(root) {
  z-index: 9999;
}
::view-transition-new(root) {
  z-index: 1;
}
.dark::view-transition-old(root) {
  z-index: 1;
}
.dark::view-transition-new(root) {
  z-index: 9999;
}

.ant-btn-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
}



/* layer: preflights */
*,::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: ;}
/* layer: default */
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.sticky{position:sticky;}
.bottom-0{bottom:0;}
.left-0{left:0;}
.left-1\/2{left:50%;}
.right-\[8px\]{right:8px;}
.right-0{right:0;}
.right-16px{right:16px;}
.right-30px{right:30px;}
.right-62px{right:62px;}
.top-0{top:0;}
.top-16px{top:16px;}
.top-8px{top:8px;}
.z-10{z-index:10;}
.z-9999{z-index:9999;}
.mb-10px{margin-bottom:10px;}
.mb-112px{margin-bottom:112px;}
.mb-12px{margin-bottom:12px;}
.mb-14px{margin-bottom:14px;}
.mb-16px{margin-bottom:16px;}
.mb-20px{margin-bottom:20px;}
.mb-24px{margin-bottom:24px;}
.mb-30px{margin-bottom:30px;}
.mb-32px{margin-bottom:32px;}
.mb-40px{margin-bottom:40px;}
.mb-4px{margin-bottom:4px;}
.mb-56px{margin-bottom:56px;}
.mb-5px{margin-bottom:5px;}
.mb-7px{margin-bottom:7px;}
.mb-88px{margin-bottom:88px;}
.mb-8px{margin-bottom:8px;}
.mt-12px{margin-top:12px;}
.mt-20px{margin-top:20px;}
.mt-97px{margin-top:97px;}
.box-content{box-sizing:content-box;}
.inline{display:inline;}
.size-full{width:100%;height:100%;}
.h-104px{height:104px;}
.h-180px{height:180px;}
.h-210px{height:210px;}
.h-226px{height:226px;}
.h-24px{height:24px;}
.h-250px{height:250px;}
.h-280px{height:280px;}
.h-30px{height:30px;}
.h-32px{height:32px;}
.h-34px{height:34px;}
.h-360px{height:360px;}
.h-36px{height:36px;}
.h-400px{height:400px;}
.h-42px{height:42px;}
.h-44px{height:44px;}
.h-46px{height:46px;}
.h-527px{height:527px;}
.h-52px{height:52px;}
.h-60px{height:60px;}
.h-72px{height:72px;}
.h-80px{height:80px;}
.h-92px{height:92px;}
.h-96px{height:96px;}
.h-full{height:100%;}
.min-h-520px{min-height:520px;}
.w-120px{width:120px;}
.w-134px{width:134px;}
.w-150px{width:150px;}
.w-154px{width:154px;}
.w-172px{width:172px;}
.w-195px{width:195px;}
.w-200px{width:200px;}
.w-20px{width:20px;}
.w-24px{width:24px;}
.w-252px{width:252px;}
.w-299px{width:299px;}
.w-30px{width:30px;}
.w-32px{width:32px;}
.w-342px{width:342px;}
.w-390px{width:390px;}
.w-40px{width:40px;}
.w-46px{width:46px;}
.w-577px{width:577px;}
.w-595px{width:595px;}
.w-60px{width:60px;}
.w-80px{width:80px;}
.w-96px{width:96px;}
.w-full{width:100%;}
.flex{display:flex;}
.flex-1{flex:1 1;}
.flex-col{flex-direction:column;}
.-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;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-12px{gap:12px;}
.gap-16px{gap:16px;}
.gap-24px{gap:24px;}
.gap-4px{gap:4px;}
.gap-8px{gap:8px;}
.overflow-hidden{overflow:hidden;}
.whitespace-nowrap{white-space:nowrap;}
.border{border-width:1px;}
.rd-12px{border-radius:12px;}
.rd-16px{border-radius:16px;}
.rd-17px{border-radius:17px;}
.rd-22px{border-radius:22px;}
.rd-23px{border-radius:23px;}
.rd-26px{border-radius:26px;}
.rd-3px{border-radius:3px;}
.rd-6px{border-radius:6px;}
.rd-8px{border-radius:8px;}
.border-solid{border-style:solid;}
.bg-\[\#F5F7FA\],
.bg-\#F5F7FA{--un-bg-opacity:1;background-color:rgb(245 247 250 / var(--un-bg-opacity)) /* #F5F7FA */;}
.bg-\[linear-gradient\(to_bottom\,\#F7F5FF_0\%\,\#FFFFFF_100\%\)\]{background-image:linear-gradient(to bottom,#F7F5FF 0%,#FFFFFF 100%);}
.bg-\#5947E6{--un-bg-opacity:1;background-color:rgb(89 71 230 / var(--un-bg-opacity)) /* #5947E6 */;}
.bg-\#EAE8FF{--un-bg-opacity:1;background-color:rgb(234 232 255 / var(--un-bg-opacity)) /* #EAE8FF */;}
.bg-\#F2F5F8{--un-bg-opacity:1;background-color:rgb(242 245 248 / var(--un-bg-opacity)) /* #F2F5F8 */;}
.bg-\#F7F5FF{--un-bg-opacity:1;background-color:rgb(247 245 255 / var(--un-bg-opacity)) /* #F7F5FF */;}
.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}
.object-cover{object-fit:cover;}
.object-center{object-position:center;}
.p-12px{padding:12px;}
.p-16px{padding:16px;}
.p-4px{padding:4px;}
.p-8px{padding:8px;}
.px-\[12\.5\%\]{padding-left:12.5%;padding-right:12.5%;}
.px-\[8\.333\%\]{padding-left:8.333%;padding-right:8.333%;}
.px-12px{padding-left:12px;padding-right:12px;}
.px-16px{padding-left:16px;padding-right:16px;}
.px-20px{padding-left:20px;padding-right:20px;}
.px-24px{padding-left:24px;padding-right:24px;}
.px-35px{padding-left:35px;padding-right:35px;}
.px-40px{padding-left:40px;padding-right:40px;}
.px-44px{padding-left:44px;padding-right:44px;}
.px-8px{padding-left:8px;padding-right:8px;}
.py-12px{padding-top:12px;padding-bottom:12px;}
.py-32px{padding-top:32px;padding-bottom:32px;}
.py-56px{padding-top:56px;padding-bottom:56px;}
.pb-16px{padding-bottom:16px;}
.pb-36px{padding-bottom:36px;}
.pb-55px{padding-bottom:55px;}
.pb-8px{padding-bottom:8px;}
.pl-12px{padding-left:12px;}
.pr-19px{padding-right:19px;}
.pr-30px{padding-right:30px;}
.pr-62px{padding-right:62px;}
.pr-80px{padding-right:80px;}
.pt-23px{padding-top:23px;}
.pt-26px{padding-top:26px;}
.pt-30px{padding-top:30px;}
.pt-4px{padding-top:4px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-12px{font-size:12px;}
.text-14px{font-size:14px;}
.text-16px{font-size:16px;}
.text-18px{font-size:18px;}
.text-22px{font-size:22px;}
.text-32px{font-size:32px;}
.text-400px{font-size:400px;}
.text-64px{font-size:64px;}
.text-6px{font-size:6px;}
.color-\#130126,
.text-\[\#130126\],
.text-\#130126{--un-text-opacity:1;color:rgb(19 1 38 / var(--un-text-opacity)) /* #130126 */;}
.color-\#3F32A8,
.text-\#3F32A8{--un-text-opacity:1;color:rgb(63 50 168 / var(--un-text-opacity)) /* #3F32A8 */;}
.text-\#666{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity)) /* #666 */;}
.text-\#6C52FF{--un-text-opacity:1;color:rgb(108 82 255 / var(--un-text-opacity)) /* #6C52FF */;}
.text-\#717784{--un-text-opacity:1;color:rgb(113 119 132 / var(--un-text-opacity)) /* #717784 */;}
.color-\#7665FB,
.text-\#7665FB{--un-text-opacity:1;color:rgb(118 101 251 / var(--un-text-opacity)) /* #7665FB */;}
.text-primary{--un-text-opacity:1;color:rgb(var(--primary-color) / var(--un-text-opacity)) /* rgb(var(--primary-color)) */;}
.active\:text-\[\#C3BBFF\]:active{--un-text-opacity:1;color:rgb(195 187 255 / var(--un-text-opacity)) /* #C3BBFF */;}
.color-\#5947E6{--un-text-opacity:1;color:rgb(89 71 230 / var(--un-text-opacity)) /* #5947E6 */;}
.color-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}
.font-400{font-weight:400;}
.font-500{font-weight:500;}
.font-600{font-weight:600;}
.lh-14px{line-height:14px;}
.lh-16px{line-height:16px;}
.lh-19px{line-height:19px;}
.lh-28px{line-height:28px;}
.lh-29px{line-height:29px;}
.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;}
.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}