/*
! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box;
}
:after,
:before {
  --tw-content: "";
}
:host,
html {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-variation-settings: normal;
  line-height: 1.5;
  tab-size: 4;
}
body {
  line-height: inherit;
  margin: 0;
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-feature-settings: normal;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-size: 1em;
  font-variation-settings: normal;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-feature-settings: inherit;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: initial;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden] {
  display: none;
}
:root,
[data-theme] {
  background-color: oklch(100% 0 0/1);
  background-color: var(--fallback-b1, oklch(var(--b1) / 1));
  color: oklch(20% 0 0/1);
  color: var(--fallback-bc, oklch(var(--bc) / 1));
}
@supports not (color: oklch(0% 0 0)) {
  :root {
    --fallback-p: #491eff;
    --fallback-pc: #d4dbff;
    --fallback-s: #ff41c7;
    --fallback-sc: #fff9fc;
    --fallback-a: #00cfbd;
    --fallback-ac: #00100d;
    --fallback-n: #2b3440;
    --fallback-nc: #d7dde4;
    --fallback-b1: #fff;
    --fallback-b2: #e5e6e6;
    --fallback-b3: #e5e6e6;
    --fallback-bc: #1f2937;
    --fallback-in: #00b3f0;
    --fallback-inc: #000;
    --fallback-su: #00ca92;
    --fallback-suc: #000;
    --fallback-wa: #ffc22d;
    --fallback-wac: #000;
    --fallback-er: #ff6f70;
    --fallback-erc: #000;
    color-scheme: light;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --fallback-p: #7582ff;
      --fallback-pc: #050617;
      --fallback-s: #ff71cf;
      --fallback-sc: #190211;
      --fallback-a: #00c7b5;
      --fallback-ac: #000e0c;
      --fallback-n: #2a323c;
      --fallback-nc: #a6adbb;
      --fallback-b1: #1d232a;
      --fallback-b2: #191e24;
      --fallback-b3: #15191e;
      --fallback-bc: #a6adbb;
      --fallback-in: #00b3f0;
      --fallback-inc: #000;
      --fallback-su: #00ca92;
      --fallback-suc: #000;
      --fallback-wa: #ffc22d;
      --fallback-wac: #000;
      --fallback-er: #ff6f70;
      --fallback-erc: #000;
      color-scheme: dark;
    }
  }
}
html {
  -webkit-tap-highlight-color: transparent;
}
* {
  scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
}
:hover {
  scrollbar-color: color-mix(in oklch, currentColor 60%, #0000) #0000;
}
:root {
  --p: 71.7278% 0.190716 49.519226;
  --b2: 93% 0 0;
  --b3: 86% 0 0;
  --in: 72.06% 0.191 231.6;
  --su: 64.8% 0.15 160;
  --wa: 84.71% 0.199 83.87;
  --er: 71.76% 0.221 22.18;
  --bc: 20% 0 0;
  --pc: 14.3456% 0.038143 49.519226;
  --inc: 0% 0 0;
  --suc: 0% 0 0;
  --wac: 0% 0 0;
  --erc: 0% 0 0;
  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: 0.2s;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --b1: 100% 0 0;
}
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::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: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1023px) {
  .\!container {
    max-width: 1023px !important;
  }
  .container {
    max-width: 1023px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1269px) {
  .\!container {
    max-width: 1269px !important;
  }
  .container {
    max-width: 1269px;
  }
}
@media (min-width: 1270px) {
  .\!container {
    max-width: 1270px !important;
  }
  .container {
    max-width: 1270px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.dialog-shadow {
  box-shadow: 0 0 12px #0000001f;
}
.flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.single-line-omitted {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-nowrap {
  white-space: nowrap;
}
.action-none {
  touch-action: none;
}
.dc-alert {
  grid-gap: 1rem;
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  --alert-bg: var(--fallback-b2, oklch(var(--b2)/1));
  --alert-bg-mix: var(--fallback-b1, oklch(var(--b1)/1));
  align-content: flex-start;
  align-items: center;
  background-color: var(--alert-bg);
  border-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));
  border-radius: 1rem;
  border-radius: var(--rounded-box, 1rem);
  border-width: 1px;
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  display: grid;
  gap: 1rem;
  grid-auto-flow: row;
  justify-items: center;
  padding: 1rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 640px) {
  .dc-alert {
    grid-auto-flow: column;
    grid-template-columns: auto minmax(auto, 1fr);
    justify-items: start;
    text-align: start;
  }
}
.dc-badge {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  border-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));
  border-radius: 1.9rem;
  border-radius: var(--rounded-badge, 1.9rem);
  border-width: 1px;
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 0.563rem;
  padding-right: 0.563rem;
  transition-duration: 0.2s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (hover: hover) {
  .dc-link-hover:hover {
    text-decoration-line: underline;
  }
  .dc-menu li > :not(ul, .dc-menu-title, details, .dc-btn).dc-active,
  .dc-menu li > :not(ul, .dc-menu-title, details, .dc-btn):active,
  .dc-menu li > details > summary:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: oklch(var(--n) / var(--tw-bg-opacity));
    background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
    color: oklch(var(--nc) / var(--tw-text-opacity));
    color: var(--fallback-nc, oklch(var(--nc) / var(--tw-text-opacity)));
  }
  .dc-tab:hover {
    --tw-text-opacity: 1;
  }
  .dc-table tr.dc-hover:hover,
  .dc-table tr.dc-hover:nth-child(2n):hover {
    --tw-bg-opacity: 1;
    background-color: oklch(93% 0 0 / var(--tw-bg-opacity));
    background-color: var(
      --fallback-b2,
      oklch(var(--b2) / var(--tw-bg-opacity))
    );
  }
  .dc-table-zebra tr.dc-hover:hover,
  .dc-table-zebra tr.dc-hover:nth-child(2n):hover {
    --tw-bg-opacity: 1;
    background-color: oklch(86% 0 0 / var(--tw-bg-opacity));
    background-color: var(
      --fallback-b3,
      oklch(var(--b3) / var(--tw-bg-opacity))
    );
  }
}
.dc-btn {
  --tw-text-opacity: 1;
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
  align-items: center;
  background-color: oklch(93% 0 0 / var(--tw-bg-opacity));
  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
  border-color: #0000;
  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
  border-radius: 0.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-width: var(--border-btn, 1px);
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 600;
  gap: 0.5rem;
  height: 3rem;
  justify-content: center;
  line-height: 1em;
  min-height: 3rem;
  outline-color: oklch(20% 0 0/1);
  outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration-line: none;
  transition-property:
    color, background-color, border-color, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-user-select: none;
  user-select: none;
}
.dc-btn-disabled,
.dc-btn:disabled,
.dc-btn[disabled] {
  pointer-events: none;
}
:where(.dc-btn:is(input[type="checkbox"])),
:where(.dc-btn:is(input[type="radio"])) {
  -webkit-appearance: none;
  appearance: none;
  width: auto;
}
.dc-btn:is(input[type="checkbox"]):after,
.dc-btn:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.dc-carousel {
  -ms-overflow-style: none;
  display: inline-flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.dc-carousel-center .dc-carousel-item {
  scroll-snap-align: center;
}
.dc-checkbox {
  --chkbg: var(--fallback-bc, oklch(var(--bc)/1));
  --chkfg: var(--fallback-b1, oklch(var(--b1)/1));
  --tw-border-opacity: 0.2;
  -webkit-appearance: none;
  appearance: none;
  border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
  border-radius: 0.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
  cursor: pointer;
  flex-shrink: 0;
  height: 1.5rem;
  width: 1.5rem;
}
.dc-divider {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  height: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  white-space: nowrap;
}
.dc-divider:after,
.dc-divider:before {
  --tw-content: "";
  background-color: oklch(20% 0 0/0.1);
  background-color: var(--fallback-bc, oklch(var(--bc) / 0.1));
  content: var(--tw-content);
  flex-grow: 1;
  height: 0.125rem;
  width: 100%;
}
.dc-divider-end:after,
.dc-divider-start:before {
  display: none;
}
.dc-drawer {
  display: grid;
  grid-auto-columns: -webkit-max-content auto;
  grid-auto-columns: max-content auto;
  position: relative;
  width: 100%;
}
.dc-drawer-side {
  align-items: flex-start;
  display: grid;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  height: 100vh;
  height: 100dvh;
  inset-inline-start: 0;
  justify-items: start;
  overflow-y: hidden;
  overscroll-behavior: contain;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
}
.dc-drawer-side > .dc-drawer-overlay {
  background-color: initial;
  cursor: pointer;
  place-self: stretch;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  transition-duration: 0.2s;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.dc-drawer-side > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.dc-drawer-side > :not(.dc-drawer-overlay) {
  transform: translateX(-100%);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  will-change: transform;
}
[dir="rtl"] .dc-drawer-side > :not(.dc-drawer-overlay) {
  transform: translateX(100%);
}
.dc-drawer-toggle {
  -webkit-appearance: none;
  appearance: none;
  height: 0;
  opacity: 0;
  position: fixed;
  width: 0;
}
.dc-drawer-toggle:checked ~ .dc-drawer-side {
  overflow-y: auto;
  pointer-events: auto;
  visibility: visible;
}
.dc-drawer-toggle:checked ~ .dc-drawer-side > :not(.dc-drawer-overlay) {
  transform: translateX(0);
}
.dc-drawer-end {
  grid-auto-columns: auto -webkit-max-content;
  grid-auto-columns: auto max-content;
}
.dc-drawer-end .dc-drawer-toggle ~ .dc-drawer-content {
  grid-column-start: 1;
}
.dc-drawer-end .dc-drawer-toggle ~ .dc-drawer-side {
  grid-column-start: 2;
  justify-items: end;
}
.dc-drawer-end .dc-drawer-toggle ~ .dc-drawer-side > :not(.dc-drawer-overlay) {
  transform: translateX(100%);
}
[dir="rtl"]
  .dc-drawer-end
  .dc-drawer-toggle
  ~ .dc-drawer-side
  > :not(.dc-drawer-overlay) {
  transform: translateX(-100%);
}
.dc-drawer-end
  .dc-drawer-toggle:checked
  ~ .dc-drawer-side
  > :not(.dc-drawer-overlay) {
  transform: translateX(0);
}
@media (hover: hover) {
  .dc-btn:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: oklch(86% 0 0 / var(--tw-bg-opacity));
    background-color: var(
      --fallback-b3,
      oklch(var(--b3) / var(--tw-bg-opacity))
    );
    border-color: var(
      --fallback-b3,
      oklch(var(--b3) / var(--tw-border-opacity))
    );
  }
  @supports (color: color-mix(in oklab, black, black)) {
    .dc-btn:hover {
      background-color: color-mix(in oklab, oklch(93% 0 0/1) 90%, #000);
      background-color: color-mix(
        in oklab,
        oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
        #000
      );
      border-color: color-mix(in oklab, oklch(93% 0 0/1) 90%, #000);
      border-color: color-mix(
        in oklab,
        oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
        #000
      );
    }
  }
  @supports not (color: oklch(0% 0 0)) {
    .dc-btn:hover {
      background-color: var(--fallback-b2);
      background-color: var(--btn-color, var(--fallback-b2));
      border-color: var(--btn-color, var(--fallback-b2));
    }
  }
  .dc-btn.dc-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .dc-btn-disabled:hover,
  .dc-btn:disabled:hover,
  .dc-btn[disabled]:hover {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 0.2;
    background-color: oklch(var(--n) / var(--tw-bg-opacity));
    background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
    color: oklch(20% 0 0 / var(--tw-text-opacity));
    color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  }
  @supports (color: color-mix(in oklab, black, black)) {
    .dc-btn:is(input[type="checkbox"]:checked):hover,
    .dc-btn:is(input[type="radio"]:checked):hover {
      background-color: color-mix(
        in oklab,
        oklch(71.7278% 0.190716 49.519226/1) 90%,
        #000
      );
      background-color: color-mix(
        in oklab,
        var(--fallback-p, oklch(var(--p) / 1)) 90%,
        #000
      );
      border-color: color-mix(
        in oklab,
        oklch(71.7278% 0.190716 49.519226/1) 90%,
        #000
      );
      border-color: color-mix(
        in oklab,
        var(--fallback-p, oklch(var(--p) / 1)) 90%,
        #000
      );
    }
  }
  :where(
      .dc-menu
        li:not(.dc-menu-title, .dc-disabled)
        > :not(ul, details, .dc-menu-title)
    ):not(.dc-active, .dc-btn):hover,
  :where(
      .dc-menu
        li:not(.dc-menu-title, .dc-disabled)
        > details
        > summary:not(.dc-menu-title)
    ):not(.dc-active, .dc-btn):hover {
    cursor: pointer;
    outline: 2px solid #0000;
    outline-offset: 2px;
  }
  @supports (color: oklch(0% 0 0)) {
    :where(
        .dc-menu
          li:not(.dc-menu-title, .dc-disabled)
          > :not(ul, details, .dc-menu-title)
      ):not(.dc-active, .dc-btn):hover,
    :where(
        .dc-menu
          li:not(.dc-menu-title, .dc-disabled)
          > details
          > summary:not(.dc-menu-title)
      ):not(.dc-active, .dc-btn):hover {
      background-color: oklch(20% 0 0/0.1);
      background-color: var(--fallback-bc, oklch(var(--bc) / 0.1));
    }
  }
  .dc-tab[disabled],
  .dc-tab[disabled]:hover {
    --tw-text-opacity: 0.2;
    color: oklch(20% 0 0 / var(--tw-text-opacity));
    color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
    cursor: not-allowed;
  }
}
.dc-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 2.5rem;
  column-gap: 1rem;
  display: grid;
  font-size: 0.875rem;
  grid-auto-flow: row;
  line-height: 1.25rem;
  place-items: start;
  row-gap: 2.5rem;
  width: 100%;
}
.dc-footer > * {
  grid-gap: 0.5rem;
  display: grid;
  gap: 0.5rem;
  place-items: start;
}
@media (min-width: 48rem) {
  .dc-footer {
    grid-auto-flow: column;
  }
  .dc-footer-center {
    grid-auto-flow: row dense;
  }
}
.dc-form-control {
  display: flex;
  flex-direction: column;
}
.dc-hero {
  background-position: 50%;
  background-size: cover;
  display: grid;
  place-items: center;
  width: 100%;
}
.dc-hero > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.dc-hero-content {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
  max-width: 80rem;
  padding: 1rem;
  z-index: 0;
}
.dc-indicator {
  display: inline-flex;
  position: relative;
  width: -webkit-max-content;
  width: max-content;
}
.dc-indicator :where(.dc-indicator-item) {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}
.dc-input {
  --tw-bg-opacity: 1;
  -webkit-appearance: none;
  appearance: none;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  border-color: #0000;
  border-radius: 0.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  flex-shrink: 1;
  font-size: 1rem;
  height: 3rem;
  line-height: 2;
  line-height: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.dc-input-md[type="number"]::-webkit-inner-spin-button,
.dc-input[type="number"]::-webkit-inner-spin-button {
  margin-bottom: -1rem;
  margin-top: -1rem;
  margin-inline-end: -1rem;
}
.dc-link {
  cursor: pointer;
  text-decoration-line: underline;
}
.dc-link-hover {
  text-decoration-line: none;
}
.dc-menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}
.dc-menu :where(li ul) {
  margin-inline-start: 1rem;
  padding-inline-start: 0.5rem;
  position: relative;
  white-space: nowrap;
}
.dc-menu
  :where(li:not(.dc-menu-title) > :not(ul, details, .dc-menu-title, .dc-btn)),
.dc-menu
  :where(li:not(.dc-menu-title) > details > summary:not(.dc-menu-title)) {
  grid-gap: 0.5rem;
  align-content: flex-start;
  align-items: center;
  display: grid;
  gap: 0.5rem;
  grid-auto-columns: minmax(auto, -webkit-max-content) auto -webkit-max-content;
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  grid-auto-flow: column;
  -webkit-user-select: none;
  user-select: none;
}
.dc-menu li.dc-disabled {
  color: oklch(20% 0 0/0.3);
  color: var(--fallback-bc, oklch(var(--bc) / 0.3));
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.dc-menu :where(li > .dc-menu-dropdown:not(.dc-menu-dropdown-show)) {
  display: none;
}
:where(.dc-menu li) {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: wrap;
  position: relative;
}
:where(.dc-menu li) .dc-badge {
  justify-self: end;
}
.dc-modal {
  background-color: initial;
  color: inherit;
  display: grid;
  height: 100%;
  inset: 0;
  justify-items: center;
  margin: 0;
  max-height: none;
  max-width: none;
  opacity: 0;
  overflow-y: hidden;
  overscroll-behavior: contain;
  padding: 0;
  pointer-events: none;
  position: fixed;
  transition-duration: 0.2s;
  transition-property: transform, opacity, visibility;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
  z-index: 999;
}
:where(.dc-modal) {
  align-items: center;
}
.dc-modal-box {
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  --tw-bg-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  border-bottom-left-radius: 1rem;
  border-bottom-left-radius: var(--rounded-box, 1rem);
  border-bottom-right-radius: 1rem;
  border-bottom-right-radius: var(--rounded-box, 1rem);
  border-top-left-radius: 1rem;
  border-top-left-radius: var(--rounded-box, 1rem);
  border-top-right-radius: 1rem;
  border-top-right-radius: var(--rounded-box, 1rem);
  box-shadow: 0 25px 50px -12px #00000040;
  grid-column-start: 1;
  grid-row-start: 1;
  max-height: calc(100vh - 5em);
  max-width: 32rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1.5rem;
  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));
  transition-duration: 0.2s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 91.666667%;
}
.dc-modal-open,
.dc-modal-toggle:checked + .dc-modal,
.dc-modal:target,
.dc-modal[open] {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.dc-modal-action {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
}
:root:has(
  :is(
    .dc-modal-open,
    .dc-modal:target,
    .dc-modal-toggle:checked + .dc-modal,
    .dc-modal[open]
  )
) {
  overflow: hidden;
  scrollbar-gutter: stable;
}
.dc-radio {
  --chkbg: var(--bc);
  --tw-border-opacity: 0.2;
  -webkit-appearance: none;
  appearance: none;
  border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
  border-radius: 9999px;
  border-width: 1px;
  cursor: pointer;
  flex-shrink: 0;
  height: 1.5rem;
  width: 1.5rem;
}
.dc-stats {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  border-radius: 1rem;
  border-radius: var(--rounded-box, 1rem);
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  display: inline-grid;
}
:where(.dc-stats) {
  grid-auto-flow: column;
  overflow-x: auto;
}
.dc-stat {
  --tw-border-opacity: 0.1;
  border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
  column-gap: 1rem;
  display: inline-grid;
  grid-template-columns: repeat(1, 1fr);
  padding: 1rem 1.5rem;
  width: 100%;
}
.dc-stat-value {
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 2.5rem;
}
.dc-stat-desc,
.dc-stat-value {
  grid-column-start: 1;
  white-space: nowrap;
}
.dc-stat-desc {
  color: oklch(20% 0 0/0.6);
  color: var(--fallback-bc, oklch(var(--bc) / 0.6));
  font-size: 0.75rem;
  line-height: 1rem;
}
.dc-tabs {
  align-items: flex-end;
  display: grid;
}
.dc-tabs-lifted:has(.dc-tab-content[class*=" dc-rounded-"])
  .dc-tab:first-child:not(:is(.dc-tab-active, [aria-selected="true"])),
.dc-tabs-lifted:has(.dc-tab-content[class^="dc-rounded-"])
  .dc-tab:first-child:not(:is(.dc-tab-active, [aria-selected="true"])) {
  border-bottom-color: #0000;
}
.dc-tab {
  --tab-padding: 1rem;
  --tw-text-opacity: 0.5;
  --tab-color: var(--fallback-bc, oklch(var(--bc)/1));
  --tab-bg: var(--fallback-b1, oklch(var(--b1)/1));
  --tab-border-color: var(--fallback-b3, oklch(var(--b3)/1));
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  color: var(--tab-color);
  cursor: pointer;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  grid-row-start: 1;
  height: 2rem;
  justify-content: center;
  line-height: 1.25rem;
  line-height: 2;
  padding-inline-end: 1rem;
  padding-inline-end: var(--tab-padding, 1rem);
  padding-inline-start: 1rem;
  padding-inline-start: var(--tab-padding, 1rem);
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
}
.dc-tab:is(input[type="radio"]) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
}
.dc-tab:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.dc-tab:not(input):empty {
  cursor: default;
  grid-column-start: span 9999;
}
.dc-tab-content {
  border-color: #0000;
  border-width: 1px;
  border-width: var(--tab-border, 0);
  display: none;
  grid-column-end: span 9999;
  grid-column-start: 1;
  grid-row-start: 2;
  margin-top: -1px;
  margin-top: calc(var(--tab-border) * -1);
}
:checked + .dc-tab-content:nth-child(2),
:is(.dc-tab-active, [aria-selected="true"]) + .dc-tab-content:nth-child(2) {
  border-start-start-radius: 0;
}
:is(.dc-tab-active, [aria-selected="true"]) + .dc-tab-content,
input.dc-tab:checked + .dc-tab-content {
  display: block;
}
.dc-table {
  border-radius: 1rem;
  border-radius: var(--rounded-box, 1rem);
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.dc-table :where(.dc-table-pin-rows thead tr) {
  --tw-bg-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.dc-table :where(.dc-table-pin-rows tfoot tr) {
  --tw-bg-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.dc-table :where(.dc-table-pin-cols tr th) {
  --tw-bg-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
}
.dc-textarea {
  --tw-bg-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  border-radius: 0.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
  flex-shrink: 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  min-height: 3rem;
  padding: 0.5rem 1rem;
}
.dc-btm-nav > :where(.dc-active) {
  --tw-bg-opacity: 1;
  background-color: oklch(100% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
  border-top-width: 2px;
}
@media (prefers-reduced-motion: no-preference) {
  .dc-btn {
    animation: button-pop 0.25s ease-out;
    animation: button-pop var(--animation-btn, 0.25s) ease-out;
  }
}
.dc-btn:active:focus,
.dc-btn:active:hover {
  animation: button-pop 0s ease-out;
  transform: scale(0.95);
  transform: scale(var(--btn-focus-scale, 0.97));
}
@supports not (color: oklch(0% 0 0)) {
  .dc-btn {
    background-color: var(--fallback-b2);
    background-color: var(--btn-color, var(--fallback-b2));
    border-color: var(--btn-color, var(--fallback-b2));
  }
}
.dc-btn:focus-visible {
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.dc-btn.dc-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  outline-color: currentColor;
}
.dc-btn.dc-glass.dc-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.dc-btn.dc-btn-disabled,
.dc-btn:disabled,
.dc-btn[disabled] {
  --tw-border-opacity: 0;
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 0.2;
  background-color: oklch(var(--n) / var(--tw-bg-opacity));
  background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
}
.dc-btn:is(input[type="checkbox"]:checked),
.dc-btn:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: oklch(71.7278% 0.190716 49.519226 / var(--tw-bg-opacity));
  background-color: var(--fallback-p, oklch(var(--p) / var(--tw-bg-opacity)));
  border-color: var(--fallback-p, oklch(var(--p) / var(--tw-border-opacity)));
  color: oklch(14.3456% 0.038143 49.519226 / var(--tw-text-opacity));
  color: var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)));
}
.dc-btn:is(input[type="checkbox"]:checked):focus-visible,
.dc-btn:is(input[type="radio"]:checked):focus-visible {
  outline-color: oklch(71.7278% 0.190716 49.519226/1);
  outline-color: var(--fallback-p, oklch(var(--p) / 1));
}
@keyframes button-pop {
  0% {
    transform: scale(0.95);
    transform: scale(var(--btn-focus-scale, 0.98));
  }
  40% {
    transform: scale(1.02);
  }
  to {
    transform: scale(1);
  }
}
.dc-carousel::-webkit-scrollbar {
  display: none;
}
.dc-checkbox:focus {
  box-shadow: none;
}
.dc-checkbox:focus-visible {
  outline-color: oklch(20% 0 0/1);
  outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.dc-checkbox:disabled {
  --tw-bg-opacity: 1;
  background-color: oklch(20% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
  border-color: #0000;
  border-width: 0;
  cursor: not-allowed;
  opacity: 0.2;
}
.dc-checkbox:checked,
.dc-checkbox[aria-checked="true"] {
  background-color: var(--chkbg);
  background-image:
    linear-gradient(-45deg, #0000 65%, var(--chkbg) 65.99%),
    linear-gradient(45deg, #0000 75%, var(--chkbg) 75.99%),
    linear-gradient(-45deg, var(--chkbg) 40%, #0000 40.99%),
    linear-gradient(
      45deg,
      var(--chkbg) 30%,
      var(--chkfg) 30.99%,
      var(--chkfg) 40%,
      #0000 40.99%
    ),
    linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
}
.dc-checkbox:checked,
.dc-checkbox:indeterminate,
.dc-checkbox[aria-checked="true"] {
  animation: checkmark 0.2s ease-out;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-repeat: no-repeat;
}
.dc-checkbox:indeterminate {
  --tw-bg-opacity: 1;
  background-color: oklch(20% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
  background-image:
    linear-gradient(90deg, #0000 80%, var(--chkbg) 80%),
    linear-gradient(-90deg, #0000 80%, var(--chkbg) 80%),
    linear-gradient(
      0deg,
      var(--chkbg) 43%,
      var(--chkfg) 43%,
      var(--chkfg) 57%,
      var(--chkbg) 57%
    );
}
@keyframes checkmark {
  0% {
    background-position-y: 5px;
  }
  50% {
    background-position-y: -2px;
  }
  to {
    background-position-y: 0;
  }
}
.dc-divider:not(:empty) {
  gap: 1rem;
}
.dc-drawer-toggle:checked ~ .dc-drawer-side > .dc-drawer-overlay {
  background-color: #0006;
}
.dc-drawer-toggle:focus-visible ~ .dc-drawer-content label.dc-drawer-button {
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.dc-footer-title {
  font-weight: 700;
  margin-bottom: 0.5rem;
  opacity: 0.6;
  text-transform: uppercase;
}
.dc-label-text {
  --tw-text-opacity: 1;
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dc-input input {
  --tw-bg-opacity: 1;
  background-color: oklch(71.7278% 0.190716 49.519226 / var(--tw-bg-opacity));
  background-color: var(--fallback-p, oklch(var(--p) / var(--tw-bg-opacity)));
  background-color: initial;
}
.dc-input input:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.dc-input[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}
.dc-input:focus,
.dc-input:focus-within {
  border-color: oklch(20% 0 0/0.2);
  border-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
  box-shadow: none;
  outline-color: oklch(20% 0 0/0.2);
  outline-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.dc-input-disabled,
.dc-input:disabled,
.dc-input:has(> input[disabled]),
.dc-input[disabled] {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: oklch(93% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)));
  border-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));
  color: oklch(20% 0 0/0.4);
  color: var(--fallback-bc, oklch(var(--bc) / 0.4));
  cursor: not-allowed;
}
.dc-input-disabled::placeholder,
.dc-input:disabled::placeholder,
.dc-input:has(> input[disabled])::placeholder,
.dc-input[disabled]::placeholder {
  --tw-placeholder-opacity: 0.2;
  color: oklch(20% 0 0 / var(--tw-placeholder-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-placeholder-opacity)));
}
.dc-input:has(> input[disabled]) > input[disabled] {
  cursor: not-allowed;
}
.dc-input::-webkit-date-and-time-value {
  text-align: inherit;
}
.dc-join > :where(:not(:first-child)):is(.dc-btn) {
  margin-inline-start: -1px;
  margin-inline-start: calc(var(--border-btn) * -1);
}
.dc-link:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.dc-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.dc-loading {
  aspect-ratio: 1/1;
  background-color: currentColor;
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  pointer-events: none;
  width: 1.5rem;
}
.dc-loading-sm {
  width: 1.25rem;
}
:where(.dc-menu li:empty) {
  --tw-bg-opacity: 1;
  background-color: oklch(20% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
  height: 1px;
  margin: 0.5rem 1rem;
  opacity: 0.1;
}
.dc-menu :where(li ul):before {
  --tw-bg-opacity: 1;
  background-color: oklch(20% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
  bottom: 0.75rem;
  content: "";
  inset-inline-start: 0;
  opacity: 0.1;
  position: absolute;
  top: 0.75rem;
  width: 1px;
}
.dc-menu
  :where(li:not(.dc-menu-title) > :not(ul, details, .dc-menu-title, .dc-btn)),
.dc-menu
  :where(li:not(.dc-menu-title) > details > summary:not(.dc-menu-title)) {
  text-wrap: balance;
  border-radius: 0.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
  padding: 0.5rem 1rem;
  text-align: start;
  transition-duration: 0.2s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:where(
    .dc-menu
      li:not(.dc-menu-title, .dc-disabled)
      > :not(ul, details, .dc-menu-title)
  ):is(summary):not(.dc-active, .dc-btn):focus-visible,
:where(
    .dc-menu
      li:not(.dc-menu-title, .dc-disabled)
      > :not(ul, details, .dc-menu-title)
  ):not(summary, .dc-active, .dc-btn).dc-focus,
:where(
    .dc-menu
      li:not(.dc-menu-title, .dc-disabled)
      > :not(ul, details, .dc-menu-title)
  ):not(summary, .dc-active, .dc-btn):focus,
:where(
    .dc-menu
      li:not(.dc-menu-title, .dc-disabled)
      > details
      > summary:not(.dc-menu-title)
  ):is(summary):not(.dc-active, .dc-btn):focus-visible,
:where(
    .dc-menu
      li:not(.dc-menu-title, .dc-disabled)
      > details
      > summary:not(.dc-menu-title)
  ):not(summary, .dc-active, .dc-btn).dc-focus,
:where(
    .dc-menu
      li:not(.dc-menu-title, .dc-disabled)
      > details
      > summary:not(.dc-menu-title)
  ):not(summary, .dc-active, .dc-btn):focus {
  --tw-text-opacity: 1;
  background-color: oklch(20% 0 0/0.1);
  background-color: var(--fallback-bc, oklch(var(--bc) / 0.1));
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  cursor: pointer;
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.dc-menu li > :not(ul, .dc-menu-title, details, .dc-btn).dc-active,
.dc-menu li > :not(ul, .dc-menu-title, details, .dc-btn):active,
.dc-menu li > details > summary:active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: oklch(var(--n) / var(--tw-bg-opacity));
  background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
  color: oklch(var(--nc) / var(--tw-text-opacity));
  color: var(--fallback-nc, oklch(var(--nc) / var(--tw-text-opacity)));
}
.dc-menu :where(li > details > summary)::-webkit-details-marker {
  display: none;
}
.dc-menu :where(li > .dc-menu-dropdown-toggle):after,
.dc-menu :where(li > details > summary):after {
  box-shadow: 2px 2px;
  content: "";
  display: block;
  height: 0.5rem;
  justify-self: end;
  margin-top: -0.5rem;
  pointer-events: none;
  transform: rotate(45deg);
  transform-origin: 75% 75%;
  transition-duration: 0.3s;
  transition-property: transform, margin-top;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 0.5rem;
}
.dc-menu :where(li > .dc-menu-dropdown-toggle.dc-menu-dropdown-show):after,
.dc-menu :where(li > details[open] > summary):after {
  margin-top: 0;
  transform: rotate(225deg);
}
.dc-menu-title {
  color: oklch(20% 0 0/0.4);
  color: var(--fallback-bc, oklch(var(--bc) / 0.4));
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
}
.dc-mockup-browser .dc-mockup-browser-toolbar .dc-input {
  --tw-bg-opacity: 1;
  background-color: oklch(93% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)));
  direction: ltr;
  display: block;
  height: 1.75rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-left: 2rem;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 24rem;
}
.dc-mockup-browser .dc-mockup-browser-toolbar .dc-input:before {
  --tw-translate-y: -50%;
  aspect-ratio: 1/1;
  border-color: currentColor;
  border-radius: 9999px;
  border-width: 2px;
  height: 0.75rem;
  left: 0.5rem;
}
.dc-mockup-browser .dc-mockup-browser-toolbar .dc-input:after,
.dc-mockup-browser .dc-mockup-browser-toolbar .dc-input:before {
  content: "";
  opacity: 0.6;
  position: absolute;
  top: 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));
}
.dc-mockup-browser .dc-mockup-browser-toolbar .dc-input:after {
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  border-color: currentColor;
  border-radius: 9999px;
  border-width: 1px;
  height: 0.5rem;
  left: 1.25rem;
}
.dc-modal::backdrop,
.dc-modal:not(dialog:not(.dc-modal-open)) {
  animation: modal-pop 0.2s ease-out;
  background-color: #0006;
}
.dc-modal-backdrop {
  align-self: stretch;
  color: #0000;
  display: grid;
  grid-column-start: 1;
  grid-row-start: 1;
  justify-self: stretch;
  z-index: -1;
}
.dc-modal-open .dc-modal-box,
.dc-modal-toggle:checked + .dc-modal .dc-modal-box,
.dc-modal:target .dc-modal-box,
.dc-modal[open] .dc-modal-box {
  --tw-translate-y: 0px;
  --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));
}
.dc-modal-action > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
@keyframes modal-pop {
  0% {
    opacity: 0;
  }
}
@keyframes progress-loading {
  50% {
    background-position-x: -115%;
  }
}
.dc-radio:focus {
  box-shadow: none;
}
.dc-radio:focus-visible {
  outline-color: oklch(20% 0 0/1);
  outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.dc-radio:checked,
.dc-radio[aria-checked="true"] {
  --tw-bg-opacity: 1;
  animation: radiomark 0.2s ease-out;
  animation: radiomark var(--animation-input, 0.2s) ease-out;
  background-color: oklch(20% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
  background-image: none;
  box-shadow:
    inset 0 0 0 4px oklch(100% 0 0/1),
    inset 0 0 0 4px oklch(100% 0 0/1);
  box-shadow:
    0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
    0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
}
.dc-radio:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
@keyframes radiomark {
  0% {
    box-shadow:
      inset 0 0 0 12px oklch(100% 0 0/1),
      inset 0 0 0 12px oklch(100% 0 0/1);
    box-shadow:
      0 0 0 12px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
      0 0 0 12px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
  }
  50% {
    box-shadow:
      inset 0 0 0 3px oklch(100% 0 0/1),
      inset 0 0 0 3px oklch(100% 0 0/1);
    box-shadow:
      0 0 0 3px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
      0 0 0 3px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
  }
  to {
    box-shadow:
      inset 0 0 0 4px oklch(100% 0 0/1),
      inset 0 0 0 4px oklch(100% 0 0/1);
    box-shadow:
      0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
      0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
  }
}
@keyframes rating-pop {
  0% {
    transform: translateY(-0.125em);
  }
  40% {
    transform: translateY(-0.125em);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  to {
    background-position: -50%;
  }
}
:where(.dc-stats) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  --tw-divide-y-reverse: 0;
  border-width: calc(0px * (1 - var(--tw-divide-y-reverse)))
    calc(1px * var(--tw-divide-x-reverse))
    calc(0px * var(--tw-divide-y-reverse))
    calc(1px * (1 - var(--tw-divide-x-reverse)));
}
:is([dir="rtl"] .dc-stats > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-x-reverse: 1;
}
.dc-tabs-lifted > .dc-tab:focus-visible {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.dc-tab:is(.dc-tab-active, [aria-selected="true"]):not(.dc-tab-disabled):not(
    [disabled]
  ),
.dc-tab:is(input:checked) {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
}
.dc-tab:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.dc-tab:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -5px;
}
.dc-tab-disabled,
.dc-tab[disabled] {
  --tw-text-opacity: 0.2;
  color: oklch(20% 0 0 / var(--tw-text-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
  cursor: not-allowed;
}
.dc-tabs-bordered > .dc-tab {
  --tw-border-opacity: 0.2;
  border-bottom-width: 2px;
  border-bottom-width: calc(var(--tab-border, 1px) + 1px);
  border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
  border-style: solid;
}
.dc-tabs-lifted > .dc-tab {
  border: solid #0000;
  border-bottom-color: var(--tab-border-color);
  border-start-end-radius: 0.5rem;
  border-start-end-radius: var(--tab-radius, 0.5rem);
  border-start-start-radius: 0.5rem;
  border-start-start-radius: var(--tab-radius, 0.5rem);
  border-width: 0 0 1px;
  border-width: 0 0 var(--tab-border, 1px) 0;
  padding-inline-end: 1rem;
  padding-inline-end: var(--tab-padding, 1rem);
  padding-inline-start: 1rem;
  padding-inline-start: var(--tab-padding, 1rem);
  padding-top: 1px;
  padding-top: var(--tab-border, 1px);
}
.dc-tabs-lifted
  > .dc-tab:is(.dc-tab-active, [aria-selected="true"]):not(
    .dc-tab-disabled
  ):not([disabled]),
.dc-tabs-lifted > .dc-tab:is(input:checked) {
  background-color: var(--tab-bg);
  border-inline-end-color: var(--tab-border-color);
  border-inline-start-color: var(--tab-border-color);
  border-top-color: var(--tab-border-color);
  border-width: 1px 1px 0;
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0
    var(--tab-border, 1px);
  padding-inline-end: calc(1rem - 1px);
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-bottom: 1px;
  padding-bottom: var(--tab-border, 1px);
  padding-inline-start: calc(1rem - 1px);
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-top: 0;
}
.dc-tabs-lifted
  > .dc-tab:is(.dc-tab-active, [aria-selected="true"]):not(
    .dc-tab-disabled
  ):not([disabled]):before,
.dc-tabs-lifted > .dc-tab:is(input:checked):before {
  --tab-grad: calc(69% - var(--tab-border, 1px));
  --radius-start: radial-gradient(
    circle at top left,
    #0000 var(--tab-grad),
    var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
    var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
    var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
  );
  --radius-end: radial-gradient(
    circle at top right,
    #0000 var(--tab-grad),
    var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
    var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
    var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
  );
  background-image: var(--radius-start), var(--radius-end);
  background-position:
    0 0,
    100% 0;
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-size: var(--tab-radius, 0.5rem);
  bottom: 0;
  content: "";
  display: block;
  height: 0.5rem;
  height: var(--tab-radius, 0.5rem);
  position: absolute;
  width: calc(100% + 1rem);
  width: calc(100% + var(--tab-radius, 0.5rem) * 2);
  z-index: 1;
}
.dc-tabs-lifted
  > .dc-tab:is(.dc-tab-active, [aria-selected="true"]):not(
    .dc-tab-disabled
  ):not([disabled]):first-child:before,
.dc-tabs-lifted > .dc-tab:is(input:checked):first-child:before {
  background-image: var(--radius-end);
  background-position: 100% 0;
}
[dir="rtl"]
  .dc-tabs-lifted
  > .dc-tab:is(.dc-tab-active, [aria-selected="true"]):not(
    .dc-tab-disabled
  ):not([disabled]):first-child:before,
[dir="rtl"] .dc-tabs-lifted > .dc-tab:is(input:checked):first-child:before {
  background-image: var(--radius-start);
  background-position: 0 0;
}
.dc-tabs-lifted
  > .dc-tab:is(.dc-tab-active, [aria-selected="true"]):not(
    .dc-tab-disabled
  ):not([disabled]):last-child:before,
.dc-tabs-lifted > .dc-tab:is(input:checked):last-child:before {
  background-image: var(--radius-start);
  background-position: 0 0;
}
[dir="rtl"]
  .dc-tabs-lifted
  > .dc-tab:is(.dc-tab-active, [aria-selected="true"]):not(
    .dc-tab-disabled
  ):not([disabled]):last-child:before,
[dir="rtl"] .dc-tabs-lifted > .dc-tab:is(input:checked):last-child:before {
  background-image: var(--radius-end);
  background-position: 100% 0;
}
.dc-tabs-lifted
  > .dc-tab:is(input:checked)
  + .dc-tabs-lifted
  .dc-tab:is(input:checked):before,
.dc-tabs-lifted
  > :is(.dc-tab-active, [aria-selected="true"]):not(.dc-tab-disabled):not(
    [disabled]
  )
  + .dc-tabs-lifted
  :is(.dc-tab-active, [aria-selected="true"]):not(.dc-tab-disabled):not(
    [disabled]
  ):before {
  background-image: var(--radius-end);
  background-position: 100% 0;
}
.dc-tabs-boxed .dc-tab {
  border-radius: 0.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
}
.dc-table:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}
.dc-table :where(th, td) {
  padding: 0.75rem 1rem;
  vertical-align: middle;
}
.dc-table tr.dc-active,
.dc-table tr.dc-active:nth-child(2n),
.dc-table-zebra tbody tr:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: oklch(93% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)));
}
.dc-table-zebra tr.dc-active,
.dc-table-zebra tr.dc-active:nth-child(2n),
.dc-table-zebra-zebra tbody tr:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: oklch(86% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b3, oklch(var(--b3) / var(--tw-bg-opacity)));
}
.dc-table
  :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child) {
  --tw-border-opacity: 1;
  border-bottom-color: var(
    --fallback-b2,
    oklch(var(--b2) / var(--tw-border-opacity))
  );
  border-bottom-width: 1px;
}
.dc-table :where(thead, tfoot) {
  color: oklch(20% 0 0/0.6);
  color: var(--fallback-bc, oklch(var(--bc) / 0.6));
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  white-space: nowrap;
}
.dc-table :where(tfoot) {
  --tw-border-opacity: 1;
  border-top-color: var(
    --fallback-b2,
    oklch(var(--b2) / var(--tw-border-opacity))
  );
  border-top-width: 1px;
}
.dc-textarea:focus {
  border-color: oklch(20% 0 0/0.2);
  border-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
  box-shadow: none;
  outline-color: oklch(20% 0 0/0.2);
  outline-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
}
.dc-textarea-success,
.dc-textarea-success:focus {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su, oklch(var(--su) / var(--tw-border-opacity)));
}
.dc-textarea-success:focus {
  outline-color: oklch(64.8% 0.15 160/1);
  outline-color: var(--fallback-su, oklch(var(--su) / 1));
}
.dc-textarea-warning,
.dc-textarea-warning:focus {
  --tw-border-opacity: 1;
  border-color: var(--fallback-wa, oklch(var(--wa) / var(--tw-border-opacity)));
}
.dc-textarea-warning:focus {
  outline-color: oklch(84.71% 0.199 83.87/1);
  outline-color: var(--fallback-wa, oklch(var(--wa) / 1));
}
.dc-textarea-error,
.dc-textarea-error:focus {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er, oklch(var(--er) / var(--tw-border-opacity)));
}
.dc-textarea-error:focus {
  outline-color: oklch(71.76% 0.221 22.18/1);
  outline-color: var(--fallback-er, oklch(var(--er) / 1));
}
.dc-textarea-disabled,
.dc-textarea:disabled,
.dc-textarea[disabled] {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: oklch(93% 0 0 / var(--tw-bg-opacity));
  background-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)));
  border-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));
  color: oklch(20% 0 0/0.4);
  color: var(--fallback-bc, oklch(var(--bc) / 0.4));
  cursor: not-allowed;
}
.dc-textarea-disabled::placeholder,
.dc-textarea:disabled::placeholder,
.dc-textarea[disabled]::placeholder {
  --tw-placeholder-opacity: 0.2;
  color: oklch(20% 0 0 / var(--tw-placeholder-opacity));
  color: var(--fallback-bc, oklch(var(--bc) / var(--tw-placeholder-opacity)));
}
@keyframes toast-pop {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.dc-btm-nav-xs > :where(.dc-active) {
  border-top-width: 1px;
}
.dc-btm-nav-sm > :where(.dc-active) {
  border-top-width: 2px;
}
.dc-btm-nav-md > :where(.dc-active) {
  border-top-width: 2px;
}
.dc-btm-nav-lg > :where(.dc-active) {
  border-top-width: 4px;
}
.dc-divider-horizontal {
  flex-direction: column;
}
.dc-divider-horizontal:after,
.dc-divider-horizontal:before {
  height: 100%;
  width: 0.125rem;
}
.dc-divider-vertical {
  flex-direction: row;
}
.dc-divider-vertical:after,
.dc-divider-vertical:before {
  height: 0.125rem;
  width: 100%;
}
.dc-drawer-open > .dc-drawer-toggle {
  display: none;
}
.dc-drawer-open > .dc-drawer-toggle ~ .dc-drawer-side {
  display: block;
  overscroll-behavior: auto;
  pointer-events: auto;
  position: -webkit-sticky;
  position: sticky;
  visibility: visible;
  width: auto;
}
.dc-drawer-open
  > .dc-drawer-toggle
  ~ .dc-drawer-side
  > :not(.dc-drawer-overlay),
[dir="rtl"]
  .dc-drawer-open
  > .dc-drawer-toggle
  ~ .dc-drawer-side
  > :not(.dc-drawer-overlay) {
  transform: translateX(0);
}
.dc-drawer-open > .dc-drawer-toggle:checked ~ .dc-drawer-side {
  pointer-events: auto;
  visibility: visible;
}
.dc-drawer-open > .dc-drawer-side {
  overflow-y: auto;
}
html:has(.dc-drawer-toggle:checked) {
  overflow-y: hidden;
  scrollbar-gutter: stable;
}
.dc-indicator :where(.dc-indicator-item) {
  --tw-translate-y: -50%;
  --tw-translate-x: 50%;
  bottom: auto;
  inset-inline-end: 0;
  inset-inline-start: auto;
  top: 0;
  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));
}
.dc-indicator :where(.dc-indicator-item):where([dir="rtl"], [dir="rtl"] *) {
  --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));
}
.dc-indicator :where(.dc-indicator-item.dc-indicator-start) {
  --tw-translate-x: -50%;
  inset-inline-end: auto;
  inset-inline-start: 0;
  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));
}
.dc-indicator
  :where(.dc-indicator-item.dc-indicator-start):where(
    [dir="rtl"],
    [dir="rtl"] *
  ) {
  --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));
}
.dc-indicator :where(.dc-indicator-item.dc-indicator-center) {
  --tw-translate-x: -50%;
  inset-inline-end: 50%;
  inset-inline-start: 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));
}
.dc-indicator
  :where(.dc-indicator-item.dc-indicator-center):where(
    [dir="rtl"],
    [dir="rtl"] *
  ) {
  --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));
}
.dc-indicator :where(.dc-indicator-item.dc-indicator-end) {
  --tw-translate-x: 50%;
  inset-inline-end: 0;
  inset-inline-start: auto;
  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));
}
.dc-indicator
  :where(.dc-indicator-item.dc-indicator-end):where(
    [dir="rtl"],
    [dir="rtl"] *
  ) {
  --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));
}
.dc-indicator :where(.dc-indicator-item.dc-indicator-bottom) {
  --tw-translate-y: 50%;
  bottom: 0;
  top: auto;
  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));
}
.dc-indicator :where(.dc-indicator-item.dc-indicator-middle) {
  --tw-translate-y: -50%;
  bottom: 50%;
  top: 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));
}
.dc-indicator :where(.dc-indicator-item.dc-indicator-top) {
  --tw-translate-y: -50%;
  bottom: auto;
  top: 0;
  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));
}
.dc-modal-middle {
  place-items: center;
}
.dc-stats-horizontal {
  grid-auto-flow: column;
}
.dc-tabs-md :where(.dc-tab) {
  --tab-padding: 1rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.25rem;
  line-height: 2;
}
.dc-tabs-lg :where(.dc-tab) {
  --tab-padding: 1.25rem;
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.75rem;
  line-height: 2;
}
.dc-tabs-sm :where(.dc-tab) {
  --tab-padding: 0.75rem;
  font-size: 0.875rem;
  height: 1.5rem;
  line-height: 0.75rem;
}
.dc-tabs-xs :where(.dc-tab) {
  --tab-padding: 0.5rem;
  font-size: 0.75rem;
  height: 1.25rem;
  line-height: 0.75rem;
}
.dc-textarea-sm {
  font-size: 0.875rem;
  line-height: 2rem;
  padding: 0.25rem 0.75rem;
}
.dc-textarea-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 2;
  padding: 1rem 1.5rem;
}
.dc-divider-horizontal {
  height: auto;
  margin: 0 1rem;
  width: 1rem;
}
.dc-divider-vertical {
  height: 1rem;
  margin: 1rem 0;
  width: auto;
}
.dc-drawer-open > .dc-drawer-toggle ~ .dc-drawer-side > .dc-drawer-overlay {
  background-color: initial;
  cursor: default;
}
.dc-join.dc-join-vertical > :where(:not(:first-child)):is(.dc-btn) {
  margin-top: -1px;
  margin-top: calc(var(--border-btn) * -1);
}
.dc-join.dc-join-horizontal > :where(:not(:first-child)):is(.dc-btn) {
  margin-inline-start: -1px;
  margin-inline-start: calc(var(--border-btn) * -1);
}
.dc-menu-xs .dc-menu-title {
  padding: 0.25rem 0.5rem;
}
.dc-menu-sm .dc-menu-title {
  padding: 0.5rem 0.75rem;
}
.dc-menu-md .dc-menu-title {
  padding: 0.5rem 1rem;
}
.dc-menu-lg .dc-menu-title {
  padding: 0.75rem 1.5rem;
}
.dc-modal-top :where(.dc-modal-box) {
  --tw-translate-y: -2.5rem;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  border-bottom-left-radius: 1rem;
  border-bottom-left-radius: var(--rounded-box, 1rem);
  border-bottom-right-radius: 1rem;
  border-bottom-right-radius: var(--rounded-box, 1rem);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-width: none;
  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));
  width: 100%;
}
.dc-modal-middle :where(.dc-modal-box) {
  --tw-translate-y: 0px;
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  border-bottom-left-radius: 1rem;
  border-bottom-left-radius: var(--rounded-box, 1rem);
  border-bottom-right-radius: 1rem;
  border-bottom-right-radius: var(--rounded-box, 1rem);
  border-top-left-radius: 1rem;
  border-top-left-radius: var(--rounded-box, 1rem);
  border-top-right-radius: 1rem;
  border-top-right-radius: var(--rounded-box, 1rem);
  max-width: 32rem;
  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));
  width: 91.666667%;
}
.dc-modal-bottom :where(.dc-modal-box) {
  --tw-translate-y: 2.5rem;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 1rem;
  border-top-left-radius: var(--rounded-box, 1rem);
  border-top-right-radius: 1rem;
  border-top-right-radius: var(--rounded-box, 1rem);
  max-width: none;
  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));
  width: 100%;
}
.dc-stats-horizontal > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  --tw-divide-y-reverse: 0;
  border-width: calc(0px * (1 - var(--tw-divide-y-reverse)))
    calc(1px * var(--tw-divide-x-reverse))
    calc(0px * var(--tw-divide-y-reverse))
    calc(1px * (1 - var(--tw-divide-x-reverse)));
}
.dc-stats-horizontal {
  overflow-x: auto;
}
.dc-stats-horizontal:where([dir="rtl"], [dir="rtl"] *) {
  --tw-divide-x-reverse: 1;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.-left-\[124px\] {
  left: -124px;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-\[2px\] {
  bottom: 2px;
}
.left-\[58px\] {
  left: 58px;
}
.top-1 {
  top: 0.25rem;
}
.top-12 {
  top: 3rem;
}
.top-2 {
  top: 0.5rem;
}
.top-8 {
  top: 2rem;
}
.z-10 {
  z-index: 10;
}
.m-3 {
  margin: 0.75rem;
}
.m-center {
  margin: 0 auto;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-8 {
  margin-left: 2rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-11 {
  margin-right: 2.75rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.h-14 {
  height: 3.5rem;
}
.h-2 {
  height: 0.5rem;
}
.h-20 {
  height: 5rem;
}
.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-\[40px\] {
  height: 40px;
}
.h-\[48px\] {
  height: 48px;
}
.h-screen {
  height: 100vh;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.\!min-h-5 {
  min-height: 1.25rem !important;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-\[800px\] {
  width: 800px !important;
}
.\!w-\[900px\] {
  width: 900px !important;
}
.\!w-\[920px\] {
  width: 920px !important;
}
.w-2 {
  width: 0.5rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-72 {
  width: 18rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[270px\] {
  width: 270px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[70px\] {
  width: 70px;
}
.w-full {
  width: 100%;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-40 {
  min-width: 10rem;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[466px\] {
  max-width: 466px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-desktop-page {
  max-width: 1200px;
}
.max-w-md {
  max-width: 28rem;
}
.flex-1 {
  flex: 1 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.-translate-x-2 {
  --tw-translate-x: -0.5rem;
}
.-translate-x-2,
.translate-x-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));
}
.translate-x-2 {
  --tw-translate-x: 0.5rem;
}
.rotate-180 {
  --tw-rotate: 180deg;
}
.rotate-180,
.scale-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));
}
.scale-50 {
  --tw-scale-x: 0.5;
  --tw-scale-y: 0.5;
}
.scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.scale-75,
.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-help {
  cursor: help;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.resize {
  resize: both;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, 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-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.content-end {
  align-content: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-\[1px\] {
  gap: 1px;
}
.gap-x-12 {
  column-gap: 3rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-break-spaces {
  white-space: break-spaces;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 8px;
}
.rounded-md {
  border-radius: 6px;
}
.border {
  border-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-none {
  border-style: none;
}
.border-black\/5 {
  border-color: #0000000d;
}
.border-level-5 {
  border-color: #17171f0a;
  border-color: var(--gray-input-bg);
}
.border-light {
  border-color: #17171f14;
  border-color: var(--gray-border-light);
}
.border-t-level-5 {
  border-top-color: #17171f0a;
  border-top-color: var(--gray-input-bg);
}
.bg-\[\#61ABFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(97 171 255 / var(--tw-bg-opacity));
}
.bg-\[\#FE7701\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 119 1 / var(--tw-bg-opacity));
}
.bg-\[\#f3f4f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-base {
  background-color: #fff;
  background-color: var(--bg-base);
}
.bg-dialog {
  background-color: #fff;
  background-color: var(--bg-dialog);
}
.bg-green {
  background-color: #2abf75;
  background-color: var(--green);
}
.bg-inherit {
  background-color: inherit;
}
.bg-input-hover {
  background-color: #17171f05;
  background-color: var(--gray-input-hover);
}
.bg-kline-green {
  background-color: #2abf75;
  background-color: var(--green);
}
.bg-kline-red {
  background-color: #f24949;
  background-color: var(--red);
}
.bg-level-1 {
  background-color: #17171f;
  background-color: var(--gray-text-strong);
}
.bg-level-3 {
  background-color: #17171f66;
  background-color: var(--gray-text-graphic);
}
.bg-primary {
  background-color: #fe7701;
  background-color: var(--brand);
}
.bg-red {
  background-color: #f24949;
  background-color: var(--red);
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
.py-3 {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.py-6 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-\[120px\] {
  padding-bottom: 120px;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.\!text-base {
  font-size: 16px !important;
  line-height: 28px !important;
}
.text-3xl {
  font-size: 32px;
  line-height: 40px;
}
.text-5xl {
  font-size: 44px;
  line-height: 60px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[42px\] {
  font-size: 42px;
}
.text-\[44px\] {
  font-size: 44px;
}
.text-base {
  font-size: 16px;
  line-height: 28px;
}
.text-lg {
  font-size: 18px;
  line-height: 28px;
}
.text-sm {
  font-size: 14px;
  line-height: 24px;
}
.text-xl {
  font-size: 20px;
  line-height: 28px;
}
.text-xs {
  font-size: 12px;
  line-height: 20px;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.capitalize {
  text-transform: capitalize;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.-tracking-\[0\.8px\] {
  letter-spacing: -0.8px;
}
.text-\[\#1A1D1F\] {
  --tw-text-opacity: 1;
  color: rgb(26 29 31 / var(--tw-text-opacity));
}
.text-freeze {
  --tw-text-opacity: 1;
  color: rgb(74 163 231 / var(--tw-text-opacity));
}
.text-green {
  color: #2abf75;
  color: var(--green);
}
.text-icon-color {
  color: #17171f66;
  color: var(--gray-text-graphic);
}
.text-kline-green {
  color: #2abf75;
  color: var(--green);
}
.text-kline-red {
  color: #f24949;
  color: var(--red);
}
.text-level-1 {
  color: #17171f;
  color: var(--gray-text-strong);
}
.text-level-2 {
  color: #17171f80;
  color: var(--gray-text-light);
}
.text-level-3 {
  color: #17171f66;
  color: var(--gray-text-graphic);
}
.text-level-5 {
  color: #17171f0a;
  color: var(--gray-input-bg);
}
.text-main-color {
  color: #17171f;
  color: var(--gray-text-strong);
}
.text-primary {
  color: #fe7701;
  color: var(--brand);
}
.text-red {
  color: #f24949;
  color: var(--red);
}
.text-secondary-color {
  color: #17171f80;
  color: var(--gray-text-light);
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.decoration-level-3 {
  text-decoration-color: #17171f66;
  text-decoration-color: var(--gray-text-graphic);
}
.decoration-dashed {
  text-decoration-style: dashed;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-40 {
  opacity: 0.4;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored:
    0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.\!outline-0 {
  outline-width: 0 !important;
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.invert {
  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);
}
.invert {
  --tw-invert: invert(100%);
}
.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);
}
.transition {
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.center {
  margin: 0 auto;
}
body,
html {
  font-size: 16px;
  height: 100%;
  height: var(--visual-viewport-height, 100%);
  line-height: 1.75;
}
body.modal-open-fixed {
  inset: 0;
  position: fixed;
  width: 100%;
}
:root {
  scrollbar-color: #17171f80 #0000 !important;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  border-radius: 10px;
  height: 5px;
  width: 5px;
}
::-webkit-scrollbar-track {
  background-color: initial !important;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #17171f80 !important;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
  background-color: #17171f80 !important;
}
:root {
  --red: #f24949;
  --red-10: #f249491a;
  --red-20: #f2494933;
  --red-50: #f2494980;
  --red-80: #f24949cc;
  --red-110: #e54545;
  --green: #2abf75;
  --green-10: #2abf751a;
  --green-20: #2abf7533;
  --green-50: #2abf7580;
  --green-80: #2abf75cc;
  --green-110: #00a653;
  --white: #fff;
  --white-80: #fffc;
  --white-50: #ffffff80;
  --brand: #fe7701;
  --brand-10: #fe77011a;
  --brand-20: #fe770133;
  --brand-50: #fe770180;
  --brand-80: #fe7701cc;
  --brand-110: #e66b00;
  --gray-text-strong: #17171f;
  --gray-text-light: #17171f80;
  --gray-text-graphic: #17171f66;
  --gray-border-strong: #17171f33;
  --gray-border-light: #17171f14;
  --gray-input-bg: #17171f0a;
  --gray-input-hover: #17171f05;
  --gray-text-strong-solid: #17171f;
  --gray-text-light-solid: #757479;
  --gray-graphic-solid: #8b8a8f;
  --gray-border-light-soild: #ececec;
  --gray-border-strong-solid: #c9c9cb;
  --gray-input-bg-solid: #f6f6f6;
  --gray-input-hover-solid: #fafafa;
  --bg-base: #fff;
  --bg-divider: #f5f5f7;
  --bg-dialog: #fff;
  --bg-overlay: #15171a66;
  --gray-pure-invert: #fff;
  --gray-text-strong-invert: #ffffffe6;
  --gray-text-light-invert: #ffffff80;
  --gray-text-graphic-invert: #fff6;
  --gray-border-strong-invert: #fff3;
  --gray-border-light-invert: #ffffff1f;
  --gray-input-bg-invert: #ffffff17;
  --gray-input-hover-invert: #ffffff0a;
  --bg-base-invert: #17171f;
  --bg-divider-invert: #09090a;
  --bg-dialog-invert: #1f2124;
  --bg-overlay-invert: #15171a66;
  font-family:
    HarmonyOS Sans,
    Open Sans,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: env(safe-area-inset-bottom);
  overflow-x: hidden;
  overscroll-behavior: none;
  scrollbar-color: #17171f80 #17171f80;
  scrollbar-color: var(--gray-text-light) var(--gray-text-light);
}
@media (max-width: 767px) {
  :root {
    -webkit-user-select: none;
    user-select: none;
  }
}
:root,
:root[data-theme] {
  --profit-color: var(--green);
  --profit-bg-color: var(--green-10);
  --profit-hover-color: var(--green-80);
  --profit-active-color: var(--green-110);
  --loss-color: var(--red);
  --loss-bg-color: var(--red-10);
  --loss-hover-color: var(--red-80);
  --loss-active-color: var(--red-110);
  background-color: #fff;
  background-color: var(--bg-base);
  color: #17171f;
  color: var(--gray-text-strong);
}
:root.reverse-color-mode {
  --profit-color: var(--red);
  --profit-bg-color: var(--red-10);
  --profit-hover-color: var(--red-80);
  --profit-active-color: var(--red-110);
  --loss-color: var(--green);
  --loss-bg-color: var(--green-10);
  --loss-hover-color: var(--green-80);
  --loss-active-color: var(--green-110);
}
:root.accessible-color-mode {
  --red: #dd7a2b;
  --red-10: #dd7a2b1a;
  --red-20: #dd7a2b33;
  --red-50: #dd7a2b80;
  --red-80: #dd7a2bcc;
  --red-110: #c66d26;
  --green: #1f8dff;
  --green-10: #1f8dff1a;
  --green-20: #1f8dff33;
  --green-50: #1f8dff80;
  --green-80: #1f8dffcc;
  --green-110: #1a7ae6;
}
:root.dark {
  --gray-text-strong: #ffffffe6;
  --gray-text-light: #ffffff80;
  --gray-text-graphic: #fff6;
  --gray-border-strong: #fff3;
  --gray-border-light: #ffffff1f;
  --gray-input-bg: #ffffff17;
  --gray-input-hover: #ffffff0a;
  --gray-text-strong-solid: #e8e8e8;
  --gray-text-light-solid: #a2a1a4;
  --gray-graphic-solid: #8b8a8f;
  --gray-border-light-soild: #292b31;
  --gray-border-strong-solid: #5f6162;
  --gray-input-bg-solid: #303234;
  --gray-input-hover-solid: #1b1d23;
  --bg-base: #15171a;
  --bg-divider: #09090a;
  --bg-dialog: #1f2124;
  --bg-overlay: #15171a66;
  --gray-pure-invert: #17171f;
  --gray-text-strong-invert: #17171f;
  --gray-text-light-invert: #17171f80;
  --gray-text-graphic-invert: #17171f66;
  --gray-border-strong-invert: #17171f33;
  --gray-border-light-invert: #17171f14;
  --gray-input-bg-invert: #17171f0a;
  --gray-input-hover-invert: #17171f05;
  --bg-base-invert: #fff;
  --bg-divider-invert: #f5f5f7;
  --bg-dialog-invert: #fff;
  --bg-overlay-invert: #15171a66;
}
:is(.light .light\:hidden) {
  display: none;
}
body {
  font-family:
    HarmonyOS Sans,
    Open Sans,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
@font-face {
  font-family: HarmonyOS Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/skin/fonts/HarmonyOS_Sans_Bold.b04efd429005b64cc40c.ttf)
    format("truetype");
}
@font-face {
  font-family: HarmonyOS Sans;
  font-style: normal;
  font-weight: 500;
  src: url(/skin/fonts/HarmonyOS_Sans_Medium.d5c4e6582acdf36231ec.ttf)
    format("truetype");
}
@font-face {
  font-family: HarmonyOS Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/skin/fonts/HarmonyOS_Sans_Regular.8773fbbc99c1eeecf94a.ttf)
    format("truetype");
}
@media (max-width: 767px) {
  .sm\:flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .sm\:dc-carousel {
    -ms-overflow-style: none;
    display: inline-flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .sm\:dc-carousel-item {
    box-sizing: initial;
    display: flex;
    flex: none;
  }
  .dc-carousel-start .sm\:dc-carousel-item,
  .sm\:dc-carousel-item {
    scroll-snap-align: start;
  }
  .dc-carousel-center .sm\:dc-carousel-item {
    scroll-snap-align: center;
  }
  .dc-carousel-end .sm\:dc-carousel-item {
    scroll-snap-align: end;
  }
  .sm\:dc-carousel::-webkit-scrollbar {
    display: none;
  }
  .sm\:dc-modal-bottom {
    place-items: end;
  }
  .sm\:dc-modal-bottom :where(.dc-modal-box) {
    --tw-translate-y: 2.5rem;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 1rem;
    border-top-left-radius: var(--rounded-box, 1rem);
    border-top-right-radius: 1rem;
    border-top-right-radius: var(--rounded-box, 1rem);
    max-width: none;
    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));
    width: 100%;
  }
}
.hover\:border-primary:hover {
  border-color: #fe7701;
  border-color: var(--brand);
}
.hover\:bg-divider:hover {
  background-color: #f5f5f7;
  background-color: var(--bg-divider);
}
.hover\:text-primary-hover:hover {
  color: #fe7701cc;
  color: var(--brand-80);
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored:
    0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.active\:opacity-70:active {
  opacity: 0.7;
}
.group\/wrap:hover .group-hover\/wrap\:translate-x-0 {
  --tw-translate-x: 0px;
}
.group:hover .group-hover\:scale-105,
.group\/wrap:hover .group-hover\/wrap\:translate-x-0 {
  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));
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.group\/dots:hover .group-hover\/dots\:bg-level-1 {
  background-color: #17171f;
  background-color: var(--gray-text-strong);
}
.group:hover .group-hover\:bg-green-active {
  background-color: #00a653;
  background-color: var(--green-110);
}
.group:hover .group-hover\:bg-red-active {
  background-color: #e54545;
  background-color: var(--red-110);
}
.group\/wrap:hover .group-hover\/wrap\:opacity-50 {
  opacity: 0.5;
}
.group:active .group-active\:bg-green-active {
  background-color: #00a653;
  background-color: var(--green-110);
}
.group:active .group-active\:bg-red-active {
  background-color: #e54545;
  background-color: var(--red-110);
}
.dark\:hidden:is(.dark *) {
  display: none;
}
.dark\:bg-dialog:is(.dark *) {
  background-color: #fff;
  background-color: var(--bg-dialog);
}
.dark\:bg-input-bg:is(.dark *) {
  background-color: #17171f0a;
  background-color: var(--gray-input-bg);
}
.dark\:invert:is(.dark *) {
  --tw-invert: invert(100%);
  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);
}
@media (max-width: 767px) {
  .sm\:top-5 {
    top: 1.25rem;
  }
  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mt-10 {
    margin-top: 2.5rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mt-5 {
    margin-top: 1.25rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:w-10\/12 {
    width: 83.333333%;
  }
  .sm\:w-44 {
    width: 11rem;
  }
  .sm\:w-\[50vw\] {
    width: 50vw;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  }
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .sm\:pb-12 {
    padding-bottom: 3rem;
  }
  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .sm\:pl-5 {
    padding-left: 1.25rem;
  }
  .sm\:pr-5 {
    padding-right: 1.25rem;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-2xl {
    font-size: 24px;
    line-height: 32px;
  }
  .sm\:text-3xl {
    font-size: 32px;
    line-height: 40px;
  }
  .sm\:text-\[22px\] {
    font-size: 22px;
  }
  .sm\:text-base {
    font-size: 16px;
    line-height: 28px;
  }
  .sm\:text-sm {
    font-size: 14px;
    line-height: 24px;
  }
  .sm\:text-xl {
    font-size: 20px;
    line-height: 28px;
  }
  .sm\:text-xs {
    font-size: 12px;
    line-height: 20px;
  }
  .sm\:font-normal {
    font-weight: 400;
  }
  .sm\:leading-\[2\.25rem\] {
    line-height: 2.25rem;
  }
  .sm\:text-level-2 {
    color: #17171f80;
    color: var(--gray-text-light);
  }
  .sm\:active\:bg-input:active {
    background-color: #17171f0a;
    background-color: var(--gray-input-bg);
  }
  .group\/dots:hover .sm\:group-hover\/dots\:bg-level-3 {
    background-color: #17171f66;
    background-color: var(--gray-text-graphic);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:text-4xl {
    font-size: 40px;
    line-height: 48px;
  }
  .md\:leading-\[3\.25rem\] {
    line-height: 3.25rem;
  }
}
@media (min-width: 768px) {
  .bt-sm\:hidden {
    display: none;
  }
  .bt-sm\:max-w-md {
    max-width: 28rem;
  }
  .bt-sm\:\!rounded-r-\[0px\] {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .bt-sm\:rounded-l-\[0px\] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .bt-sm\:border-r-0 {
    border-right-width: 0;
  }
  .bt-sm\:text-green {
    color: #2abf75;
    color: var(--green);
  }
  .bt-sm\:hover\:bg-input:hover {
    background-color: #17171f0a;
    background-color: var(--gray-input-bg);
  }
  .bt-sm\:active\:focus\:\!transform-none:focus:active,
  .bt-sm\:active\:hover\:\!transform-none:hover:active {
    transform: none !important;
  }
}
:root {
  --rt-color-white: #fff;
  --rt-color-dark: #222;
  --rt-color-success: #8dc572;
  --rt-color-error: #be6464;
  --rt-color-warning: #f0ad4e;
  --rt-color-info: #337ab7;
  --rt-opacity: 0.9;
  --rt-transition-show-delay: 0.15s;
  --rt-transition-closing-delay: 0.15s;
}
.core-styles-module_tooltip__3vRRp {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: opacity;
}
.core-styles-module_fixed__pcSol {
  position: fixed;
}
.core-styles-module_arrow__cvMwQ {
  background: inherit;
  position: absolute;
}
.core-styles-module_noArrow__xock6 {
  display: none;
}
.core-styles-module_clickable__ZuTTB {
  pointer-events: auto;
}
.core-styles-module_show__Nt9eE {
  opacity: 0.9;
  opacity: var(--rt-opacity);
  transition: opacity 0.15s ease-out;
  transition: opacity var(--rt-transition-show-delay) ease-out;
}
.core-styles-module_closing__sGnxF {
  opacity: 0;
  transition: opacity 0.15s ease-in;
  transition: opacity var(--rt-transition-closing-delay) ease-in;
}
.styles-module_tooltip__mnnfp {
  border-radius: 3px;
  font-size: 90%;
  padding: 8px 16px;
  width: -webkit-max-content;
  width: max-content;
}
.styles-module_arrow__K0L3T {
  height: 8px;
  width: 8px;
}
[class*="react-tooltip__place-top"] > .styles-module_arrow__K0L3T {
  transform: rotate(45deg);
}
[class*="react-tooltip__place-right"] > .styles-module_arrow__K0L3T {
  transform: rotate(135deg);
}
[class*="react-tooltip__place-bottom"] > .styles-module_arrow__K0L3T {
  transform: rotate(225deg);
}
[class*="react-tooltip__place-left"] > .styles-module_arrow__K0L3T {
  transform: rotate(315deg);
}
.styles-module_dark__xNqje {
  background: #222;
  background: var(--rt-color-dark);
  color: #fff;
  color: var(--rt-color-white);
}
.styles-module_light__Z6W-X {
  background-color: #fff;
  background-color: var(--rt-color-white);
  color: #222;
  color: var(--rt-color-dark);
}
.styles-module_success__A2AKt {
  background-color: #8dc572;
  background-color: var(--rt-color-success);
  color: #fff;
  color: var(--rt-color-white);
}
.styles-module_warning__SCK0X {
  background-color: #f0ad4e;
  background-color: var(--rt-color-warning);
  color: #fff;
  color: var(--rt-color-white);
}
.styles-module_error__JvumD {
  background-color: #be6464;
  background-color: var(--rt-color-error);
  color: #fff;
  color: var(--rt-color-white);
}
.styles-module_info__BWdHW {
  background-color: #337ab7;
  background-color: var(--rt-color-info);
  color: #fff;
  color: var(--rt-color-white);
}
img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
.dc-loading-spinner {
  opacity: 0.2;
  transform: scale(0.7);
}
.dc-menu :where(li ul) {
  padding-inline-start: 0 !important;
}
.dc-menu:before {
  content: normal !important;
}
.dc-menu :where(li > .dc-menu-dropdown-toggle):after,
.dc-menu :where(li > details > summary):after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wMSIgZmlsbD0iIzAwMCIgZD0iTTAgMGgxMnYxMkgweiIvPjxwYXRoIGZpbGw9IiM0ODQ4NDgiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTkuNDQ4IDMuODc3djEuNDMxTDYgOC43NDQgMi41NTIgNS4zMDh2LTEuNDN6Ii8+PC9nPjwvc3ZnPg==);
  box-shadow: none;
  height: 12px;
  margin-top: 0;
  transform: none;
  transform-origin: initial;
  width: 12px;
}
.dark .dc-menu :where(li > .dc-menu-dropdown-toggle):after,
.dark .dc-menu :where(li > details > summary):after {
  filter: invert(1);
}
.dc-menu :where(li > .dc-menu-dropdown-toggle.dc-menu-dropdown-show):after,
.dc-menu :where(li > details[open] > summary):after {
  transform: rotate(180deg);
}
.dc-universal-dropdown-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wMSIgZmlsbD0iIzAwMCIgZD0iTTAgMGgxMnYxMkgweiIvPjxwYXRoIGZpbGw9IiM0ODQ4NDgiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTkuNDQ4IDMuODc3djEuNDMxTDYgOC43NDQgMi41NTIgNS4zMDh2LTEuNDN6Ii8+PC9nPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 1em;
  width: 1em;
}
.dc-dropdown-content {
  background: #fff;
  background-color: var(--bg-base);
  border: 1px solid #ebeef5;
  border-color: var(--gray-border-light);
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 #0000001a;
  color: #606266;
  font-size: 14px;
  line-height: 1.4;
  min-width: 150px;
  padding: 6px 0;
  position: absolute;
  text-align: justify;
  word-break: break-all;
  z-index: 2000;
}
ul.dc-dropdown-content.dc-menu {
  background-color: var(--bg-base);
  color: var(--gray-text-graphic);
}
ul.dc-dropdown-content.dc-menu li a {
  font-size: 14px;
  padding: 6px 16px;
}
ul.dc-dropdown-content.dc-menu li:hover {
  background-color: var(--bg-base);
}
.dc-modal::backdrop,
.dc-modal:not(dialog:not(.dc-modal-open)) {
  background-color: var(--bg-overlay);
}
.dark .dc-modal .dc-slider .dc-slider-makers .dot {
  background-color: var(--bg-dialog);
}
.dc-alert {
  align-items: flex-start;
  border-radius: 8px;
  border-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.5rem;
}
.dc-alert.has-title {
  padding: 0.75rem;
}
.dc-alert.size-sm {
  border-radius: 6px;
  font-size: 12px;
  line-height: 20px;
  min-height: 1.75rem;
  padding: 0.25rem 0.5rem;
}
.dc-alert.size-sm.has-title {
  padding: 0.75rem;
}
.dc-alert.alert-info {
  background-color: var(--gray-input-bg);
  color: var(--gray-text-strong);
}
.dc-alert.alert-success {
  background-color: var(--green-10);
  color: var(--green);
}
.dc-alert.alert-warning {
  background-color: var(--brand-10);
  color: var(--brand);
}
.dc-alert.alert-error {
  background-color: var(--red-10);
  color: var(--red);
}
.title-wrapper {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 0.5rem;
  justify-content: space-between;
  line-height: 24px;
  text-align: left;
  width: 100%;
}
.title-wrapper .alert-icon svg {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 18px;
  justify-content: center;
  width: 18px;
}
.title-wrapper .alert-icon.size-sm svg {
  align-items: center;
  flex-shrink: 0;
  height: 14px;
  justify-content: center;
  width: 14px;
}
.title-wrapper .dc-alert-close {
  cursor: pointer;
  margin-left: 0.25rem;
}
.title-wrapper .dc-alert-close svg {
  height: 0.75rem;
  width: 0.75rem;
}
.title {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.title.size-sm {
  font-size: 12px;
  line-height: 20px;
}
.title.has-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.body,
.title.has-title.size-sm {
  font-size: 14px;
  line-height: 24px;
}
.body {
  text-align: left;
}
.body.size-sm {
  font-size: 12px;
  line-height: 20px;
}
.body.has-icon {
  margin-left: 1rem;
}
.body.has-close {
  margin-right: 1.75rem;
}
.dc-btn {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  border-radius: 6px;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  font-size: 14px;
  font-weight: 500;
  height: 2.25rem;
  line-height: 24px;
  transition-duration: 0.2s;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-btn,
.dc-btn:focus {
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.dc-btn:active {
  --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;
}
.dc-btn:disabled {
  opacity: 0.5;
}
.dc-btn {
  min-height: auto;
}
.dc-btn .dc-button-content {
  text-wrap: nowrap;
  white-space: nowrap;
}
.dc-btn.dc-btn-loading {
  opacity: 0.5;
  pointer-events: none;
}
.dc-btn-primary {
  background-color: var(--gray-text-strong);
  border-width: 1px;
  color: var(--gray-text-strong-invert);
}
.dc-btn-primary,
.dc-btn-primary:active,
.dc-btn-primary:focus,
.dc-btn-primary:hover {
  border-color: #0000;
}
.dc-btn-primary:hover {
  background-color: #17171fcc;
}
.dc-btn-primary:active {
  background-color: #000;
}
.dc-btn-primary:focus-visible {
  background-color: #000;
}
.dark .dc-btn-primary:hover {
  background-color: #fffc;
}
.dark .dc-btn-primary:active {
  background-color: #fff;
}
.dark .dc-btn-primary:focus-visible {
  background-color: #fff;
}
.dc-btn-primary:disabled {
  opacity: 0.4;
}
.dc-btn-primary:disabled .dc-button-content {
  opacity: 0.7;
}
.dc-btn-primary.dc-btn-primary-primary {
  background-color: var(--gray-text-strong);
  color: var(--gray-text-strong-invert);
}
.dc-btn-primary.dc-btn-primary-primary:hover {
  background-color: #17171fcc;
}
.dc-btn-primary.dc-btn-primary-primary:active {
  background-color: #000;
}
.dc-btn-primary.dc-btn-primary-primary:focus-visible {
  background-color: #000;
}
.dark .dc-btn-primary.dc-btn-primary-primary:hover {
  background-color: #fffc;
}
.dark .dc-btn-primary.dc-btn-primary-primary:active {
  background-color: #fff;
}
.dark .dc-btn-primary.dc-btn-primary-primary:focus-visible {
  background-color: #fff;
}
.dc-btn-primary.dc-btn-primary-loss {
  background-color: var(--loss-color);
  color: var(--white);
}
.dc-btn-primary.dc-btn-primary-loss:hover {
  background-color: var(--loss-hover-color);
}
.dc-btn-primary.dc-btn-primary-loss:focus-visible {
  background-color: var(--loss-active-color);
}
.dc-btn-primary.dc-btn-primary-loss:active {
  background-color: var(--loss-active-color);
}
.dc-btn-primary.dc-btn-primary-profit {
  background-color: var(--profit-color);
  color: var(--white);
}
.dc-btn-primary.dc-btn-primary-profit:hover {
  background-color: var(--profit-hover-color);
}
.dc-btn-primary.dc-btn-primary-profit:focus-visible {
  background-color: var(--profit-active-color);
}
.dc-btn-primary.dc-btn-primary-profit:active {
  background-color: var(--profit-active-color);
}
.dc-btn-primary.dc-btn-primary-red {
  background-color: var(--red);
  color: var(--white);
}
.dc-btn-primary.dc-btn-primary-red:hover {
  background-color: var(--red-80);
}
.dc-btn-primary.dc-btn-primary-red:focus-visible {
  background-color: var(--red-110);
}
.dc-btn-primary.dc-btn-primary-red:active {
  background-color: var(--red-110);
}
.dc-btn-primary.dc-btn-primary-green {
  background-color: var(--green);
  color: var(--white);
}
.dc-btn-primary.dc-btn-primary-green:hover {
  background-color: var(--green-80);
}
.dc-btn-primary.dc-btn-primary-green:focus-visible {
  background-color: var(--green-110);
}
.dc-btn-primary.dc-btn-primary-green:active {
  background-color: var(--green-110);
}
.dc-btn-secondary {
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-width: 1px;
  color: var(--gray-text-strong);
}
.dc-btn-secondary:hover {
  background-color: var(--gray-input-hover);
  border-color: #0000;
}
.dc-btn-secondary:focus-visible {
  background-color: var(--gray-border-light);
}
.dc-btn-secondary:active {
  background-color: var(--gray-border-light);
}
.dc-btn-secondary:disabled {
  background-color: var(--gray-input-bg);
  color: var(--gray-text-strong);
}
.dc-btn-outline {
  background-color: initial;
  border-color: var(--gray-border-light);
  color: var(--gray-text-strong);
}
.dc-btn-outline:hover {
  background-color: var(--gray-input-hover);
  border-color: var(--gray-input-bg);
  color: var(--gray-text-strong);
}
.dc-btn-outline:focus-visible {
  background-color: var(--gray-border-light);
}
.dc-btn-outline:active {
  background-color: var(--gray-border-light);
}
.dc-btn-outline:disabled {
  color: var(--gray-text-strong);
}
.dc-btn-text {
  color: var(--brand);
}
.dc-btn-text,
.dc-btn-text:hover {
  background-color: initial;
  border-color: #0000;
}
.dc-btn-text:hover {
  color: var(--brand-80);
  text-decoration-line: underline;
}
.dc-btn-text:focus-visible {
  background-color: initial;
  color: var(--brand-110);
}
.dc-btn-text:active {
  color: var(--brand-110);
}
.dc-btn-text:disabled {
  color: var(--brand);
}
.dc-btn-xs {
  border-radius: 4px;
  height: 24px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dc-btn-sm,
.dc-btn-xs {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.dc-btn-sm {
  border-radius: 6px;
  height: 30px;
}
.dc-btn-md {
  border-radius: 6px;
  height: 36px;
}
.dc-btn-lg,
.dc-btn-md {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.dc-btn-lg {
  border-radius: 8px;
  height: 44px;
}
.dc-btn-loading-icon {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  margin-right: 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));
}
.dc-btn-disable {
  --tw-bg-opacity: 0.5;
}
.dc-btn-link {
  color: var(--brand);
}
.dc-btn-link,
.dc-btn-link:hover {
  background-color: initial;
  border-color: #0000;
}
.dc-btn-link:hover {
  color: var(--brand-80);
  text-decoration-line: underline;
}
.dc-btn-link:focus-visible {
  background-color: initial;
  color: var(--brand-110);
}
.dc-btn-link:active {
  color: var(--brand-110);
}
.dc-btn-link:disabled {
  color: var(--brand);
}
.dc-btn-small {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  height: 1.5rem;
  line-height: 20px;
}
.dc-btn-medium {
  border-radius: 6px;
  height: 2.25rem;
}
.dc-btn-large,
.dc-btn-medium {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.dc-btn-large {
  border-radius: 8px;
  height: 2.75rem;
}
.dc-carousel .slider-control-bottomright {
  width: 100%;
}
.dc-carousel .paging-dots-container {
  display: flex;
}
.dc-carousel .paging-dots-container .paging-dot {
  border-radius: 10px;
  cursor: pointer;
  height: 5px;
  transition-duration: 0.2s;
  width: 6px;
}
.dc-carousel .paging-dots-container .paging-dot.active {
  background-color: var(--brand);
  border-radius: 10px;
  width: 25px;
}
.dc-checkbox-label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: 0.5rem;
  padding: 0;
}
.dc-checkbox-label.disabled {
  cursor: auto;
  pointer-events: none;
}
.dc-checkbox-label.disabled .dc-label-text {
  color: var(--gray-text-light);
}
.dc-checkbox {
  --chkfg: var(--gray-pure-invert);
  --chkbg: var(--bg-base-invert);
  border-color: var(--gray-border-strong);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  height: 0.75rem;
  width: 0.75rem;
}
.dc-checkbox-label-xs {
  font-size: 12px;
  line-height: 20px;
}
.dc-checkbox-label-sm {
  font-size: 14px;
  line-height: 24px;
}
.dc-checkbox:disabled:not(:checked) {
  --chkfg: var(--gray-border-strong-solid);
  --chkbg: var(--gray-border-light-soild);
  background-color: var(--gray-input-bg);
  border-color: var(--gray-border-strong);
  border-style: solid;
  border-width: 1px;
  opacity: 1;
}
.dc-checkbox:disabled:checked {
  opacity: 0.5;
}
.rc-picker.halo-date-picker.no-value .rc-picker-clear {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.rc-picker.halo-date-picker.has-value .rc-picker-clear,
.rc-picker.halo-date-picker.no-value .rc-picker-suffix {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.rc-picker.halo-date-picker.has-value .rc-picker-suffix {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.rc-picker-dropdown.halo-date-picker-popup {
  --tw-shadow: 0 0 12px #0000001f !important;
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color) !important;
  background-color: var(--bg-dialog) !important;
  border-color: #0000 !important;
  border-radius: 8px !important;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
  min-width: 0 !important;
  min-width: auto !important;
  z-index: 1000 !important;
}
.rc-picker-dropdown.halo-date-picker-popup .rc-picker-range-arrow {
  display: none;
}
.rc-picker-dropdown.halo-date-picker-popup .rc-picker-panel {
  background-color: var(--bg-dialog);
  border-radius: 8px;
  border-style: none;
  color: var(--gray-text-light);
  min-width: 280px;
}
.rc-picker-dropdown.halo-date-picker-popup .rc-picker-panel .rc-picker-header {
  border-bottom-width: 1px;
  border-color: var(--gray-border-light);
  display: flex;
  padding: 6px 0.5rem;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-header
  .rc-picker-header-view {
  color: var(--gray-text-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 0.125rem;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-header
  .rc-picker-header-super-next-btn,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-header
  .rc-picker-header-super-prev-btn {
  color: var(--gray-text-light);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-header
  .rc-picker-header-next-btn,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-header
  .rc-picker-header-prev-btn {
  color: var(--gray-text-light);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.rc-picker-dropdown.halo-date-picker-popup .rc-picker-panel .rc-picker-content {
  margin: 0.875rem;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  .rc-picker-cell-disabled
  .rc-picker-cell-inner {
  background-color: var(--gray-input-bg);
  color: var(--gray-text-light);
  cursor: not-allowed;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  thead
  tr
  th,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  thead
  tr
  th {
  color: var(--gray-text-light);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0.5rem;
  text-align: center;
  width: 35.4285714286px;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  td,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  td {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 0.25rem;
  position: relative;
  width: 35.4285714286px;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  td:hover:not(.rc-picker-cell-disabled),
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  td:hover:not(.rc-picker-cell-disabled) {
  color: var(--white);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  td.rc-picker-cell-disabled:hover,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  td.rc-picker-cell-disabled:hover {
  color: inherit;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell {
  padding-left: 0;
  padding-right: 0;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell-inner {
  align-items: center;
  border-radius: 8px;
  color: var(--gray-border-strong);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 2rem;
  justify-content: center;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 2rem;
  z-index: 10;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-in-view
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell-in-view
  .rc-picker-cell-inner {
  color: var(--gray-text-strong);
  opacity: 1;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-hover:not(.rc-picker-cell-selected)
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell-hover:not(.rc-picker-cell-selected)
  .rc-picker-cell-inner {
  background-color: var(--bg-divider) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-selected
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell-selected
  .rc-picker-cell-inner {
  background-color: var(--brand) !important;
  color: var(--white) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-disabled
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell-disabled
  .rc-picker-cell-inner {
  background-color: var(--gray-input-hover);
  color: var(--gray-text-light);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-today
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell-today
  .rc-picker-cell-inner {
  border-style: none;
  position: relative;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-today
  .rc-picker-cell-inner:after,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  tbody
  tr
  .rc-picker-cell-today
  .rc-picker-cell-inner:after {
  --tw-translate-x: -50%;
  background-color: var(--brand);
  border-radius: 9999px;
  bottom: -6px;
  content: "";
  height: 0.25rem;
  left: 50%;
  position: absolute;
  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));
  width: 0.25rem;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-in-range {
  position: relative;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-in-range:before {
  --tw-translate-y: -50%;
  background-color: var(--brand-20);
  content: "";
  height: 2rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 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));
  z-index: 1;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-in-range
  .rc-picker-cell-inner {
  --tw-text-opacity: 1;
  background-color: initial;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  position: relative;
  z-index: 2;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-start
  .rc-picker-cell-inner {
  background-color: var(--brand) !important;
  border-radius: 8px !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: #0000 !important;
  border-top-right-radius: 0 !important;
  color: var(--white) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-start:after {
  --tw-translate-y: -50%;
  background-color: var(--brand-20);
  content: "";
  height: 2rem;
  position: absolute;
  right: 0;
  top: 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));
  width: 50%;
  z-index: 1;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-end
  .rc-picker-cell-inner {
  background-color: var(--brand) !important;
  border-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
  border-left-color: #0000 !important;
  border-top-left-radius: 0 !important;
  color: var(--white) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-end:after {
  --tw-translate-y: -50%;
  background-color: var(--brand-20);
  content: "";
  height: 2rem;
  left: 0;
  position: absolute;
  top: 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));
  width: 50%;
  z-index: 1;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-start.rc-picker-cell-range-end
  .rc-picker-cell-inner {
  border-radius: 8px !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-start.rc-picker-cell-range-end:after {
  display: none !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-edge-start:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  ):before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-start:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  ):before {
  background-color: var(--brand-20);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-edge-start:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  )
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-start:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  )
  .rc-picker-cell-inner {
  background-color: var(--brand) !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 0 !important;
  color: var(--white) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-edge-end:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  ):before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-end:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  ):before {
  background-color: var(--brand-20);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-edge-end:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  )
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover-end:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  )
  .rc-picker-cell-inner {
  background-color: var(--brand) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 8px !important;
  color: var(--white) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  ):before {
  background-color: var(--brand-20);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-date-panel
  .rc-picker-cell-range-hover:not(.rc-picker-cell-range-start):not(
    .rc-picker-cell-range-end
  )
  .rc-picker-cell-inner {
  background-color: var(--brand) !important;
  border-radius: 0 !important;
  color: var(--white) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-in-range:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-in-range:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-in-range:before {
  display: none;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-in-range
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-in-range
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-in-range
  .rc-picker-cell-inner {
  --tw-text-opacity: 1;
  background-color: initial;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-end:after,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-start:after,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-end:after,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-start:after,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-end:after,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-start:after {
  display: none;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-end
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-start
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-end
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-start
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-end
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-start
  .rc-picker-cell-inner {
  background-color: var(--brand) !important;
  border-radius: 8px !important;
  color: var(--white) !important;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-hover-edge-end:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-hover-edge-start:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-hover-end:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-hover-start:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-cell-range-hover:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-hover-edge-end:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-hover-edge-start:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-hover-end:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-hover-start:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-cell-range-hover:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-hover-edge-end:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-hover-edge-start:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-hover-end:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-hover-start:before,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-cell-range-hover:before {
  display: none;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-content
  tbody
  tr
  td,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-content
  tbody
  tr
  td {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 0.25rem;
  width: 82.6666666667px;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-inner {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 14px;
  height: 2rem;
  justify-content: center;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 74.6666666667px;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-selected,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-selected {
  color: var(--white);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-selected
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-selected
  .rc-picker-cell-inner {
  background-color: var(--brand);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-hover
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-hover
  .rc-picker-cell-inner {
  background-color: var(--brand);
  color: var(--white);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-decade-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-disabled
  .rc-picker-cell-inner,
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-year-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-disabled
  .rc-picker-cell-inner {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-content
  tbody
  tr
  td {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 0.25rem;
  width: 82.6666666667px;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-inner {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 14px;
  height: 2rem;
  justify-content: center;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 74.6666666667px;
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-selected {
  color: var(--white);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-selected
  .rc-picker-cell-inner {
  background-color: var(--brand);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-hover
  .rc-picker-cell-inner {
  background-color: var(--brand);
  color: var(--white);
}
.rc-picker-dropdown.halo-date-picker-popup
  .rc-picker-panel
  .rc-picker-month-panel
  .rc-picker-content
  tbody
  tr
  .rc-picker-cell-disabled
  .rc-picker-cell-inner {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.rc-picker-dropdown.halo-date-picker-popup .rc-picker-footer {
  display: none;
}
.rc-picker-dropdown.halo-date-picker-popup .rc-picker-month-btn {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.rc-picker-dropdown-range {
  margin: 0 !important;
  padding: 0 !important;
}
.datepicker-suffix-icon {
  align-items: center;
  color: var(--gray-text-light);
  cursor: pointer;
  display: flex;
  height: 1rem;
  justify-content: center;
  transition-duration: 0.2s;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 1rem;
}
.datepicker-suffix-icon:hover {
  color: var(--gray-text-strong);
}
.datepicker-suffix-icon svg {
  height: 100%;
  width: 100%;
}
.rc-picker-presets {
  background-color: var(--bg-dialog) !important;
  border-bottom-left-radius: 6px !important;
  border-color: var(--gray-border-light) !important;
  border-right-width: 1px !important;
  border-top-left-radius: 6px !important;
  min-width: 120px !important;
}
.rc-picker-presets ul {
  padding: 0.75rem !important;
}
.rc-picker-presets ul li {
  background-color: var(--gray-input-bg);
  border-radius: 4px;
  color: var(--gray-text-light);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0.75rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  text-align: center;
}
.mobile-datepicker.rc-picker {
  border-color: #0000;
  border-radius: 4px;
  border-width: 1px;
  position: relative;
}
.mobile-datepicker.rc-picker .rc-picker-suffix {
  cursor: default;
  pointer-events: none;
  top: calc(50% - 0.5px);
  z-index: 1;
}
.mobile-datepicker.rc-picker .rc-picker-clear,
.mobile-datepicker.rc-picker .rc-picker-suffix {
  align-items: center;
  color: var(--gray-text-light);
  display: flex !important;
  height: 16px;
  justify-content: center;
  opacity: 1 !important;
  position: absolute;
  right: 8px;
  transform: translateY(-50%);
  width: 16px;
}
.mobile-datepicker.rc-picker .rc-picker-clear {
  cursor: pointer;
  pointer-events: auto;
  top: 50%;
  z-index: 2;
}
.mobile-datepicker.rc-picker .rc-picker-clear:active {
  color: var(--gray-text-strong);
}
.halo-date-range-picker-mobile .drp-shortcuts {
  margin-bottom: 1.5rem;
}
.halo-date-range-picker-mobile .drp-shortcuts .drp-shortcut-btn {
  font-size: 14px;
  line-height: 24px;
  padding: 0.5rem 1rem;
}
.halo-date-range-picker-mobile .drp-shortcuts .drp-shortcut-btn.active {
  background-color: var(--gray-input-bg);
}
.halo-date-range-picker-mobile .drp-shortcuts .drp-shortcut-btn.error {
  border-color: var(--red);
}
.halo-date-range-picker-mobile .drp-inputs {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.halo-date-range-picker-mobile .drp-inputs .drp-input-box {
  align-items: center;
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-radius: 8px;
  border-width: 1px;
  color: var(--gray-text-strong);
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  padding: 3px 0.75rem;
  text-align: center;
  width: 100%;
}
.halo-date-range-picker-mobile .drp-inputs .drp-input-box.error {
  border-color: var(--red);
}
.halo-date-range-picker-mobile .drp-sep {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.halo-date-range-picker-mobile .drp-tip {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  font-size: 14px;
  line-height: 24px;
  margin-top: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}
.halo-date-range-picker-mobile .modal-footer .dc-btn {
  font-size: 16px;
  height: 3rem;
  line-height: 28px;
}
.halo-date-range-picker-mobile .modal-footer .dc-btn.dc-btn-secondary {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.halo-date-range-picker-mobile .modal-footer .dc-btn.dc-btn-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.halo-date-range-picker-mobile .modal-footer .dc-btn.dc-btn-primary {
  background-color: var(--gray-input-bg);
  color: var(--white);
}
.halo-datepicker-mobile {
  --background-site-rgb-value: 255, 255, 255;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1;
}
.halo-datepicker-mobile .datepicker-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  line-height: 2em;
  min-height: 2em;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.halo-datepicker-mobile .datepicker-navbar {
  --tw-border-opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.halo-datepicker-mobile .datepicker-navbar-btn {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  cursor: pointer;
  float: right;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.halo-datepicker-mobile .datepicker-navbar-btn:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.halo-datepicker-mobile .datepicker-caption {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  display: flex;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.halo-datepicker-mobile .datepicker-caption-item {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  flex: 1 1;
  font-size: 18px;
  font-weight: 500;
  height: 3rem;
  line-height: 28px;
  line-height: 3rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.halo-datepicker-mobile .datepicker-col-1 {
  flex: 1 1;
  margin-left: 0;
  margin-right: 0;
}
.halo-datepicker-mobile .datepicker-col-1:first-child .datepicker-wheel {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.halo-datepicker-mobile .datepicker-col-1:last-child .datepicker-wheel {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.halo-datepicker-mobile
  .datepicker-col-1:first-child:last-child
  .datepicker-wheel {
  border-radius: 8px;
}
.halo-datepicker-mobile .datepicker-viewport {
  overflow: hidden;
  position: relative;
}
.halo-datepicker-mobile .datepicker-viewport:after,
.halo-datepicker-mobile .datepicker-viewport:before {
  background: linear-gradient(
    180deg,
    #fff,
    rgba(255 255 255, 0.8) 50%,
    rgba(255 255 255, 0)
  );
  background: linear-gradient(
    180deg,
    rgb(var(--background-color, 255 255 255)) 0,
    rgba(var(--background-color, 255 255 255), 0.8) 50%,
    rgba(var(--background-color, 255 255 255), 0) 100%
  );
  content: "";
  height: 80px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}
.halo-datepicker-mobile .datepicker-viewport:before {
  top: 0;
}
.halo-datepicker-mobile .datepicker-viewport:after {
  background: linear-gradient(
    0deg,
    #fff,
    rgba(255 255 255, 0.8) 50%,
    rgba(255 255 255, 0)
  );
  background: linear-gradient(
    0deg,
    rgb(var(--background-color, 255 255 255)) 0,
    rgba(var(--background-color, 255 255 255), 0.8) 50%,
    rgba(var(--background-color, 255 255 255), 0) 100%
  );
  bottom: 0;
}
.halo-datepicker-mobile .datepicker-wheel {
  background-color: var(--gray-input-bg);
  height: 40px;
  left: 0;
  margin-top: -20px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
}
.halo-datepicker-mobile .datepicker-scroll {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.halo-datepicker-mobile .datepicker-scroll .datepicker-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  justify-content: center;
  line-height: 28px;
}
.halo-datepicker-mobile .datepicker-scroll .datepicker-item.disabled {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
  cursor: not-allowed;
}
.halo-datepicker-mobile .datepicker-scroll .datepicker-item.selected {
  color: var(--gray-text-strong);
  font-weight: 500;
}
.halo-datepicker-mobile
  .datepicker-scroll
  .datepicker-item:hover:not(.disabled) {
  color: var(--gray-text-strong);
}
.dark .halo-datepicker-mobile {
  --background-site-rgb-value: 0, 0, 0;
}
.halo-embla-picker {
  display: flex;
  height: 16rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  width: 100%;
}
.halo-embla-picker:after,
.halo-embla-picker:before {
  content: "";
  display: block;
  height: calc(50% - 16px);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}
.halo-embla-picker:before {
  background: linear-gradient(
    to top,
    rgba(var(--background-site-rgb-value), 0.65) 0,
    rgba(var(--background-site-rgb-value), 1) 100%
  );
  top: 0;
}
.halo-embla-picker:after {
  background: linear-gradient(
    to bottom,
    rgba(var(--background-site-rgb-value), 0.65) 0,
    rgba(var(--background-site-rgb-value), 1) 100%
  );
  bottom: 0;
}
.dark .halo-embla-picker:before {
  background: linear-gradient(
    to top,
    rgba(var(--background-site-rgb-value), 0.3) 0,
    var(--bg-dialog)
  );
}
.dark .halo-embla-picker:after {
  background: linear-gradient(
    to bottom,
    rgba(var(--background-site-rgb-value), 0.3) 0,
    var(--bg-dialog)
  );
}
.embla__ios-picker {
  align-items: center;
  display: flex;
  flex: 1 1;
  font-size: 1.8rem;
  height: 100%;
  justify-content: center;
  line-height: 1;
}
.embla__ios-picker__scene {
  align-items: center;
  display: flex;
  height: 100%;
  min-width: 100%;
  overflow: hidden;
  touch-action: pan-x;
}
.embla__ios-picker__viewport {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--gray-input-bg);
  border-radius: 0;
  font-size: 16px;
  height: 36px;
  line-height: 28px;
  perspective: 1000px;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  width: 100%;
}
.halo-datepicker-mobile .datepicker-content .embla__ios-picker__viewport {
  border-radius: 0;
}
.halo-datepicker-mobile
  .datepicker-content
  .embla__ios-picker:first-child
  .embla__ios-picker__viewport {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.halo-datepicker-mobile
  .datepicker-content
  .embla__ios-picker:last-child
  .embla__ios-picker__viewport {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.embla__ios-picker__container {
  height: 100%;
  transform-style: preserve-3d;
  width: 100%;
  will-change: transform;
}
.embla__ios-picker__slide {
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  font-size: 16px;
  height: 100%;
  justify-content: center;
  line-height: 28px;
  opacity: 0;
  text-align: center;
  width: 100%;
}
.embla__ios-picker__label {
  font-weight: 700;
  pointer-events: none;
  transform: translateX(-55px);
}
.halo-date-picker-modal.dc-modal-box {
  padding-left: 0;
  padding-right: 0;
}
.halo-date-picker-modal .dc-modal-action,
.halo-date-picker-modal .dc-modal-title,
.halo-date-picker-modal .drp-inputs,
.halo-date-picker-modal .drp-shortcuts {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.rc-picker {
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-radius: 6px;
  border-width: 1px;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.rc-picker:hover {
  background-color: var(--gray-input-hover);
}
.rc-picker.datepicker-xs .rc-picker-input input {
  border-radius: 4px;
}
.rc-picker.datepicker-md .rc-picker-input input,
.rc-picker.datepicker-sm .rc-picker-input input {
  border-radius: 6px;
}
.rc-picker.datepicker-lg .rc-picker-input input {
  border-radius: 8px;
}
.rc-picker .rc-picker-input {
  background-color: initial;
  border-radius: 6px;
  width: 100%;
}
.rc-picker .rc-picker-input input {
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  background-color: initial;
  border-color: #0000;
  border-radius: 6px;
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  color: var(--gray-text-strong);
  font-weight: 500;
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.rc-picker .rc-picker-input input::placeholder {
  color: var(--gray-text-light);
}
.rc-picker.has-value .rc-picker-input input {
  color: var(--gray-text-strong);
}
.rc-picker .rc-picker-suffix {
  cursor: default;
  pointer-events: none;
  top: calc(50% - 0.5px);
  z-index: 1;
}
.rc-picker .rc-picker-clear,
.rc-picker .rc-picker-suffix {
  align-items: center;
  color: var(--gray-text-graphic);
  display: flex !important;
  height: 16px;
  justify-content: center;
  opacity: 1 !important;
  position: absolute;
  right: 8px;
  transform: translateY(-50%);
  width: 16px;
}
.rc-picker .rc-picker-clear {
  cursor: pointer;
  top: 50%;
  z-index: 2;
}
.rc-picker.datepicker-xs .rc-picker-input input {
  font-size: 12px;
  height: 24px;
  line-height: 20px;
  padding: 2px 12px;
}
.rc-picker.datepicker-xs.rc-picker-range {
  border-radius: 4px;
  height: 24px;
}
.rc-picker.datepicker-xs.rc-picker-range .rc-picker-clear {
  top: 0.75rem;
}
.rc-picker.datepicker-sm .rc-picker-input input {
  font-size: 12px;
  height: 30px;
  line-height: 20px;
  padding: 2px 12px;
}
.rc-picker.datepicker-sm.rc-picker-range {
  border-radius: 6px;
  height: 30px;
}
.rc-picker.datepicker-md .rc-picker-input input {
  font-size: 14px;
  height: 36px;
  line-height: 24px;
  padding: 2px 12px;
}
.rc-picker.datepicker-md.rc-picker-range {
  border-radius: 6px;
  height: 36px;
}
.rc-picker.datepicker-lg .rc-picker-input input {
  font-size: 16px;
  height: 44px;
  line-height: 28px;
  padding: 8px 12px;
}
.rc-picker.datepicker-lg.rc-picker-range {
  border-radius: 8px;
  height: 44px;
}
.rc-picker-range .rc-picker-range-separator {
  display: none;
}
.rc-picker-range .rc-picker-input:first-child {
  position: relative;
}
.rc-picker-range .rc-picker-input:first-child input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.rc-picker-range .rc-picker-input:first-child:after {
  align-items: center;
  color: var(--gray-text-graphic);
  content: "-";
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 14px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  z-index: 1;
}
.rc-picker-range.datepicker-sm .rc-picker-input:first-child:after {
  right: 10px;
}
.rc-picker-range.datepicker-md .rc-picker-input:first-child:after {
  right: 5px;
}
.rc-picker-range.datepicker-lg .rc-picker-input:first-child:after {
  right: 0;
}
.rc-picker-range.datepicker-lg .rc-picker-clear {
  right: 3px !important;
}
.rc-picker-range.has-value .rc-picker-input:first-child:after {
  color: var(--gray-text-strong);
}
.rc-picker-range .rc-picker-input:last-of-type input,
.rc-picker-range .rc-picker-input:nth-child(3) input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.rc-picker-range .rc-picker-clear,
.rc-picker-range .rc-picker-suffix {
  right: 8px;
}
.rc-picker-range .rc-picker-active-bar {
  --tw-translate-x: 0.25rem !important;
  display: none !important;
  height: 1px !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;
  width: 46% !important;
}
.rc-picker-invalid {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  border-color: var(--red) !important;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.rc-picker.rc-picker.rc-picker-focused {
  background-color: var(--gray-input-bg) !important;
  border-color: var(--gray-text-strong) !important;
}
.rc-picker.rc-picker-focused .rc-picker-input input {
  border-color: #0000 !important;
  outline: 2px solid #0000 !important;
  outline-offset: 2px !important;
}
.rc-picker:not(.rc-picker-focused),
.rc-picker:not(.rc-picker-focused) .rc-picker-input input {
  border-color: #0000 !important;
}
.rc-picker.rc-picker-disabled {
  background-color: var(--gray-input-bg);
  border-color: var(--gray-border-light);
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
.rc-picker.rc-picker-disabled .rc-picker-input input {
  color: var(--gray-text-light);
  cursor: auto;
}
.rc-picker.rc-picker-disabled .rc-picker-clear,
.rc-picker.rc-picker-disabled .rc-picker-suffix {
  color: var(--gray-text-light);
}
.rc-picker.rc-picker-disabled .rc-picker-clear {
  pointer-events: none;
}
.dc-dialog.dc-modal .dc-modal-box {
  background-color: var(--bg-dialog);
  border-radius: 16px;
  overflow: hidden;
  width: 480px;
}
@media (max-width: 767px) {
  .dc-dialog.dc-modal .dc-modal-box {
    border-radius: 16px;
    inset: unset;
    max-width: 80vw;
    padding: 1rem 0 0;
    width: 273px;
  }
}
.dc-dialog.dc-modal .dc-modal-box .dc-modal-title {
  color: var(--gray-text-strong);
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .dc-dialog.dc-modal .dc-modal-box .dc-modal-title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.dc-dialog.dc-modal .dc-modal-box .dc-modal-content {
  color: var(--gray-text-strong);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  line-height: 24px;
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  .dc-dialog.dc-modal .dc-modal-box .dc-modal-content {
    font-size: 12px;
    line-height: 20px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.dc-dialog.dc-modal .dc-dialog-action {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 1.5rem;
  width: 100%;
}
.dc-dialog.dc-modal .dc-dialog-action button {
  flex: 1 1;
  width: 100%;
}
@media (max-width: 767px) {
  .dc-dialog.dc-modal .dc-dialog-action {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: flex-start;
    margin-top: 1.5rem;
  }
  @media (max-width: 767px) {
    .dc-dialog.dc-modal .dc-dialog-action {
      gap: 0;
    }
  }
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn,
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]) {
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  @media (max-width: 767px) {
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn,
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]) {
      background-color: var(--white);
      border-color: var(--gray-border-light);
      border-radius: 0;
      border-style: solid;
      border-width: 0.5px 0 0;
      margin: 0;
    }
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn:is(.dark *),
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]):is(.dark *) {
      background-color: var(--bg-dialog);
    }
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn,
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]) {
      border-right-width: 0.5px;
    }
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn.dc-btn-primary,
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]).dc-btn-primary {
      border-left-width: 0.5px;
      color: var(--brand);
    }
    .dc-dialog.dc-modal .dc-dialog-action .dc-btn.dc-btn-primary:last-child,
    .dc-dialog.dc-modal
      .dc-dialog-action
      .dc-btn:not([hidden]).dc-btn-primary:last-child {
      border-left-width: 0;
      border-right-width: 0;
    }
  }
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:active:focus,
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:active:hover,
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]):active:focus,
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]):active:hover {
    transform: none;
  }
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:active:focus *,
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:active:hover *,
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]):active:focus *,
  .dc-dialog.dc-modal .dc-dialog-action .dc-btn:not([hidden]):active:hover * {
    transform: scale(0.97);
    transform: scale(var(--btn-focus-scale, 0.97));
  }
}
.dc-divider-horizontal {
  align-self: center;
  height: 12px;
  width: 0;
}
.dc-divider-horizontal:after,
.dc-divider-horizontal:before {
  width: 1px;
}
.dc-divider-vertical {
  height: 1px;
  padding: 0;
  width: 100%;
}
.dc-divider-vertical:after,
.dc-divider-vertical:before {
  height: 1px;
}
.dc-divider:not(:empty) {
  gap: 0.75rem;
}
.dc-divider:after,
.dc-divider:before {
  background-color: var(--gray-border-light);
}
@media (max-width: 767px) {
  .dc-divider-horizontal:after,
  .dc-divider-horizontal:before {
    width: 0.5px;
  }
  .dc-divider-vertical,
  .dc-divider-vertical:after,
  .dc-divider-vertical:before {
    height: 0.5px;
  }
}
.dc-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dc-empty .dc-icon-empty {
  height: auto;
  width: 100px;
}
.dark .dc-empty .dc-icon-empty {
  opacity: 0.4;
}
.dc-empty .dc-empty-tips {
  color: var(--gray-text-light);
  font-size: 12px;
  line-height: 20px;
}
svg.dc-icon {
  height: 1em;
  width: 1em;
}
.dc-input-eye-icon {
  color: var(--gray-text-graphic);
  cursor: pointer;
  font-size: 16px;
  line-height: 28px;
}
.dc-input-suffix-wrap {
  align-items: center;
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-radius: 6px;
  border-width: 1px;
  display: flex;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.dc-input-suffix-wrap:hover {
  background-color: var(--gray-input-hover);
}
.dc-input-suffix-wrap.focus,
.dc-input-suffix-wrap:active {
  background-color: var(--gray-input-bg);
  border-color: var(--gray-text-strong);
  border-width: 1px;
}
.dc-input-suffix-wrap.disabled {
  border-color: var(--gray-border-light);
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
.dc-input-suffix-wrap.disabled:hover {
  background-color: var(--gray-input-bg);
}
.dc-input-suffix-wrap.error {
  border-color: var(--red);
}
.dc-input-suffix-wrap .dc-input-prefix,
.dc-input-suffix-wrap .dc-input-suffix {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  justify-content: center;
  line-height: 24px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dc-input-suffix-wrap .dc-input-prefix ~ .dc-input {
  padding-left: 0 !important;
}
.dc-input-suffix-wrap .dc-input-suffix {
  padding-left: 0;
}
.dc-input-suffix-wrap.dc-wrapper-xs {
  border-radius: 4px;
}
.dc-input-suffix-wrap.dc-wrapper-md,
.dc-input-suffix-wrap.dc-wrapper-sm {
  border-radius: 6px;
}
.dc-input-suffix-wrap.dc-wrapper-lg {
  border-radius: 8px;
}
.dc-input-suffix-wrap .dc-input-clear-icon {
  color: var(--gray-text-graphic);
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
}
.dc-input-suffix-wrap .dc-input {
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  background-color: initial;
  border-width: 1px;
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  color: var(--gray-text-strong);
  font-weight: 500;
  outline: 2px solid #0000;
  outline-offset: 2px;
  padding-right: 0.5rem;
  width: 100%;
}
.dc-input-suffix-wrap .dc-input:disabled {
  border-color: #0000;
  color: var(--gray-text-light);
  cursor: auto;
}
.dc-input-suffix-wrap .dc-input.dc-input-xs {
  border-radius: 4px;
  font-size: 12px;
  height: 24px;
  line-height: 20px;
  padding-left: 0.5rem;
}
.dc-input-suffix-wrap .dc-input.dc-input-sm {
  border-radius: 6px;
  font-size: 12px;
  height: 30px;
  line-height: 20px;
  padding-left: 0.5rem;
}
.dc-input-suffix-wrap .dc-input.dc-input-md {
  border-radius: 6px;
  font-size: 14px;
  height: 36px;
  line-height: 24px;
  padding-left: 0.75rem;
}
.dc-input-suffix-wrap .dc-input.dc-input-lg {
  border-radius: 8px;
  font-size: 14px;
  height: 44px;
  line-height: 24px;
  padding-left: 0.75rem;
}
.dc-input-suffix-wrap .dc-input:focus,
.dc-input-suffix-wrap .dc-input:focus-within {
  border-color: #0000;
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.dc-input-suffix-wrap .dc-input::placeholder {
  color: var(--gray-text-light);
  font-weight: 400;
}
.dc-input-group {
  align-items: center;
  border-radius: 6px;
  display: flex;
  justify-content: center;
}
.dc-input-group.dc-input-filled {
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-style: none;
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.dc-input-group.dc-input-outlined {
  border-color: var(--gray-input-bg);
  border-width: 1px;
  overflow: hidden;
}
.dc-input-group.dc-input-outlined.focus {
  border-color: var(--brand);
}
.dc-input-group.dc-input-outlined:hover {
  border-color: var(--brand-80);
}
.dc-input-group.dc-input-outlined .dc-input-suffix-wrap {
  border-radius: 0;
  border-style: none;
  height: 100%;
}
.dc-input-group.dc-input-outlined .dc-input {
  border-radius: 0;
  border-style: none;
}
.dc-input-group .dc-input-addon-after,
.dc-input-group .dc-input-addon-before {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dc-input-group.dc-input-sm,
.dc-input-group.dc-input-sm .dc-input,
.dc-input-group.dc-input-xs,
.dc-input-group.dc-input-xs .dc-input {
  font-size: 12px;
  line-height: 20px;
}
.dc-input-unit-wrap .dc-ui-select {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 2.75rem;
}
.dc-input-unit-wrap {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.dc-input-unit-wrap .dc-input-unit {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.dc-input-unit-wrap .dc-input-unit > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(2px * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(2px * var(--tw-space-x-reverse));
}
.dc-input-unit-wrap .dc-input-unit-text {
  color: var(--gray-text-strong);
  font-size: 12px;
  line-height: 20px;
}
.dc-input-unit-wrap .dc-input-unit-icon {
  color: var(--gray-text-graphic);
  cursor: pointer;
  font-size: 10px;
}
.dc-input-number {
  background-color: var(--gray-input-bg);
  border: 1px solid #0000;
  outline: 2px solid #0000;
  outline-offset: 2px;
  transition-duration: 0.2s;
}
.dc-input-number:hover {
  background-color: var(--gray-input-hover);
}
.dc-input-number.dc-input-number-focused {
  border-color: var(--gray-text-strong);
}
.dc-input-number .dc-input-number-input-wrap {
  height: 100%;
}
.dc-input-number .dc-input-number-input-wrap input.dc-input-number-input {
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  background-color: initial;
  border-style: none;
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  color: var(--gray-text-strong);
  font-weight: 500;
  height: 100%;
  outline: 2px solid #0000;
  outline-offset: 2px;
  width: 100%;
}
.dc-input-number
  .dc-input-number-input-wrap
  input.dc-input-number-input:disabled {
  color: var(--gray-text-light);
  cursor: auto;
}
.dc-input-number.disabled {
  border-color: var(--gray-border-light);
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
.dc-input-number-align-center .dc-input-number-input {
  text-align: center;
}
.dc-input-number-align-right .dc-input-number-input {
  text-align: right;
}
.dc-input-number input.dc-input-number-input::placeholder {
  color: var(--gray-text-light);
  font-weight: 400;
}
.dc-input-number,
.dc-input-number-suffix-wrap {
  border-radius: 6px;
  width: 100%;
}
.dc-input-number-suffix-wrap.dc-input-number-xs,
.dc-input-number.dc-input-number-xs {
  border-radius: 4px;
  font-size: 12px;
  height: 24px;
  line-height: 20px;
}
.dc-input-number-suffix-wrap.dc-input-number-xs input.dc-input-number-input,
.dc-input-number.dc-input-number-xs input.dc-input-number-input {
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dc-input-number-suffix-wrap.dc-input-number-sm,
.dc-input-number.dc-input-number-sm {
  border-radius: 6px;
  font-size: 12px;
  height: 30px;
  line-height: 20px;
}
.dc-input-number-suffix-wrap.dc-input-number-sm input.dc-input-number-input,
.dc-input-number.dc-input-number-sm input.dc-input-number-input {
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dc-input-number-suffix-wrap.dc-input-number-md,
.dc-input-number.dc-input-number-md {
  border-radius: 6px;
  font-size: 14px;
  height: 36px;
  line-height: 24px;
}
.dc-input-number-suffix-wrap.dc-input-number-md input.dc-input-number-input,
.dc-input-number.dc-input-number-md input.dc-input-number-input {
  font-size: 14px;
  height: 100%;
  line-height: 24px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dc-input-number-suffix-wrap.dc-input-number-lg,
.dc-input-number.dc-input-number-lg {
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  height: 44px;
  line-height: 24px;
}
.dc-input-number-suffix-wrap.dc-input-number-lg input.dc-input-number-input,
.dc-input-number.dc-input-number-lg input.dc-input-number-input {
  font-size: 14px;
  height: 100%;
  line-height: 24px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dc-input-number-suffix-wrap {
  align-items: center;
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-radius: 6px;
  border-width: 1px;
  display: flex;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.dc-input-number-suffix-wrap:hover {
  background-color: var(--gray-input-hover);
}
.dc-input-number-suffix-wrap.focus,
.dc-input-number-suffix-wrap:active {
  background-color: var(--gray-input-bg);
  border-color: var(--gray-text-strong);
  border-width: 1px;
}
.dc-input-number-suffix-wrap.disabled {
  border-color: var(--gray-border-light);
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
.dc-input-number-suffix-wrap.disabled:hover {
  background-color: var(--gray-input-bg);
}
.dc-input-number-suffix-wrap.error {
  border-color: var(--red);
}
.dc-input-number-suffix-wrap .dc-input-number {
  background-color: initial;
  border-style: none;
  height: 100%;
}
.dc-input-number-suffix-wrap .dc-input-number:hover {
  background-color: initial;
}
.dc-input-number-suffix-wrap .dc-input-number.dc-input-number-focused {
  border-color: #0000;
}
.dc-input-number-suffix-wrap .dc-input-prefix {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 24px;
  padding-left: 0.75rem;
  padding-right: 0.375rem;
}
.dc-input-number-suffix-wrap .dc-input-suffix {
  font-size: 14px;
  line-height: 24px;
  padding-left: 0.375rem;
  padding-right: 0.75rem;
}
.dc-input-number-suffix-wrap.dc-input-number-xs .dc-input-prefix {
  padding-left: 0.5rem;
  padding-right: 0.25rem;
}
.dc-input-number-suffix-wrap.dc-input-number-xs .dc-input-suffix {
  padding-left: 0.25rem;
  padding-right: 0.5rem;
}
.dc-input-number-suffix-wrap .dc-input-prefix {
  margin-right: 0;
}
.dc-input-number-suffix-wrap .dc-input-suffix {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 0;
}
.dc-input-number-suffix-wrap .dc-input-suffix .dc-input-clear-icon {
  color: var(--gray-text-graphic);
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
}
.dc-input-number-suffix-wrap.dc-input-number-has-prefix
  .dc-input-number-input-wrap
  input.dc-input-number-input {
  padding-left: 0 !important;
}
.dc-input-number-suffix-wrap.dc-input-number-has-suffix
  .dc-input-number-input-wrap
  input.dc-input-number-input {
  padding-right: 0 !important;
}
.dc-input-number-suffix-wrap.dc-input-number-xs {
  border-radius: 4px;
  height: 24px;
}
.dc-input-number-suffix-wrap.dc-input-number-xs input.dc-input-number-input {
  height: 100%;
}
.dc-input-number-suffix-wrap.dc-input-number-sm {
  border-radius: 6px;
  height: 30px;
}
.dc-input-number-suffix-wrap.dc-input-number-sm input.dc-input-number-input {
  height: 100%;
}
.dc-input-number-suffix-wrap.dc-input-number-md {
  border-radius: 6px;
  height: 36px;
}
.dc-input-number-suffix-wrap.dc-input-number-md input.dc-input-number-input {
  height: 100%;
}
.dc-input-number-suffix-wrap.dc-input-number-lg {
  border-radius: 8px;
  height: 44px;
}
.dc-input-number-suffix-wrap.dc-input-number-lg input.dc-input-number-input {
  height: 100%;
}
.dc-input-number-group {
  align-items: center;
  border-radius: 6px;
  display: flex;
  justify-content: center;
}
.dc-input-number-group .dc-input-number {
  height: 100%;
}
.dc-input-number-group .dc-input-addon-after,
.dc-input-number-group .dc-input-addon-before {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dc-input-number-group.dc-input-sm,
.dc-input-number-group.dc-input-sm .dc-input-number-input,
.dc-input-number-group.dc-input-xs,
.dc-input-number-group.dc-input-xs .dc-input-number-input {
  font-size: 12px;
  line-height: 20px;
}
.dark .dc-input-number {
  color: var(--gray-text-strong);
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.dc-modal.no-mask::backdrop {
  background-color: initial;
}
.dc-modal.abso {
  height: 100%;
  position: absolute;
}
@media (max-width: 767px) {
  .dc-modal.abso {
    inset: 0;
  }
}
.dc-modal .dc-modal-box {
  background-color: var(--bg-dialog);
  border-radius: 16px;
  color: var(--gray-text-strong);
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: visible;
  padding: 1.5rem;
  width: 480px;
}
.dc-modal .dc-modal-box.sm {
  width: 420px;
}
.dc-modal .dc-modal-box.md {
  width: 480px;
}
.dc-modal .dc-modal-box.lg {
  width: 680px;
}
@media (max-width: 767px) {
  .dc-modal .dc-modal-box button.dc-btn {
    animation: none;
    transition-property: none;
  }
}
.dc-modal .dc-modal-title {
  align-items: center;
  color: var(--gray-text-strong);
  display: flex;
  font-size: 20px;
  font-weight: 500;
  gap: 0.25rem;
  line-height: 28px;
  margin-bottom: 1.5rem;
}
.dc-modal .dc-modal-content {
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .dc-modal .dc-modal-content {
    max-height: calc(100vh - 10rem);
  }
}
.dc-modal .dc-modal-action:not(.custom-footer) {
  flex-direction: row-reverse;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1.5rem;
}
.dc-modal .dc-modal-action:not(.custom-footer) button {
  flex: 1 1;
  margin: 0;
}
.dc-modal .dc-modal-title-extra {
  align-items: center;
  display: flex;
  gap: 1rem;
}
@media (max-width: 767px) {
  .dc-modal .dc-modal-box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    width: 100% !important;
  }
  .dc-modal .dc-modal-title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 1rem;
  }
  .dc-modal .dc-modal-content {
    font-size: 14px;
    line-height: 24px;
  }
  .dc-modal .dc-modal-action:not(.custom-footer) {
    flex-direction: row-reverse;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 2rem;
  }
  .dc-modal .dc-modal-action:not(.custom-footer) button {
    flex: 1 1;
    margin: 0;
  }
}
.dc-modal-middle :where(.dc-modal-box) {
  max-width: none;
}
.close-icon {
  color: var(--gray-text-light);
  cursor: pointer;
  font-size: 16px;
  line-height: 28px;
}
.close-icon:hover {
  color: var(--gray-text-strong);
}
.dc-modal .dc-modal-content {
  overflow-x: hidden;
}
.dc-modal .dc-modal-content .dc-btn {
  animation: none !important;
}
.dc-ui-select .dc-dropdown-arrow {
  color: var(--gray-text-graphic);
  height: 0.75rem;
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 0.75rem;
}
.dc-ui-select.high-light > div:not(.dc-ui-select-mask) {
  z-index: 20;
}
.dc-ui-select.single-value-aligne-center .dc-ui-select__indicator {
  position: absolute;
  right: 0.5rem;
}
.dc-ui-select.halo-select-xs {
  font-size: 12px;
  line-height: 20px;
}
.dc-ui-select.halo-select-xs .select-control {
  border-radius: 4px;
  height: 24px;
  padding-left: 0.5rem;
}
.dc-ui-select.halo-select-xs.is-multi .select-control {
  height: auto;
  min-height: 24px;
}
.dc-ui-select.halo-select-xs .dc-dropdown-arrow {
  height: 10px;
  width: 10px;
}
.dc-ui-select.halo-select-xs .dc-ui-select__value-container {
  padding-bottom: 0;
  padding-top: 0;
}
.dc-ui-select.halo-select-xs .dc-ui-select__input-container {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.dc-ui-select.halo-select-xs .dc-ui-select__multi-value__label {
  line-height: 1rem;
  padding-bottom: 0;
  padding-top: 0;
}
.dc-ui-select.halo-select-xs .dc-universal-dropdown-arrow:after {
  background-size: 10px;
  height: 10px;
  width: 10px;
}
.dc-ui-select.halo-select-sm {
  font-size: 12px;
  line-height: 20px;
}
.dc-ui-select.halo-select-sm .select-control {
  border-radius: 6px;
  height: 30px;
  padding-left: 0.5rem;
}
.dc-ui-select.halo-select-sm .dc-dropdown-arrow {
  height: 10px;
  width: 10px;
}
.dc-ui-select.halo-select-sm.is-multi .select-control {
  height: auto;
  min-height: 30px;
}
.dc-ui-select.halo-select-sm .dc-ui-select__value-container {
  padding-bottom: 0;
  padding-top: 0;
}
.dc-ui-select.halo-select-sm .dc-ui-select__multi-value__label {
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.dc-ui-select.halo-select-md {
  font-size: 14px;
  line-height: 24px;
}
.dc-ui-select.halo-select-md .select-control {
  border-radius: 6px;
  height: 36px;
  padding-left: 0.75rem;
}
.dc-ui-select.halo-select-md .dc-dropdown-arrow {
  height: 0.75rem;
  width: 0.75rem;
}
.dc-ui-select.halo-select-md.is-multi .select-control {
  height: auto;
  min-height: 36px;
}
.dc-ui-select.halo-select-md .dc-ui-select__value-container {
  padding-bottom: 0;
  padding-top: 0;
}
.dc-ui-select.halo-select-lg,
.dc-ui-select.halo-select-md .dc-ui-select__placeholder {
  font-size: 14px;
  line-height: 24px;
}
.dc-ui-select.halo-select-lg .select-control {
  border-radius: 8px;
  height: 44px;
  padding-left: 0.75rem;
}
.dc-ui-select.halo-select-lg .dc-dropdown-arrow {
  height: 0.75rem;
  width: 0.75rem;
}
.dc-ui-select.halo-select-lg.is-multi .select-control {
  height: auto;
  min-height: 44px;
}
.dc-ui-select.halo-select-lg .dc-ui-select__value-container {
  padding-bottom: 0;
  padding-top: 0;
}
.dc-ui-select.halo-select-lg .dc-ui-select__placeholder {
  font-size: 14px;
  line-height: 24px;
}
.dc-ui-select .select-control {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  background-color: var(--gray-input-bg);
  border-color: #0000;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  cursor: pointer;
  min-height: 0;
  padding-right: 0.5rem;
}
.dc-ui-select .select-control:hover {
  background-color: var(--gray-input-hover);
  border-color: #0000;
}
@media (min-width: 768px) {
  .dc-ui-select .select-control.focused {
    border-color: var(--gray-text-strong);
  }
}
.dc-ui-select .select-control.dc-ui-select__control--menu-is-open {
  background-color: var(--gray-input-bg);
}
@media (max-width: 767px) {
  .dc-ui-select .select-control.dc-ui-select__control--menu-is-open {
    border-color: var(--gray-text-strong);
  }
}
.dc-ui-select
  .select-control.dc-ui-select__control--menu-is-open
  .dc-dropdown-arrow {
  --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));
  transition-duration: 0.1s;
}
.dc-ui-select .select-control.error {
  border-color: var(--red);
}
.dc-ui-select .dc-ui-select__clear-indicator {
  color: var(--gray-text-graphic);
}
.dc-ui-select .dc-ui-select__clear-indicator:hover {
  color: var(--gray-border-strong);
}
.dc-ui-select .dc-ui-select__input-container {
  color: var(--gray-text-strong);
}
.dc-ui-select .dc-ui-select__multi-value {
  background-color: var(--gray-input-bg);
}
.dc-ui-select .dc-ui-select__multi-value .dc-ui-select__multi-value__label {
  color: var(--gray-text-strong);
}
.dc-ui-select .dc-ui-select__multi-value .dc-ui-select__multi-value__remove {
  background-color: initial;
  color: var(--gray-text-graphic);
}
.dc-ui-select
  .dc-ui-select__multi-value
  .dc-ui-select__multi-value__remove:hover {
  color: var(--gray-border-strong);
}
.dc-ui-select .dc-ui-select__single-value {
  color: var(--gray-text-strong);
}
.dc-ui-select .dc-ui-select__indicator {
  align-items: center;
  color: var(--gray-text-graphic);
  height: 100%;
  padding-bottom: 0;
  padding-top: 0;
}
.dc-ui-select .dc-ui-select__indicator-separator {
  display: none;
}
.dc-ui-select .dc-ui-select__dropdown-indicator {
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-ui-select .dc-ui-select__placeholder {
  font-size: 12px;
  line-height: 20px;
}
.dc-ui-select .dc-ui-select-mask {
  background-color: var(--bg-overlay);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .dc-ui-select .dc-ui-select-mask {
    display: none !important;
  }
}
.dc-ui-select.is-loading .dc-ui-select__dropdown-indicator {
  display: none;
}
.dc-ui-select .dc-ui-select__control--is-disabled {
  border-color: var(--gray-border-light);
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
.dc-ui-select .dc-ui-select__control--is-disabled:hover {
  background-color: var(--gray-input-bg);
}
.dc-ui-select
  .dc-ui-select__control--is-disabled
  .dc-ui-select__dropdown-indicator {
  color: var(--gray-text-light);
  padding-left: 0;
  padding-right: 0;
}
.dc-ui-select
  .dc-ui-select__control--is-disabled
  .dc-ui-select__input-container,
.dc-ui-select .dc-ui-select__control--is-disabled .dc-ui-select__single-value {
  color: var(--gray-text-light);
}
.dc-ui-select.dc-select-text-mode {
  overflow: visible;
}
.dc-ui-select.dc-select-text-mode .select-control {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  align-items: center;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  display: inline-flex;
  flex: none;
  gap: 0.25rem;
  height: auto;
  min-height: 0;
  overflow: visible;
  padding-left: 0;
  padding-right: 0;
  width: -moz-fit-content !important;
  width: -webkit-fit-content !important;
  width: fit-content !important;
}
.dc-ui-select.dc-select-text-mode .select-control,
.dc-ui-select.dc-select-text-mode .select-control:hover {
  background-color: initial;
  border-width: 0;
}
.dc-ui-select.dc-select-text-mode .select-control.focused {
  border-width: 0;
}
.dc-ui-select.dc-select-text-mode .dc-ui-select__value-container {
  flex: none;
  min-width: 0;
  overflow: visible;
  padding: 0;
  width: auto;
}
.dc-ui-select.dc-select-text-mode .dc-ui-select__placeholder {
  text-align: right;
}
.dc-ui-select.dc-select-text-mode .dc-ui-select__indicator {
  flex-shrink: 0;
  padding-left: 0;
  padding-right: 0;
}
.dc-ui-select.dc-select-text-mode .dc-ui-select__dropdown-indicator {
  padding-left: 0;
  padding-right: 0;
}
.dc-ui-select.dc-select-text-mode.halo-select-lg .dc-dropdown-arrow,
.dc-ui-select.dc-select-text-mode.halo-select-lg .dc-ui-select__indicator,
.dc-ui-select.dc-select-text-mode.halo-select-lg .dc-ui-select__single-value,
.dc-ui-select.dc-select-text-mode.halo-select-md .dc-dropdown-arrow,
.dc-ui-select.dc-select-text-mode.halo-select-md .dc-ui-select__indicator,
.dc-ui-select.dc-select-text-mode.halo-select-md .dc-ui-select__single-value {
  color: var(--gray-text-strong);
}
.dc-ui-select .dc-ui-select__indicator,
.dc-ui-select .dc-ui-select__value-container {
  padding-left: 0;
  padding-right: 0;
}
.dc-ui-select .dc-ui-select__menu {
  --tw-shadow: 0 0 10px #00000014 !important;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color) !important;
  background-color: var(--bg-dialog);
  border-radius: 6px;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
  min-width: 100%;
  overflow: hidden;
  width: auto !important;
  z-index: 20;
}
@media (max-width: 767px) {
  .dc-ui-select .dc-ui-select__menu {
    border-style: none;
  }
}
.dc-ui-select .dc-ui-select__menu .dc-ui-select__option {
  text-wrap: nowrap;
  color: var(--gray-text-strong);
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}
.dc-ui-select .dc-ui-select__menu .dc-ui-select__option--is-focused,
.dc-ui-select .dc-ui-select__menu .dc-ui-select__option:active {
  background-color: initial;
  color: var(--gray-text-strong);
}
.dc-ui-select .dc-ui-select__menu .dc-ui-select__option--is-focused:hover {
  background-color: var(--gray-input-hover);
}
.dc-ui-select .dc-ui-select__menu .dc-ui-select__dropdown-indicator {
  padding-left: 0;
  padding-right: 0;
}
.dc-ui-select .dc-ui-select__menu .dc-ui-select__option--is-selected {
  background-color: var(--gray-input-bg);
  color: var(--gray-text-strong);
}
.dc-ui-select__menu-portal .dc-ui-select__menu {
  --tw-shadow: 0 0 10px #00000014 !important;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color) !important;
  background-color: var(--bg-dialog);
  border-radius: 6px;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
  overflow: hidden;
  width: auto !important;
  z-index: 20;
}
@media (max-width: 767px) {
  .dc-ui-select__menu-portal .dc-ui-select__menu {
    border-style: none;
  }
}
.dc-ui-select__menu-portal .dc-ui-select__menu .dc-ui-select__option {
  text-wrap: nowrap;
  color: var(--gray-text-strong);
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}
.dc-ui-select__menu-portal
  .dc-ui-select__menu
  .dc-ui-select__option--is-focused,
.dc-ui-select__menu-portal .dc-ui-select__menu .dc-ui-select__option:active {
  background-color: initial;
  color: var(--gray-text-strong);
}
.dc-ui-select__menu-portal
  .dc-ui-select__menu
  .dc-ui-select__option--is-focused:hover {
  background-color: var(--gray-input-hover);
}
.dc-ui-select__menu-portal
  .dc-ui-select__menu
  .dc-ui-select__dropdown-indicator {
  padding-left: 0;
  padding-right: 0;
}
.dc-ui-select__menu-portal
  .dc-ui-select__menu
  .dc-ui-select__option--is-selected {
  background-color: var(--gray-input-bg);
  color: var(--gray-text-strong);
}
.dc-slider {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 2.5rem;
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  vertical-align: middle;
}
.dc-slider .dc-slider-makers {
  --tw-translate-y: -0.25rem;
  cursor: pointer;
  display: flex;
  position: absolute;
  text-align: center;
  top: 0.75rem;
  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));
  width: 100%;
  z-index: 1;
}
.dc-slider .dc-slider-makers .dc-slider-mark-item {
  align-items: center;
  font-size: 12px;
  justify-content: center;
  line-height: 20px;
}
.dc-slider .dc-slider-makers .dc-slider-mark-item .label {
  --tw-translate-x: -50%;
  color: var(--gray-text-strong);
  left: 50%;
  margin-top: 0.25rem;
  position: absolute;
  text-align: center;
  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));
  white-space: nowrap;
}
.dc-slider .dc-slider-makers .dc-slider-mark-item .dot {
  align-items: center;
  background-color: var(--bg-base);
  border-color: var(--gray-border-light);
  border-radius: 9999px;
  border-width: 2px;
  display: flex;
  height: 0.5rem;
  justify-content: center;
  width: 0.5rem;
}
.dc-slider .dc-slider-makers .dc-slider-mark-item .dot.active {
  border-color: var(--gray-text-strong);
}
.dc-slider .dc-slider-makers .dc-slider-mark-item.mark-first .label {
  --tw-translate-x: 0px;
  left: 0;
  text-align: left;
}
.dc-slider .dc-slider-makers .dc-slider-mark-item.mark-first .label,
.dc-slider .dc-slider-makers .dc-slider-mark-item.mark-last .label {
  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));
}
.dc-slider .dc-slider-makers .dc-slider-mark-item.mark-last .label {
  --tw-translate-x: -100%;
  left: 100%;
  text-align: right;
}
.dc-slider .dc-slider-thumb {
  background-color: var(--bg-base);
  border-color: var(--gray-text-strong);
  border-radius: 9999px;
  border-width: 2px;
  outline: 2px solid #0000;
  outline-offset: 2px;
  z-index: 2 !important;
}
.dc-slider .dc-slider-track {
  background-color: var(--gray-text-strong);
  position: relative;
  touch-action: none;
}
.dc-slider .dc-slider-track.dc-slider-track-1 {
  background-color: var(--gray-border-light);
}
.dc-slider.dc-slider-horizontal {
  touch-action: none;
}
.dc-slider.dc-slider-horizontal .dc-slider-track {
  --tw-translate-y: -50%;
  height: 2px;
  top: 0.75rem;
  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));
}
.dc-slider.dc-slider-horizontal .dc-slider-thumb {
  height: 0.75rem;
  top: 0.375rem;
  width: 0.75rem;
}
.dc-modal
  .dc-slider
  .dc-slider-makers
  .dc-slider-mark-item
  .dot
  .dot-line:is(.dark *) {
  background-color: var(--bg-dialog);
}
.dc-slider-thumb-tooltip {
  background-color: var(--gray-text-strong);
  border-radius: 4px;
  color: var(--gray-text-strong-invert);
  font-size: 12px;
  line-height: 20px;
  margin: 0.25rem;
  padding: 0.125rem 0.25rem !important;
  z-index: 2 !important;
}
.dc-sort {
  gap: 0.75rem;
}
.dc-sort,
.dc-sort li {
  align-items: center;
  display: flex;
}
.dc-sort li {
  gap: 0.125rem;
}
.dc-sort-label {
  color: var(--gray-text-light);
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  -webkit-user-select: none;
  user-select: none;
}
.dc-table:not(.no-border)
  :where(thead, tbody)
  :where(tr:first-child:last-child),
.dc-table:not(.no-border) :where(thead, tbody) :where(tr:not(:last-child)) {
  background-image: linear-gradient(
    to bottom,
    var(--gray-border-light) 50%,
    #0000 50%
  );
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  border-bottom-width: 0;
  border-top-color: var(--gray-input-hover);
}
th.rc-table-cell {
  color: var(--gray-text-light);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.dc-table.no-border :where(thead, tbody) :where(tr:first-child:last-child),
.dc-table.no-border :where(thead, tbody) :where(tr:not(:last-child)) {
  border-bottom-width: 0;
}
.dc-table tr.dc-hover:hover,
.dc-table tr.dc-hover:nth-child(2n):hover {
  background-color: var(--gray-input-bg-solid);
  transition-duration: 0.1s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-table table {
  width: 100%;
}
.dc-table.virtual-table .rc-table-cell-scrollbar {
  display: none;
}
.dc-table .rc-table-thead {
  color: var(--gray-text-light);
}
.dc-table .rc-table-container {
  color: var(--gray-text-strong);
  height: 100%;
  position: relative;
}
.dc-table .rc-table-cell-fix-left,
.dc-table .rc-table-cell-fix-right {
  background-color: var(--bg-base);
  z-index: 1;
}
.dc-table thead .rc-table-cell-fix-left,
.dc-table thead .rc-table-cell-fix-right {
  z-index: 2;
}
.dc-table.rc-table-ping-left .rc-table-cell-fix-left-last {
  position: relative;
  z-index: 2;
}
.dc-table.rc-table-ping-left .rc-table-cell-fix-left-last:after {
  background: linear-gradient(to right, var(--gray-border-light), #0000);
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  right: -8px;
  top: 0;
  width: 8px;
}
.dc-table.rc-table-ping-right .rc-table-cell-fix-right-first {
  position: relative;
  z-index: 2;
}
.dc-table.rc-table-ping-right .rc-table-cell-fix-right-first:after {
  background: linear-gradient(to left, var(--gray-border-light), #0000);
  bottom: 0;
  content: "";
  left: -8px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 8px;
}
.dc-table tr.dc-hover:hover .rc-table-cell-fix-left,
.dc-table tr.dc-hover:hover .rc-table-cell-fix-right,
.dc-table tr.dc-hover:nth-child(2n):hover .rc-table-cell-fix-left,
.dc-table tr.dc-hover:nth-child(2n):hover .rc-table-cell-fix-right {
  background-color: var(--gray-input-bg-solid);
  transition-duration: 0.1s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-sort-triangle {
  color: var(--gray-text-light);
  cursor: pointer;
}
.dc-sort-triangle.isActive {
  color: var(--gray-text-strong);
}
.dc-sort-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: 0.75rem;
  justify-content: center;
  width: 0.75rem;
}
.dc-tabs .dc-tabs-content,
.dc-tabs .dc-tabs-header {
  width: 100%;
}
.dc-tabs .dc-tabs-header {
  position: relative;
}
.dc-tabs .dc-tabs-header-label {
  text-wrap: nowrap;
  color: var(--gray-text-light);
  font-size: 14px;
  font-weight: 500;
  height: 2.5rem;
  line-height: 24px;
  line-height: 1;
  padding: 0;
  white-space: nowrap;
}
.dc-tabs .dc-tabs-header-label.active {
  color: var(--gray-text-strong);
}
.dc-tabs .dc-tabs-header-label.size-xs {
  font-size: 12px;
  height: 2.25rem;
  line-height: 20px;
  line-height: 1.25rem;
  padding-bottom: 5px;
  padding-top: 5px;
}
.dc-tabs .dc-tabs-header-label.size-sm {
  font-size: 14px;
  line-height: 24px;
  line-height: 1.5rem;
  padding-bottom: 5px;
  padding-top: 5px;
}
.dc-tabs .dc-tabs-header-label.size-md {
  font-size: 16px;
  line-height: 28px;
  line-height: 1.75rem;
  padding-bottom: 3px;
  padding-top: 3px;
}
.dc-tabs .dc-tabs-header-label.size-lg {
  font-size: 20px;
  line-height: 28px;
  line-height: 1.75rem;
  padding-bottom: 5px;
  padding-top: 5px;
}
.dc-tabs .dc-tab-content {
  min-height: 0;
}
.dc-tabs .dc-tabs-line-cursor,
.dc-tabs .dc-tabs-line-cursor-placeholder {
  background-color: var(--brand);
  border-radius: 0;
  height: 3px;
  width: 1rem;
}
.dc-tabs .dc-tabs-line-cursor {
  bottom: 0;
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.dc-tabs .dc-tabs-line-cursor.hide {
  visibility: hidden;
}
.dc-tabs .dc-tabs-header.with-underline {
  position: relative;
}
.dc-tabs .dc-tabs-header.with-underline:after {
  background-color: var(--gray-border-light);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}
.dc-tabs .dc-tabs-header-item {
  line-height: 1;
}
.dc-tabs .rts___nav___btn:disabled,
.dc-tabs button:disabled.rts___btn,
.dc-tabs button[disabled].rts___btn {
  color: var(--gray-text-graphic);
}
.dc-tabs .dc-tabs-header.tabs-spacing-sm .rts___btn.rts___tab {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.dc-tabs .dc-tabs-header.tabs-spacing-sm .rts___btn.rts___tab:first-child {
  margin-left: 0 !important;
}
.dc-tabs .dc-tabs-header.tabs-spacing-md .rts___btn.rts___tab {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.dc-tabs .dc-tabs-header.tabs-spacing-md .rts___btn.rts___tab:first-child {
  margin-left: 0 !important;
}
.dc-tabs .dc-tabs-header.tabs-spacing-lg .rts___btn.rts___tab {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.dc-tabs .dc-tabs-header.tabs-spacing-lg .rts___btn.rts___tab:first-child {
  margin-left: 0 !important;
}
.dc-tabs .rts___nav___btn:hover {
  background-color: initial;
}
.dc-tabs .rts___nav___btn:disabled,
.dc-tabs .rts___nav___btn:hover {
  border-style: none;
  color: var(--gray-text-strong);
}
.dc-tabs .rts___nav___btn:disabled > svg,
.dc-tabs .rts___nav___btn:hover > svg {
  stroke: none;
  height: 0.75rem;
  width: 0.75rem;
}
@media (max-width: 767.98px) {
  .dc-tabs .rts___nav___btn > svg {
    width: 0.75rem;
  }
}
.dc-tabs .rts___tabs___container {
  display: flex;
  justify-content: space-between;
  padding: initial;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-tabs .rts___nav___btn___container {
  position: relative;
  z-index: 5;
}
.dc-tabs .rts___nav___btn___container:first-child {
  padding-right: 0.5rem;
}
.dc-tabs .rts___nav___btn___container:last-child {
  padding-left: 0.5rem;
}
.dc-tabs .rts___nav___btn {
  position: relative;
  z-index: 5;
}
.dc-tabs .rts___tabs {
  padding: initial;
  position: relative;
}
.dc-tabs .rts___btn {
  border: initial;
  border-radius: 0;
  border-radius: initial;
  color: var(--gray-text-strong);
}
.dc-tabs .rts___btn.rts___tab {
  margin: 0 !important;
  padding: 0 !important;
}
.dc-tabs .rts___btn.rts___tab___selected {
  background-color: initial;
  box-shadow: none;
}
.dc-tabs .rts___btn .rts___svg___icon {
  stroke: currentColor;
}
.dc-tabs .dc-tabs-header-extra {
  height: 100%;
}
.dc-tabs-header .rts___btn.rts___tab {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.dc-tabs.dc-tabs-block .dc-tabs-header-label {
  align-items: center;
  border-radius: 6px;
  color: var(--gray-text-light);
  display: flex;
  padding: 0 0.75rem;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-tabs.dc-tabs-block .dc-tabs-header-label.active {
  background-color: var(--gray-input-bg);
  color: var(--gray-text-strong);
}
.dc-tabs.dc-tabs-block .dc-tabs-header-label.size-xs {
  border-radius: 4px;
  font-size: 12px;
  height: 1.5rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 6px;
  margin-top: 6px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dc-tabs.dc-tabs-block .dc-tabs-header-label.size-sm {
  font-size: 14px;
  height: 30px;
  line-height: 24px;
  line-height: 1.5rem;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dc-tabs.dc-tabs-block .dc-tabs-header-label.size-lg,
.dc-tabs.dc-tabs-block .dc-tabs-header-label.size-md {
  font-size: 16px;
  height: 2.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin-bottom: 2px;
  margin-top: 2px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dc-tabs.dc-tabs-block .rts___tabs___container {
  align-items: center;
}
.dc-tabs.dc-tabs-block .dc-tabs-header-extra {
  height: auto;
  padding-bottom: 0;
}
.rts___btn:focus-visible,
.rts___tab:focus-visible {
  border-radius: 4px !important;
  box-shadow: 0 0 0 2px var(--brand-80) inset !important;
  box-sizing: border-box !important;
  outline: none !important;
}
.dc-badge {
  text-wrap: nowrap;
  align-items: center;
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-radius: 4px;
  color: var(--gray-text-strong);
  display: flex;
  font-size: 12px;
  height: 1.25rem;
  justify-content: center;
  line-height: 20px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  white-space: nowrap;
}
.dc-badge.outlined {
  background-color: var(--bg-base);
  border-color: var(--gray-border-light);
  border-width: 1px;
  color: var(--gray-text-light);
}
.dc-badge.primary {
  background-color: var(--brand-10);
  color: var(--brand);
}
.dc-badge.success {
  background-color: var(--green-10);
  color: var(--green);
}
.dc-badge.error {
  background-color: var(--red-10);
  color: var(--red);
}
.dc-badge.profit {
  background-color: var(--profit-bg-color);
  color: var(--profit-color);
}
.dc-badge.loss {
  background-color: var(--loss-bg-color);
  color: var(--loss-color);
}
.dc-badge .dc-badge-close {
  cursor: pointer;
  margin-left: 2px;
}
.dc-badge.dashed-text {
  text-decoration-color: var(--gray-text-graphic);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body .dc-ui-tooltip-content {
  background-color: var(--bg-base-invert);
  border-radius: 6px;
  color: var(--gray-text-strong-invert);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  max-width: 18rem;
  opacity: 1;
  overflow-wrap: break-word;
  padding: 0.5rem 0.75rem;
  white-space: normal;
  z-index: 1000;
}
body .dc-ui-tooltip-content.react-tooltip__closing {
  opacity: 0 !important;
  pointer-events: auto;
  transition: opacity 0s;
}
body .dc-ui-tooltip-content .react-tooltip-arrow {
  background-color: var(--bg-base-invert);
}
body
  .dc-ui-tooltip-content[class*="react-tooltip__place-bottom-start"]
  > .react-tooltip-arrow,
body
  .dc-ui-tooltip-content[class*="react-tooltip__place-top-start"]
  > .react-tooltip-arrow {
  left: 12px !important;
  right: auto !important;
}
body
  .dc-ui-tooltip-content[class*="react-tooltip__place-bottom-end"]
  > .react-tooltip-arrow,
body
  .dc-ui-tooltip-content[class*="react-tooltip__place-top-end"]
  > .react-tooltip-arrow {
  left: auto !important;
  right: 12px !important;
}
.dc-pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  row-gap: 0.75rem;
}
.dc-pagination > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
@media (max-width: 767px) {
  .dc-pagination {
    font-size: 12px;
    line-height: 20px;
  }
}
.dc-pagination-left {
  justify-content: flex-start;
}
.dc-pagination-center {
  justify-content: center;
}
.dc-pagination-right {
  justify-content: flex-end;
}
.dc-pagination-ellipsis {
  color: var(--gray-text-light);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dc-pagination .dc-ui-select {
  flex-shrink: 0;
  height: auto;
  margin: 0 !important;
  min-height: auto;
  padding: 0;
}
.dc-pagination .dc-ui-select .select-control {
  height: 2rem !important;
}
.dc-pagination .dc-pagination-pages {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  row-gap: 0.75rem;
}
.dc-pagination .dc-pagination-next:disabled,
.dc-pagination .dc-pagination-prev:disabled {
  color: var(--gray-text-light);
  cursor: not-allowed;
  opacity: 0.7;
}
.dc-pagination .dc-pagination-next:disabled:hover,
.dc-pagination .dc-pagination-prev:disabled:hover {
  background-color: var(--bg-divider);
}
.dc-pagination .dc-pagination-next:not(:disabled),
.dc-pagination .dc-pagination-prev:not(:disabled) {
  color: var(--gray-text-strong);
}
.dc-pagination .dc-pagination-item:hover,
.dc-pagination .dc-pagination-next:hover,
.dc-pagination .dc-pagination-prev:hover {
  background-color: var(--gray-input-bg);
}
@media (max-width: 767px) {
  .dc-pagination .dc-pagination-item,
  .dc-pagination .dc-pagination-next,
  .dc-pagination .dc-pagination-prev {
    font-size: 12px;
    line-height: 20px;
  }
}
.dc-pagination-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.dc-pagination-default {
  font-size: 14px;
  line-height: 24px;
}
.dc-pagination-default .dc-pagination-item,
.dc-pagination-default .dc-pagination-next,
.dc-pagination-default .dc-pagination-prev {
  background-color: initial;
  border-radius: 6px;
  color: var(--gray-text-light);
  height: 1.75rem;
  line-height: 1;
  padding: 0.5rem 9px;
  transition-duration: 0.2s;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-pagination-default .dc-pagination-size-changer .select-control {
  height: 1.75rem;
}
.dc-pagination-default .dc-pagination-quick-jumper input {
  background-color: var(--bg-divider);
  border-color: var(--gray-input-hover);
  border-radius: 6px;
  border-width: 1px;
  color: var(--gray-text-strong);
  height: 1.75rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding: 0.5rem 0.75rem;
  width: 5rem;
}
.dc-pagination-default .dc-pagination-quick-jumper input:focus {
  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-color: var(--brand);
  border-color: var(--brand);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.dc-pagination-default .dc-pagination-quick-jumper input {
  box-shadow: none !important;
  outline: none !important;
}
.dc-pagination-sm {
  font-size: 12px;
  line-height: 20px;
}
.dc-pagination-sm .dc-pagination-item,
.dc-pagination-sm .dc-pagination-next,
.dc-pagination-sm .dc-pagination-prev {
  background-color: initial;
  border-radius: 6px;
  color: var(--gray-text-light);
  height: 1.5rem;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  transition-duration: 0.2s;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-pagination-sm .dc-ui-select .select-control {
  height: 1.5rem !important;
}
.dc-pagination-sm .dc-pagination-size-changer .select-control {
  height: 1.5rem;
}
.dc-pagination-sm .dc-pagination-quick-jumper input {
  background-color: var(--bg-divider);
  border-color: var(--gray-input-hover);
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  color: var(--gray-text-strong);
  height: 1.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  outline: 2px solid #0000;
  outline-offset: 2px;
  padding: 0.25rem 0.5rem;
  width: 4rem;
}
.dc-pagination-sm .dc-pagination-quick-jumper input:focus {
  border-color: var(--brand);
}
.dc-pagination-sm .dc-pagination-quick-jumper input:focus-visible {
  border-color: var(--brand);
}
.dc-pagination-sm .dc-pagination-quick-jumper input {
  box-shadow: none !important;
  outline: none !important;
}
.dc-pagination-default .dc-pagination-item-active,
.dc-pagination-sm .dc-pagination-item-active {
  background-color: var(--gray-input-bg-solid);
  color: var(--gray-text-strong);
}
.dc-pagination-default .dc-pagination-item-active:hover,
.dc-pagination-sm .dc-pagination-item-active:hover {
  background-color: var(--gray-input-bg-solid);
}
.dc-pagination-total {
  color: var(--gray-text-light);
  margin-right: 0.5rem;
}
.dc-pagination-quick-jumper {
  align-items: center;
  display: flex;
}
.dc-pagination-quick-jumper > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}
.dc-pagination-quick-jumper {
  color: var(--gray-text-light);
}
@keyframes dc-tick-jump {
  0% {
    opacity: 0;
    translate: 0.5px 6px;
  }
  60% {
    opacity: 1;
    translate: 0.5px -1px;
  }
  to {
    opacity: 1;
    translate: 0.5px 1px;
  }
}
.halo-radio {
  align-items: center;
  color: var(--gray-text-strong);
  cursor: pointer;
  display: inline-flex;
  -webkit-user-select: none;
  user-select: none;
}
.halo-radio .dc-radio-input {
  flex-shrink: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.halo-radio.disabled {
  cursor: auto;
  pointer-events: none;
}
.halo-radio.disabled .dc-radio-label {
  color: var(--gray-text-light);
}
.halo-radio .radio-box {
  align-items: center;
  background-color: var(--bg-base);
  border-color: var(--gray-border-strong);
  border-radius: 9999px;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  flex-shrink: 0;
  height: 0.75rem;
  justify-content: center;
  margin-right: 0.5rem;
  position: relative;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 0.75rem;
}
.halo-radio .dc-radio-input:checked + .radio-box {
  background-color: var(--bg-base-invert);
  border-color: var(--gray-border-strong);
  color: var(--gray-pure-invert);
}
.halo-radio .radio-box:after {
  color: var(--gray-text-strong-invert);
  content: "";
  height: 9px;
  left: 0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.5847 4.30908L6.69501 13.1987L5.18915 11.6919L5.1911 11.689L0.931335 7.4292L2.43719 5.92334L6.69696 10.1831L14.0778 2.80322L15.5847 4.30908Z" fill="%23000"/></svg>')
    no-repeat center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.5847 4.30908L6.69501 13.1987L5.18915 11.6919L5.1911 11.689L0.931335 7.4292L2.43719 5.92334L6.69696 10.1831L14.0778 2.80322L15.5847 4.30908Z" fill="%23000"/></svg>')
    no-repeat center/contain;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: center;
  translate: 0.5px 1px;
  width: 9px;
}
.halo-radio .dc-radio-input:checked + .radio-box:after {
  animation: dc-tick-jump 0.18s ease-out;
  background-color: currentColor;
  transform: scale(1);
}
.halo-radio .dc-radio-input:disabled:not(:checked) + .radio-box {
  background-color: var(--gray-input-bg);
}
.halo-radio .dc-radio-input:checked:disabled + .radio-box {
  opacity: 0.5;
}
.dc-radio-label,
.dc-radio-label-xs {
  font-size: 12px;
  line-height: 20px;
}
.dc-radio-label-sm {
  font-size: 14px;
  line-height: 24px;
}
.dc-radio-group {
  display: inline-flex;
  gap: 1.5rem;
}
.dc-textarea {
  border-color: #0000;
  border-radius: 6px;
  border-width: 1px;
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
  padding: 0.75rem;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-textarea,
.dc-textarea:disabled {
  background-color: var(--gray-input-bg);
}
.dc-textarea:disabled {
  border-color: var(--gray-border-light);
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
.dc-textarea {
  position: relative;
}
.dc-textarea:focus,
.dc-textarea:focus-within {
  border-color: var(--gray-text-strong);
  outline-width: 0;
  position: relative;
  z-index: 15;
}
.dc-textarea.dc-textarea-disabled::placeholder,
.dc-textarea::placeholder {
  color: var(--gray-text-light);
}
.rc-textarea-affix-wrapper {
  background-color: var(--gray-input-bg);
}
.rc-textarea-affix-wrapper.focused {
  position: relative;
  z-index: 15;
}
.rc-textarea-affix-wrapper.rc-textarea-show-count {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.rc-textarea-affix-wrapper.rc-textarea-show-count .rc-textarea-suffix {
  display: block;
  margin-top: 6px;
  padding: 0;
  pointer-events: none;
  position: static;
  text-align: right;
}
.rc-textarea-affix-wrapper.rc-textarea-show-count .rc-textarea-data-count {
  color: var(--gray-text-light);
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  pointer-events: none;
  position: static;
  white-space: nowrap;
}
.dc-textarea.rc-textarea-affix-wrapper {
  background-color: var(--gray-input-bg);
  border-color: #0000;
  border-radius: 6px;
  border-width: 1px;
  box-sizing: border-box;
  color: var(--gray-text-strong);
  padding: 0.75rem;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-textarea.dc-textarea-error,
.dc-textarea.dc-textarea-error:focus,
.dc-textarea.dc-textarea-error:focus-within,
.dc-textarea.rc-textarea-affix-wrapper.dc-textarea-error,
.dc-textarea.rc-textarea-affix-wrapper.dc-textarea-error:focus,
.dc-textarea.rc-textarea-affix-wrapper.dc-textarea-error:focus-within {
  border-color: var(--red);
}
.dc-textarea.rc-textarea-affix-wrapper-focused {
  border-color: var(--gray-text-strong);
}
.dc-textarea.rc-textarea-affix-wrapper.rc-textarea-affix-wrapper-disabled,
.dc-textarea.rc-textarea-affix-wrapper.rc-textarea-disabled {
  background-color: var(--gray-input-bg);
  border-color: var(--gray-border-light);
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
.dc-textarea.rc-textarea-affix-wrapper.rc-textarea-affix-wrapper-disabled
  textarea.rc-textarea,
.dc-textarea.rc-textarea-affix-wrapper.rc-textarea-affix-wrapper-disabled
  textarea.rc-textarea::placeholder,
.dc-textarea.rc-textarea-affix-wrapper.rc-textarea-disabled
  textarea.rc-textarea,
.dc-textarea.rc-textarea-affix-wrapper.rc-textarea-disabled
  textarea.rc-textarea::placeholder {
  color: var(--gray-text-light);
}
.dc-textarea.rc-textarea-affix-wrapper textarea.rc-textarea {
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  background-color: initial;
  border-width: 0;
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  box-sizing: border-box;
  color: var(--gray-text-strong);
  display: block;
  margin: 0;
  outline: 2px solid #0000;
  outline-offset: 2px;
  padding: 0;
  resize: none;
  width: 100%;
}
.dc-textarea.rc-textarea-affix-wrapper textarea.rc-textarea::placeholder {
  color: var(--gray-text-light);
}
textarea.dc-textarea {
  resize: none;
}
.halo-switch {
  --switch-height: 20px;
  --switch-line-height: 20px;
  --switch-handle-width: 14px;
  --switch-handle-height: 14px;
  background-color: var(--gray-border-light);
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  height: var(--switch-height);
  line-height: var(--switch-line-height);
  min-height: 14px;
  min-width: 2rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  vertical-align: middle;
}
.halo-switch .theme-icon {
  color: var(--gray-text-strong);
  height: 0.75rem;
  width: 0.75rem;
}
.halo-switch .theme-icon:is(.dark *) {
  color: var(--gray-text-strong-invert);
}
.halo-switch .halo-switch-inner {
  display: block;
  height: 100%;
  overflow: hidden;
  padding-inline-end: 9px;
  padding-inline-start: 24px;
  transition:
    padding-inline-start 0.2s ease-in-out,
    padding-inline-end 0.2s ease-in-out;
}
.halo-switch-inner-checked,
.halo-switch-inner-unchecked {
  display: block;
  font-size: 12px;
  line-height: 20px;
  line-height: var(--switch-line-height);
  min-height: 100%;
  pointer-events: none;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.halo-switch-inner-checked {
  color: var(--white);
  margin-inline-end: calc(100% + 30px);
  margin-inline-start: calc(-100% - 30px);
}
.halo-switch-inner-checked.switch-secondary,
.halo-switch-inner-unchecked {
  color: var(--gray-text-light);
}
.halo-switch-inner-unchecked {
  margin-inline-end: 0;
  margin-inline-start: 0;
  margin-top: calc(var(--switch-height) * -1);
}
.halo-switch .halo-switch-handle {
  --tw-shadow: 0 0 10px #00000014;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  align-items: center;
  background-color: var(--white);
  border-radius: 4px;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  cursor: pointer;
  display: flex;
  height: var(--switch-handle-height);
  inset-inline-start: 3px;
  justify-content: center;
  position: absolute;
  top: 3px;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: var(--switch-handle-width);
}
.halo-switch.theme-switch {
  background-color: var(--gray-border-light);
}
.halo-switch:hover .halo-switch-handle {
  animation-name: rcSwitchOn;
}
.halo-switch:focus {
  outline: none;
}
.halo-switch-checked {
  background-color: var(--brand);
}
.halo-switch-checked.switch-secondary,
.halo-switch-checked.theme-switch {
  background-color: var(--gray-border-light);
}
.halo-switch-checked .halo-switch-inner {
  padding-inline-end: 24px;
  padding-inline-start: 9px;
}
.halo-switch-checked .halo-switch-inner-checked {
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.halo-switch-checked .halo-switch-inner-unchecked {
  margin-inline-end: calc(-100% - 30px);
  margin-inline-start: calc(100% + 30px);
}
.halo-switch-checked .halo-switch-handle {
  inset-inline-start: calc(100% - var(--switch-handle-width) - 3px);
}
.halo-switch-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.halo-switch-disabled .halo-switch-handle {
  animation-name: none;
  opacity: 0.5;
  pointer-events: none;
}
.halo-switch-disabled:hover .halo-switch-handle {
  animation-name: none;
  transform: scale(1);
}
.halo-switch-label {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding-left: 10px;
  pointer-events: none;
  -webkit-user-select: text;
  user-select: text;
  vertical-align: middle;
  white-space: normal;
}
.halo-switch.halo-switch-secondary.halo-switch-checked {
  background-color: var(--secondary-color);
}
.halo-switch.halo-switch-secondary.halo-switch-checked:hover {
  background-color: var(--secondary-color-hover);
}
@keyframes rcSwitchOn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes rcSwitchOff {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
.dc-segmented {
  background-color: var(--gray-input-bg);
  border-radius: 6px;
  box-sizing: border-box;
  color: var(--gray-text-strong);
  display: inline-flex;
  font-size: 14px;
  margin: 0;
  padding: 2px;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  user-select: none;
}
.dc-segmented.dc-segmented-block {
  display: flex;
  width: 100%;
}
.dc-segmented.dc-segmented-block .dc-segmented-item {
  flex: 1 1;
}
.dc-segmented.dc-segmented-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.dc-segmented.size-xs {
  border-radius: 4px;
  font-size: 12px;
  height: 24px;
  line-height: 20px;
  padding: 0.125rem;
}
.dc-segmented.size-xs .dc-segmented-item {
  padding: 0.25rem 0.5rem;
}
.dc-segmented.size-xs .dc-segmented-thumb {
  border-radius: 3px;
  height: 20px;
}
.dc-segmented.size-sm {
  border-radius: 6px;
  font-size: 12px;
  line-height: 20px;
  min-height: 30px;
  padding: 0.125rem;
}
.dc-segmented.size-sm .dc-segmented-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dc-segmented.size-sm .dc-segmented-thumb {
  border-radius: 5px;
  min-height: 26px;
}
.dc-segmented.size-md {
  border-radius: 6px;
  font-size: 12px;
  line-height: 20px;
  min-height: 36px;
  padding: 0.125rem;
}
.dc-segmented.size-md .dc-segmented-item {
  padding: 0.25rem 0.75rem;
}
.dc-segmented.size-md .dc-segmented-thumb {
  border-radius: 5px;
  min-height: 2rem;
}
.dc-segmented.size-lg {
  border-radius: 8px;
  font-size: 14px;
  line-height: 24px;
  min-height: 44px;
  padding: 0.125rem;
}
.dc-segmented.size-lg .dc-segmented-item {
  padding: 0.5rem 1rem;
}
.dc-segmented.size-lg .dc-segmented-thumb {
  border-radius: 7px;
  min-height: 2.5rem;
}
.dc-segmented.pill {
  border-radius: 20px;
}
.dc-segmented.pill .dc-segmented-item,
.dc-segmented.pill .dc-segmented-thumb {
  border-radius: 16px;
}
.dc-segmented.vertical {
  flex-direction: column;
  height: auto;
}
.dc-segmented.vertical .dc-segmented-group {
  flex-direction: column;
}
.dc-segmented.vertical.pill .dc-segmented-item,
.dc-segmented.vertical.pill .dc-segmented-thumb {
  border-radius: 16px;
}
.dc-segmented-group {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
}
.dc-segmented-item {
  align-items: center;
  border-radius: 6px;
  color: var(--gray-text-light);
  cursor: pointer;
  display: flex;
  font-weight: 500;
  justify-content: center;
  position: relative;
  text-align: center;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.dc-segmented-item.dc-segmented-item-selected {
  color: var(--gray-text-strong);
  z-index: 2;
}
.dc-segmented-item.dc-segmented-item-disabled {
  color: var(--gray-text-light);
  cursor: not-allowed;
}
.dc-segmented-item:hover:not(.dc-segmented-item-disabled) {
  color: var(--gray-text-strong);
}
.dc-segmented-item:hover:not(.dc-segmented-item-selected) {
  background-color: var(--gray-input-hover);
}
@media (min-width: 768px) {
  .dc-segmented-item:active:not(.dc-segmented-item-selected) {
    background-color: var(--gray-border-light);
  }
}
.dc-segmented-item-icon {
  margin-right: 6px;
}
.dc-segmented-item-icon,
.dc-segmented-item-label {
  align-items: center;
  display: flex;
  z-index: 2;
}
.dc-segmented-thumb {
  background-color: var(--bg-base);
}
.dc-segmented-thumb:is(.dark *) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.dc-segmented-thumb {
  border-radius: 6px;
  opacity: 0;
  position: absolute;
  transition:
    left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1;
}
.dc-dropdown-wrapper {
  --tw-shadow: 0 0 10px #00000014;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  align-items: center;
  background-color: var(--bg-dialog);
  border-radius: 8px;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  flex-shrink: 0;
  justify-content: center;
  min-width: 100%;
  overflow: hidden;
  padding: 0.25rem 0;
  width: -webkit-max-content;
  width: max-content;
  will-change: transform;
  z-index: 50;
}
.dc-dropdown-wrapper.dc-menu li {
  display: flex;
  width: 100%;
}
.dc-dropdown-wrapper.dc-menu li .menu-item {
  align-items: center;
  border-radius: 0;
  color: var(--gray-text-strong);
  cursor: pointer;
  display: flex;
  height: 2.75rem;
  justify-content: flex-start;
  margin: 0;
  padding: 0 0.75rem;
  width: 100%;
}
.dc-dropdown-wrapper.dc-menu li .menu-item:hover {
  background-color: var(--gray-input-bg);
}
.dc-dropdown-wrapper.dc-menu li .menu-item:active {
  background-color: var(--gray-input-bg) !important;
}
@media (max-width: 767px) {
  .dc-dropdown-wrapper.dc-menu li .menu-item:hover {
    background-color: initial;
  }
}
.dc-menu {
  min-width: 150px;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.rc-dropdown {
  will-change: transform, opacity, scale;
}
.rc-dropdown-dc-appear,
.rc-dropdown-dc-enter {
  opacity: 0;
}
.rc-dropdown-dc-leave {
  opacity: 1;
}
.rc-dropdown-dc-appear-active,
.rc-dropdown-dc-enter-active {
  opacity: 1;
  scale: 1;
  transform: translateY(0);
}
.rc-dropdown-dc-appear-active,
.rc-dropdown-dc-enter-active,
.rc-dropdown-dc-leave-active {
  transition-behavior: allow-discrete;
  animation: dropdown 0.15s;
  transition-duration: 0.15s;
  transition-property: opacity, scale, display, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.rc-dropdown-dc-leave-active {
  opacity: 0;
  scale: 0.95;
  transform: translateY(-10px);
}
.rc-dropdown {
  display: block;
  font-size: 12px;
  font-weight: 400;
  left: -9999px;
  line-height: 1.5;
  position: absolute;
  top: -9999px;
  z-index: 1070;
}
.rc-dropdown-hidden {
  display: none;
}
.rc-dropdown .rc-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  list-style-type: none;
  margin: 2px 0;
  outline: none;
  padding: 0;
  position: relative;
  text-align: left;
}
.rc-dropdown .rc-menu > li {
  margin: 0;
  padding: 0;
}
.rc-dropdown .rc-menu:before {
  background: #fff;
  background: #ffffff03;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 100%;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item {
  clear: both;
  color: #666;
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding: 7px 10px;
  position: relative;
  white-space: nowrap;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-active,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:hover {
  background-color: #ebfaff;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  position: relative;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: not-allowed;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-divider {
  background-color: #e5e5e5;
  height: 1px;
  line-height: 0;
  margin: 1px 0;
  overflow: hidden;
}
.rc-dropdown-slide-up-appear,
.rc-dropdown-slide-up-enter {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  display: block !important;
  opacity: 0;
  transform-origin: 0 0;
}
.rc-dropdown-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  display: block !important;
  opacity: 1;
  transform-origin: 0 0;
}
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.dc-dropdown-modal .dc-dropdown-modal-content {
  max-height: 60vh;
  overflow-y: auto;
}
.dc-dropdown-modal .dc-dropdown-wrapper {
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}
.dc-dropdown-modal .dc-dropdown-wrapper.dc-menu li .menu-item {
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 24px;
  padding: 0.5rem 0;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 100%;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 100%;
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 100%;
  }
  to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 100%;
  }
}
.rc-dropdown-arrow {
  border: 2 solid #0000;
  box-shadow: 0 1px 5px #ccc;
  position: absolute;
  transform: rotate(45deg);
}
.rc-dropdown-show-arrow.rc-dropdown-placement-top,
.rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-topRight {
  padding-bottom: 6px;
}
.rc-dropdown-show-arrow.rc-dropdown-placement-bottom,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight {
  padding-top: 6px;
}
.rc-dropdown-placement-top .rc-dropdown-arrow,
.rc-dropdown-placement-topLeft .rc-dropdown-arrow,
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  border-top-color: #fff;
  bottom: 4px;
}
.rc-dropdown-placement-top .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-topLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  right: 15%;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow,
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  border-bottom-color: #fff;
  top: 4px;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  right: 15%;
}
.badge {
  align-items: center;
  display: flex;
  padding: 0;
}
.badge .dc-indicator.overlay {
  position: relative;
}
.badge .dc-indicator.overlay .dc-indicator-item {
  background-color: var(--red);
  border-radius: 9999px;
  height: 0.5rem;
  padding: 0;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 0.5rem;
  z-index: 50;
}
.badge .dc-indicator.overlay .dc-indicator-item.has-border {
  border-color: var(--bg-base);
  border-width: 1px;
}
.badge .dc-indicator.overlay .dc-indicator-item.red {
  background-color: var(--red);
}
.badge .dc-indicator.overlay .dc-indicator-item.green {
  background-color: var(--green);
}
.badge .dc-indicator.overlay .indicator-item {
  --tw-translate-x: 50%;
  --tw-translate-y: -50%;
  align-items: center;
  background-color: var(--red);
  border-radius: 9999px;
  color: var(--white);
  display: flex;
  font-size: 9px;
  justify-content: center;
  line-height: 0.75rem;
  min-height: 1rem;
  min-width: 1rem;
  padding: 0 0.25rem;
  position: absolute;
  right: 0;
  top: 0;
  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));
}
.badge .dc-indicator.overlay .indicator-item.has-border {
  border-color: var(--bg-base);
  border-width: 1px;
}
.badge .dc-indicator.overlay .indicator-item.red {
  background-color: var(--red);
}
.badge .dc-indicator.overlay .indicator-item.green {
  background-color: var(--green);
}
.badge .dc-indicator.overlay .indicator-item.dropdown {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.badge .indicator.inline {
  position: relative;
}
.badge .indicator.inline .indicator-item {
  align-items: center;
  background-color: var(--red);
  border-radius: 9999px;
  color: var(--white);
  display: flex;
  font-size: 9px;
  justify-content: center;
  line-height: 0.75rem;
  min-height: 1rem;
  min-width: 1rem;
  padding: 0 0.25rem;
}
.badge .indicator.inline .indicator-item.has-border {
  border-color: var(--bg-base);
  border-width: 1px;
}
.badge .indicator.inline .indicator-item.red {
  background-color: var(--red);
}
.badge .indicator.inline .indicator-item.green {
  background-color: var(--green);
}
.badge .indicator.inline .indicator-item.dropdown {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.badge .dropdown-wrapper {
  align-items: center;
  border-radius: 9999px;
  display: flex;
  flex-direction: row;
  height: 1rem;
}
.badge .dropdown-wrapper.dropdown {
  cursor: pointer;
}
.badge .dropdown-wrapper.red {
  background-color: var(--red);
}
.badge .dropdown-wrapper.green {
  background-color: var(--green);
}
.badge .dropdown-wrapper-icon-wrapper {
  align-items: center;
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 2px;
  padding-right: 0.25rem;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.badge .dropdown-wrapper-icon-wrapper.expanded.red {
  background-color: var(--red-110);
}
.badge .dropdown-wrapper-icon-wrapper.expanded.green {
  background-color: var(--green-110);
}
.badge .dropdown-wrapper-icon-wrapper.expanded .dropdown-wrapper-icon {
  --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));
}
.badge .dropdown-wrapper-icon,
.badge .dropdown-wrapper-icon-wrapper.expanded .dropdown-wrapper-icon {
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.badge .dropdown-wrapper-icon {
  color: var(--white);
  height: 0.5rem;
  width: 0.5rem;
}
.halo-toaster-container .halo-toast {
  text-wrap: pretty;
  align-items: center;
  background-color: var(--bg-dialog);
  color: var(--gray-text-strong);
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .halo-toaster-container .halo-toast {
    align-items: center;
    background-color: var(--bg-dialog-invert);
    color: var(--gray-text-strong-invert);
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
  }
}
.halo-toaster-container .halo-toast-parent {
  background-color: var(--bg-dialog);
  border-radius: 6px;
  padding: 6px 0.25rem;
}
@media (min-width: 768px) {
  .halo-toaster-container .halo-toast-parent {
    --tw-shadow: 0 0 10px #00000014;
    --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
    box-shadow:
      0 0 #0000,
      0 0 #0000,
      var(--tw-shadow);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .halo-toaster-container .halo-toast-parent:is(.dark *) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
      0 0 #0000,
      0 0 #0000,
      var(--tw-shadow);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
@media (max-width: 767px) {
  .halo-toaster-container .halo-toast-parent {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: var(--bg-dialog-invert);
    box-shadow:
      0 0 #0000,
      0 0 #0000,
      var(--tw-shadow);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
    padding: 10px 0.5rem;
  }
}
.halo-toaster-container .halo-toast-content {
  flex: 1 1;
}
.halo-toaster-container .halo-toast-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.halo-toaster-container .halo-toast-close {
  color: var(--gray-text-light);
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
@media (max-width: 767px) {
  .halo-toaster-container .halo-toast-close {
    color: var(--gray-text-light-invert);
  }
  .halo-toaster-container:has(.halo-toast-parent) div div {
    transform: none !important;
  }
  .halo-toaster-container:has(.halo-toast-parent) > div {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}
.halo-toaster-container .halo-notice {
  align-items: center;
  background-color: var(--bg-dialog);
  border-radius: 6px;
  color: var(--gray-text-strong);
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  width: 100%;
}
.halo-toaster-container .halo-notice.pointer {
  cursor: pointer;
}
.halo-toaster-container .halo-notice-parent {
  --tw-shadow: 0 0 10px #00000014;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  background-color: var(--bg-dialog);
  border-radius: 6px;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  padding: 0.5rem 6px;
  width: 320px;
}
@media (max-width: 767px) {
  .halo-toaster-container .halo-notice-parent {
    padding: 10px 0.5rem;
    width: 100%;
  }
}
.halo-notice-custom {
  width: 100%;
}
.halo-notice-header {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.halo-notice-header.has-icon {
  margin-bottom: 0;
}
.halo-notice-title-wrap {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.halo-notice-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.halo-notice-body {
  flex: 1 1;
  min-width: 0;
}
.halo-notice-title {
  color: var(--gray-text-strong);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.halo-notice-desc {
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
}
.halo-notice-desc.has-icon {
  padding-left: 1.75rem;
}
.halo-notice-close {
  color: var(--gray-text-graphic);
  cursor: pointer;
  flex-shrink: 0;
  height: 1rem;
  margin-left: auto;
  width: 1rem;
}
@layer tailwind-base, antd;
@layer tailwind-base {
  /*
! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
*/
  *,
  :after,
  :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
  }
  :after,
  :before {
    --tw-content: "";
  }
  :host,
  html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family:
      ui-sans-serif,
      system-ui,
      sans-serif,
      Apple Color Emoji,
      Segoe UI Emoji,
      Segoe UI Symbol,
      Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    tab-size: 4;
  }
  body {
    line-height: inherit;
    margin: 0;
  }
  hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  pre,
  samp {
    font-feature-settings: normal;
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      Liberation Mono,
      Courier New,
      monospace;
    font-size: 1em;
    font-variation-settings: normal;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  input:where([type="button"]),
  input:where([type="reset"]),
  input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: initial;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dd,
  dl,
  figure,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  p,
  pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
  }
  fieldset,
  legend {
    padding: 0;
  }
  menu,
  ol,
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  dialog {
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::placeholder,
  textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
  }
  [role="button"],
  button {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  audio,
  canvas,
  embed,
  iframe,
  img,
  object,
  svg,
  video {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    height: auto;
    max-width: 100%;
  }
  [hidden] {
    display: none;
  }
  :root,
  [data-theme] {
    background-color: oklch(var(--b1) / 1);
    background-color: var(--fallback-b1, oklch(var(--b1) / 1));
    color: oklch(var(--bc) / 1);
    color: var(--fallback-bc, oklch(var(--bc) / 1));
  }
  @supports not (color: oklch(0% 0 0)) {
    :root {
      --fallback-p: #491eff;
      --fallback-pc: #d4dbff;
      --fallback-s: #ff41c7;
      --fallback-sc: #fff9fc;
      --fallback-a: #00cfbd;
      --fallback-ac: #00100d;
      --fallback-n: #2b3440;
      --fallback-nc: #d7dde4;
      --fallback-b1: #fff;
      --fallback-b2: #e5e6e6;
      --fallback-b3: #e5e6e6;
      --fallback-bc: #1f2937;
      --fallback-in: #00b3f0;
      --fallback-inc: #000;
      --fallback-su: #00ca92;
      --fallback-suc: #000;
      --fallback-wa: #ffc22d;
      --fallback-wac: #000;
      --fallback-er: #ff6f70;
      --fallback-erc: #000;
      color-scheme: light;
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --fallback-p: #7582ff;
        --fallback-pc: #050617;
        --fallback-s: #ff71cf;
        --fallback-sc: #190211;
        --fallback-a: #00c7b5;
        --fallback-ac: #000e0c;
        --fallback-n: #2a323c;
        --fallback-nc: #a6adbb;
        --fallback-b1: #1d232a;
        --fallback-b2: #191e24;
        --fallback-b3: #15191e;
        --fallback-bc: #a6adbb;
        --fallback-in: #00b3f0;
        --fallback-inc: #000;
        --fallback-su: #00ca92;
        --fallback-suc: #000;
        --fallback-wa: #ffc22d;
        --fallback-wac: #000;
        --fallback-er: #ff6f70;
        --fallback-erc: #000;
        color-scheme: dark;
      }
    }
  }
  html {
    -webkit-tap-highlight-color: transparent;
  }
  * {
    scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
  }
  :hover {
    scrollbar-color: color-mix(in oklch, currentColor 60%, #0000) #0000;
  }
  :root {
    --p: 71.7278% 0.190716 49.519226;
    --b2: 93% 0 0;
    --b3: 86% 0 0;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.15 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --bc: 20% 0 0;
    --pc: 14.3456% 0.038143 49.519226;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --b1: 100% 0 0;
  }
  *,
  :after,
  :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  ::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: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
}
:root {
  --android-safe-area-bottom: 0px;
  height: 100% !important;
  overscroll-behavior: unset;
  body {
    height: 100% !important;
  }
}
.dc-checkbox {
  --chkfg: #fff;
  border-color: var(--gray-border-light);
  border-radius: 0.25rem;
}
.ant-tabs-ink-bar {
  border-radius: 3px !important;
  height: 3px !important;
}
.app-loading {
  align-items: center;
  background: #000;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
.app-loading.light,
.app-loading.mobile {
  background: #fff;
}
.app-loading .sk-wave {
  display: flex;
  height: 40px;
  justify-content: space-between;
  width: 30px;
}
.app-loading .sk-wave-rect {
  animation: sk-wave 1.2s ease-in-out infinite;
  background: #fe7701;
  height: 100%;
  width: 10%;
}
.app-loading.mobile .sk-wave-rect {
  background: #000;
}
.app-loading .sk-wave-rect:first-child {
  animation-delay: -1.2s;
}
.app-loading .sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}
.app-loading .sk-wave-rect:nth-child(3) {
  animation-delay: -1s;
}
.app-loading .sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}
@keyframes sk-wave {
  0%,
  40%,
  to {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
#root {
  background: #f4f5f7;
}
.remark-cell {
  color: var(--gray-text-light);
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 5rem;
}
@media (max-width: 767px) {
  :root {
    padding-bottom: max(env(safe-area-inset-bottom, 0px), 0px);
    padding-bottom: max(
      env(safe-area-inset-bottom, 0px),
      var(--android-safe-area-bottom, 0px)
    );
  }
  body {
    overflow: hidden;
    transform: translateZ(0);
  }
  .dc-modal-box {
    padding-bottom: calc(
      max(env(safe-area-inset-bottom, 0px), 0px) + 1.5rem
    ) !important;
    padding-bottom: calc(
      max(
          env(safe-area-inset-bottom, 0px),
          var(--android-safe-area-bottom, 0px)
        ) +
        1.5rem
    ) !important;
  }
  .modal-open-fixed {
    #root {
      position: fixed;
    }
  }
}
:root {
  --rts-primary-color: #fd9e02;
  --rts-gray-color: #ddd;
  --rts-white-color: #fff;
}
.display___block {
  display: block;
}
.display____inline___block {
  display: inline-block;
}
.display___none {
  display: none !important;
}
@media (max-width: 991.98px) {
  .display___md___none {
    display: none !important;
  }
}
.rts___tabs___container {
  display: flex;
  overflow: auto;
}
@media (max-width: 991.98px) {
  .rts___tabs___container {
    padding: 5px;
  }
}
.rts___tabs {
  display: flex;
  overflow: auto;
  padding: 10px 0;
}
.rts___tabs.hide___rts___tabs___scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rts___tabs.hide___rts___tabs___scroll::-webkit-scrollbar {
  display: none;
}
.rts___tab {
  margin: 0 5px;
  padding: 10px 40px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .rts___tab {
    margin: 0 2px;
  }
}
@media (max-width: 767.98px) {
  .rts___tab {
    padding: 5px 20px;
  }
}
.rts___btn {
  background-color: initial;
  border: 2px solid #ddd;
  border: 2px solid var(--rts-gray-color);
  border-radius: 40px;
  cursor: pointer;
}
.rts___tab___selected {
  background-color: #fd9e02;
  background-color: var(--rts-primary-color);
  box-shadow: 0 1px 4px #00000029;
  color: #fff;
  color: var(--rts-white-color);
}
.rts___nav___btn {
  align-items: center;
  color: #0009;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  justify-content: center;
}
.rts___nav___btn:hover {
  background-color: #fd9e02;
  background-color: var(--rts-primary-color);
  transition: all 0.5s;
}
.rts___nav___btn:hover > svg {
  stroke: #fff;
  stroke: var(--rts-white-color);
}
@media (max-width: 767.98px) {
  .rts___nav___btn > svg {
    width: 15px;
  }
}
.rts___svg___icon {
  stroke: #0009;
}
.rts___nav___btn:disabled,
button:disabled.rts___btn,
button[disabled].rts___btn {
  color: #ddd;
  color: var(--rts-gray-color);
  cursor: not-allowed;
  pointer-events: none;
}
.rts button:disabled.rts___btn svg,
.rts___nav___btn:disabled svg,
button[disabled].rts___btn svg {
  stroke: #ddd;
  stroke: var(--rts-gray-color);
}
.rts___tabs___upper___container {
  align-items: center;
  display: flex;
  position: relative;
}
.rts___nav___btn___container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.rts___tabs-container {
  -ms-overflow-style: none;
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.rts___tabs___container::-webkit-scrollbar {
  display: none;
}
.rts___left___nav___btn,
.rts___right___nav___btn {
  align-items: center;
  background: #0000;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: none;
}
.rc-picker {
  display: inline-flex;
  position: relative;
}
.rc-picker-rtl {
  direction: rtl;
}
.rc-picker-focused {
  border: 1px solid blue;
}
.rc-picker-invalid {
  box-shadow: 0 0 2px red;
}
.rc-picker-panels {
  display: flex;
  flex-wrap: nowrap;
}
.rc-picker-panel {
  background: #fff0ff;
  border: 1px solid #666;
  display: inline-block;
  vertical-align: top;
}
.rc-picker-panel-focused {
  border-color: blue;
}
.rc-picker-panel-rtl {
  direction: rtl;
}
.rc-picker-date-panel,
.rc-picker-decade-panel,
.rc-picker-month-panel,
.rc-picker-time-panel,
.rc-picker-week-panel,
.rc-picker-year-panel {
  display: flex;
  flex-direction: column;
}
.rc-picker-date-panel table,
.rc-picker-decade-panel table,
.rc-picker-month-panel table,
.rc-picker-time-panel table,
.rc-picker-week-panel table,
.rc-picker-year-panel table {
  border-collapse: collapse;
  text-align: center;
}
.rc-picker-header {
  display: flex;
}
.rc-picker-header > * {
  flex: none;
}
.rc-picker-header-view {
  flex: auto;
  text-align: center;
}
.rc-picker-header-view > button {
  border: 0;
  padding: 0;
}
.rc-picker-cell {
  color: #aaa;
}
.rc-picker-cell-disabled {
  opacity: 0.2;
}
.rc-picker-cell-inner {
  background: #0000;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  outline: none;
  padding: 0;
  transition:
    background 0.3s,
    border 0.3s;
  width: 100%;
}
.rc-picker-cell-inner:hover {
  background: #0000ff4d;
}
.rc-picker-cell-in-view {
  color: #333;
}
.rc-picker-cell-in-range > .rc-picker-cell-inner {
  background: #0000ff0d;
}
.rc-picker-cell-hover > .rc-picker-cell-inner {
  background: orange;
}
.rc-picker-cell-range-hover,
.rc-picker-cell-range-hover-end,
.rc-picker-cell-range-hover-start {
  position: relative;
}
.rc-picker-cell-range-hover-end:after,
.rc-picker-cell-range-hover-start:after,
.rc-picker-cell-range-hover:after {
  border: 1px solid green;
  border-left: 0;
  border-right: 0;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 3px;
}
.rc-picker-cell-range-hover-start:after {
  border-left: 1px solid green !important;
}
.rc-picker-cell-range-hover-end:after {
  border-right: 1px solid green !important;
}
.rc-picker-cell-today > .rc-picker-cell-inner {
  border: 1px solid blue;
}
.rc-picker-cell-range-end > .rc-picker-cell-inner,
.rc-picker-cell-range-start > .rc-picker-cell-inner,
.rc-picker-cell-selected > .rc-picker-cell-inner {
  background: #00f3;
}
.rc-picker-presets {
  background: #ccf;
}
.rc-picker-presets ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rc-picker-footer,
.rc-picker-picker-footer {
  background: green;
}
.rc-picker-ranges {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.rc-picker-ranges > li {
  display: inline-block;
}
.rc-picker-ok {
  float: right;
}
.rc-picker-month-panel .rc-picker-cell-inner,
.rc-picker-year-panel .rc-picker-cell-inner {
  width: 80px;
}
.rc-picker-week-panel-row:hover .rc-picker-cell {
  background: red;
}
.rc-picker-week-panel-row-selected .rc-picker-cell {
  background: #0000ff4d;
}
.rc-picker-week-panel-row-range-hover .rc-picker-cell {
  background: #00ff001a;
}
.rc-picker-week-panel-row-range-end .rc-picker-cell,
.rc-picker-week-panel-row-range-start .rc-picker-cell {
  background: #00ff004d;
}
.rc-picker-week-panel .rc-picker-cell,
.rc-picker-week-panel .rc-picker-cell-inner {
  width: 20px;
}
.rc-picker-week-panel .rc-picker-cell-week {
  color: #999;
  font-size: 12px;
  font-weight: 700;
}
.rc-picker-week-panel .rc-picker-cell-selected > .rc-picker-cell-inner,
.rc-picker-week-panel .rc-picker-cell:hover > .rc-picker-cell-inner {
  background: #0000;
}
.rc-picker-date-panel .rc-picker-cell-inner {
  width: 20px;
}
.rc-picker-time-panel {
  width: auto;
}
.rc-picker-time-panel .rc-picker-content {
  direction: ltr;
  display: flex;
  max-height: 200px;
  position: relative;
}
.rc-picker-time-panel-column-title {
  font-size: 14px;
  line-height: 20px;
}
.rc-picker-time-panel-column {
  flex: auto;
  font-size: 12px;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0 0 180px;
  text-align: left;
  transition: background 0.3s;
  width: 50px;
}
.rc-picker-time-panel-column-active {
  background: #0000ff1a;
}
.rc-picker-time-panel-column:hover {
  overflow-y: auto;
}
.rc-picker-time-panel-column > li {
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 50px;
}
.rc-picker-time-panel-column > li.rc-picker-time-panel-cell-disabled {
  opacity: 0.5;
}
.rc-picker-time-panel-column > li.rc-picker-time-panel-cell-selected {
  background: #0000ff80;
}
.rc-picker-time-panel-column > li .rc-picker-time-panel-cell-inner {
  color: #333;
  display: block;
  height: 20px;
  line-height: 20px;
  margin: 0;
  text-align: center;
  width: 100%;
}
.rc-picker-panel-rtl
  .rc-picker-time-panel-column
  > li
  .rc-picker-time-panel-cell-inner {
  padding: 0 12px 0 0;
  text-align: right;
}
.rc-picker-datetime-panel {
  display: flex;
}
.rc-picker-datetime-panel .rc-picker-time-panel {
  border-left: 1px solid #999;
}
.rc-picker-datetime-panel .rc-picker-date-panel,
.rc-picker-datetime-panel .rc-picker-time-panel {
  transition: opacity 0.3s;
}
.rc-picker-datetime-panel-active .rc-picker-date-panel,
.rc-picker-datetime-panel-active .rc-picker-time-panel {
  opacity: 0.3;
}
.rc-picker-datetime-panel-active .rc-picker-date-panel-active,
.rc-picker-datetime-panel-active .rc-picker-time-panel-active {
  opacity: 1;
}
.rc-picker-input {
  display: inline-flex;
  position: relative;
  width: 100%;
}
.rc-picker-rtl .rc-picker-input {
  text-align: right;
}
.rc-picker-input-active > input {
  background: #0000ff0d;
}
.rc-picker-input > input {
  width: 100%;
}
.rc-picker-input > input::placeholder {
  color: #bfbfbf;
}
.rc-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.rc-picker-input-placeholder > input {
  color: #bfbfbf;
}
.rc-picker-clear {
  cursor: pointer;
  inset-inline-end: 4px;
  position: absolute;
  top: 0;
}
.rc-picker-clear-btn:after {
  content: "×";
}
.rc-picker-dropdown {
  box-shadow: 0 0 1px red;
  pointer-events: none;
  position: absolute;
}
.rc-picker-dropdown-range {
  padding: 10px 0;
}
.rc-picker-dropdown-hidden {
  display: none;
}
.rc-picker-dropdown-rtl {
  direction: rtl;
}
.rc-picker-dropdown-placement-topLeft .rc-picker-range-arrow,
.rc-picker-dropdown-placement-topRight .rc-picker-range-arrow {
  bottom: 6px;
  transform: rotate(135deg);
}
.rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow,
.rc-picker-dropdown-placement-bottomRight .rc-picker-range-arrow {
  top: 6px;
  transform: rotate(-45deg);
}
.rc-picker-dropdown .rc-picker-range-arrow {
  height: 10px;
  position: absolute;
  transition: all 0.3s;
  width: 10px;
  z-index: 1;
}
.rc-picker-dropdown .rc-picker-range-arrow:after,
.rc-picker-dropdown .rc-picker-range-arrow:before {
  box-sizing: border-box;
  content: "";
  inset-inline-start: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow:after,
.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow:before {
  transform: translate(50%, -50%);
}
.rc-picker-dropdown .rc-picker-range-arrow:before {
  border-color: blue blue #0000 #0000;
  border-style: solid;
  border-width: 5px;
  height: 10px;
  width: 10px;
}
.rc-picker-dropdown .rc-picker-range-arrow:after {
  border-color: #fff0ff #fff0ff #0000 #0000;
  border-style: solid;
  border-width: 4px;
  height: 8px;
  width: 8px;
}
.rc-picker-range {
  display: inline-flex;
  position: relative;
}
.rc-picker-range-wrapper {
  display: flex;
}
.rc-picker-range .rc-picker-active-bar {
  background: green;
  bottom: 0;
  height: 3px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.rc-picker-range.rc-picker-focused .rc-picker-active-bar {
  opacity: 1;
}
.rc-picker-panel-container {
  display: inline-block;
  pointer-events: all;
  transition: margin 0.3s;
  vertical-align: top;
}
.rc-picker-panel-layout {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
}
.rc-picker-selector {
  width: 100%;
}
.rc-picker-selection-overflow {
  border: 1px solid green;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  min-height: 1em;
  width: 100%;
}
.rc-picker-selection-overflow-item {
  flex: none;
  max-width: 100%;
}
.rc-picker-selection-item {
  border: 1px solid blue;
}
.rc-picker-selection-placeholder {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.rc-picker-multiple-input {
  opacity: 0.1;
  width: 10px;
}
.PageTabs_pageTabs__C6lYJ
  .ant-tabs-nav-list
  .ant-tabs-tab
  .pageTabs-tab-item
  .tab-icon {
  display: none;
}
@media (max-width: 767px) {
  .PageTabs_pageTabs__C6lYJ {
    align-items: center;
    background-color: var(--bg-base);
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    position: fixed;
    right: 0;
    z-index: 10;
  }
  .PageTabs_pageTabs__C6lYJ .ant-tabs-nav {
    width: 100%;
  }
  .PageTabs_pageTabs__C6lYJ .ant-tabs-nav .ant-tabs-nav-list {
    justify-content: space-around;
    width: 100%;
  }
  .PageTabs_pageTabs__C6lYJ .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
    background-color: var(--bg-base);
  }
  .PageTabs_pageTabs__C6lYJ
    .ant-tabs-nav
    .ant-tabs-nav-list
    .ant-tabs-tab
    .ant-tabs-tab-btn {
    transition: none !important;
  }
  .PageTabs_pageTabs__C6lYJ
    .ant-tabs-nav
    .ant-tabs-nav-list
    .ant-tabs-tab
    .pageTabs-tab-item {
    align-items: center;
    color: var(--gray-text-light);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0;
  }
  .PageTabs_pageTabs__C6lYJ
    .ant-tabs-nav
    .ant-tabs-nav-list
    .ant-tabs-tab
    .pageTabs-tab-item
    .tab-icon {
    align-items: center;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    margin-bottom: 0.25rem;
    width: 1.25rem;
  }
  .PageTabs_pageTabs__C6lYJ
    .ant-tabs-nav
    .ant-tabs-nav-list
    .ant-tabs-tab
    .pageTabs-tab-item
    .tab-label {
    color: var(--gray-text-light);
    font-size: 12px;
    line-height: 20px;
  }
  .PageTabs_pageTabs__C6lYJ
    .ant-tabs-nav
    .ant-tabs-nav-list
    .ant-tabs-tab-active
    .pageTabs-tab-item
    .tab-icon
    svg
    * {
    fill: var(--gray-text-strong);
    fill-opacity: 1;
  }
  .PageTabs_pageTabs__C6lYJ
    .ant-tabs-nav
    .ant-tabs-nav-list
    .ant-tabs-tab-active
    .pageTabs-tab-item
    .tab-label {
    color: var(--gray-text-strong);
  }
}
.AfcForm_afc-form__iHcng {
  align-items: center;
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.AfcForm_afc-form__iHcng .form-item {
  background-color: var(--bg-dialog);
  border-color: var(--gray-input-bg);
  border-radius: 8px;
  border-width: 1px;
  color: var(--gray-input-bg) !important;
  flex-shrink: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding: 0.25rem 0.75rem;
}
.AfcForm_afc-form__iHcng .ant-form-item {
  margin-right: 0 !important;
}
.AfcForm_afc-form__iHcng .reset-button,
.AfcForm_afc-form__iHcng .submit-button {
  height: 2.5rem;
}
.AfcForm_afc-form__iHcng .advanced-form,
.AfcForm_afc-form__iHcng .normal-form {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.AfcForm_afc-form__iHcng .advanced-form {
  border-radius: 8px;
  padding: 0.5rem;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.AfcFormView_afc-form-view__6alhv {
  align-items: center;
  background-color: var(--bg-dialog);
  display: flex;
  flex: 1 1;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%;
}
.AfcFormView_afc-form-view__6alhv.AfcFormView_action-collapsed__-ujnV {
  align-items: flex-start;
}
.AfcFormView_afc-form-view__6alhv .left-form {
  flex: 1 1;
}
.AfcFormView_afc-form-view__6alhv .right-actions {
  display: flex;
  flex-direction: row;
}
.AfcFormView_afc-form-view__6alhv .action-btns-collapsed {
  margin-top: 5px;
}
.AfcFormView_afc-form-view__6alhv .action-btn {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.AfcFormView_afc-form-view__6alhv .action-btn-icon {
  color: var(--brand);
  height: 1.25rem;
  width: 1.25rem;
}
.ColumnSelectButton_column-select-button__6Fr7X {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.ColumnSelectButton_column-select-button__6Fr7X .action-btn-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.TableColumnItem_text-item__hBdry {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 24px;
}
.TableColumnItem_text-item__hBdry .TableColumnItem_icon-item__F0X3K {
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.TableColumnItem_text-item__hBdry
  .TableColumnItem_icon-item__F0X3K
  .TableColumnItem_icon__\+9A73 {
  color: var(--gray-text-light);
  height: 1rem;
  width: 1rem;
}
.TableColumnItem_text-item__hBdry
  .TableColumnItem_icon-item__F0X3K
  .TableColumnItem_icon__\+9A73:hover {
  color: var(--brand-80);
}
.TableColumnItem_time-item__R4QQP {
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
}
.TableColumnItem_number-item__FHzM8 {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  font-size: 14px;
  line-height: 24px;
}
.TableColumnItem_number-item__FHzM8 .TableColumnItem_symbol-item__fBblB {
  margin-right: 0.25rem;
}
.TableColumnItem_number-item__FHzM8 .TableColumnItem_freeze-item__H8WWk {
  color: var(--red);
  cursor: help;
  margin-left: 0.25rem;
}
.TableColumnItem_number-item__FHzM8 .TableColumnItem_freeze-item__H8WWk:hover {
  opacity: 0.7;
}
.TableColumnItem_number-item__FHzM8 .TableColumnItem_icon-item__F0X3K {
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.TableColumnItem_number-item__FHzM8
  .TableColumnItem_icon-item__F0X3K
  .TableColumnItem_icon__\+9A73 {
  color: var(--gray-text-light);
  height: 1rem;
  width: 1rem;
}
.TableColumnItem_number-item__FHzM8
  .TableColumnItem_icon-item__F0X3K
  .TableColumnItem_icon__\+9A73:hover {
  color: var(--brand-80);
}
.TableColumnItem_uid-item__jaYXG {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 24px;
}
.TableColumnItem_uid-item__jaYXG .TableColumnItem_secondary-uid__P0DD2 {
  color: var(--gray-text-light);
  cursor: help;
}
.TableColumnItem_uid-item__jaYXG .TableColumnItem_secondary-uid__P0DD2:hover {
  opacity: 0.7;
}
.TableColumnItem_uid-item__jaYXG .TableColumnItem_primary-uid__FUY1o {
  color: var(--brand);
  cursor: pointer;
  width: 5rem;
}
.TableColumnItem_uid-item__jaYXG .TableColumnItem_primary-uid__FUY1o:hover {
  color: var(--brand-80);
}
.TableColumnItem_uid-item__jaYXG .TableColumnItem_icon-item__F0X3K {
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.TableColumnItem_uid-item__jaYXG
  .TableColumnItem_icon-item__F0X3K
  .TableColumnItem_icon__\+9A73 {
  color: var(--gray-text-light);
  height: 1rem;
  width: 1rem;
}
.TableColumnItem_uid-item__jaYXG
  .TableColumnItem_icon-item__F0X3K
  .TableColumnItem_icon__\+9A73:hover {
  color: var(--brand-80);
}
.TableColumnItem_tag-column__bkpgv {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.TableColumnItem_tag-column__bkpgv .TableColumnItem_tag-item__mqEQI {
  align-items: center;
  background-color: var(--gray-input-bg);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  margin-right: 0.25rem;
  padding: 2px 0.5rem;
}
.TableColumnItem_tag-column__bkpgv .TableColumnItem_tag-item__mqEQI span {
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
}
.TableColumnItem_status-column__dLdux {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.TableColumnItem_status-column__dLdux
  .TableColumnItem_status-column-value__3hVCV {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
}
.TableColumnItem_status-column__dLdux
  .TableColumnItem_status-column-dot__LDEt3 {
  border-radius: 9999px;
  height: 0.5rem;
  margin-right: 0.5rem;
  width: 0.5rem;
}
@media (max-width: 767px) {
  .TableColumnItem_number-item__FHzM8 .TableColumnItem_icon-item__F0X3K,
  .TableColumnItem_text-item__hBdry .TableColumnItem_icon-item__F0X3K {
    position: relative;
  }
  .TableColumnItem_number-item__FHzM8 .TableColumnItem_icon-item__F0X3K:before,
  .TableColumnItem_text-item__hBdry .TableColumnItem_icon-item__F0X3K:before {
    content: "";
    display: block;
    inset: -0.125rem;
    position: absolute;
  }
  .TableColumnItem_number-item__FHzM8
    .TableColumnItem_icon-item__F0X3K
    .TableColumnItem_icon__\+9A73,
  .TableColumnItem_text-item__hBdry
    .TableColumnItem_icon-item__F0X3K
    .TableColumnItem_icon__\+9A73 {
    height: 1rem;
    width: 1rem;
  }
  .TableColumnItem_uid-item__jaYXG .TableColumnItem_icon-item__F0X3K {
    background-color: var(--gray-input-bg);
    height: 26px;
    margin-left: 0.25rem;
    position: relative;
    width: 26px;
  }
  .TableColumnItem_uid-item__jaYXG .TableColumnItem_icon-item__F0X3K:before {
    content: "";
    display: block;
    inset: -0.125rem;
    position: absolute;
  }
  .TableColumnItem_uid-item__jaYXG
    .TableColumnItem_icon-item__F0X3K
    .TableColumnItem_icon__\+9A73 {
    height: 1rem;
    width: 1rem;
  }
}
.afc-tooltip-content {
  max-width: 300px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: normal;
}
.filter-section .filter-group-title {
  color: var(--gray-text-light);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
}
.filter-section .filter-checkbox-group {
  column-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  row-gap: 0.5rem;
}
.filter-section .filter-radio-group .dc-radio-group {
  column-gap: 0.5rem;
  flex-wrap: wrap;
  row-gap: 0.75rem;
}
.filter-section .filter-radio-group .dc-radio-group .halo-radio {
  width: 10rem;
}
.filter-section .filter-radio-group .dc-radio-group .halo-radio .radio-box,
.filter-section
  .filter-radio-group
  .dc-radio-group
  .halo-radio
  input[type="radio"] {
  display: none;
}
.filter-section
  .filter-radio-group
  .dc-radio-group
  .halo-radio
  input[type="radio"]:checked
  ~ .dc-radio-label {
  border-color: var(--gray-text-strong);
}
.filter-section
  .filter-radio-group
  .dc-radio-group
  .halo-radio
  .dc-radio-label {
  border-color: var(--gray-border-light);
  border-radius: 6px;
  border-width: 1px;
  color: var(--gray-text-strong);
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 0;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
}
.filter-section .filter-input-group .dc-input {
  transform: scale(1);
}
.halo-date-range-picker-mobile .drp-shortcuts {
  display: flex;
  font-weight: 500;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.halo-date-range-picker-mobile .drp-shortcuts .drp-shortcut-btn {
  background-color: var(--bg-base);
  border-color: var(--gray-border-light);
  border-radius: 8px;
  border-width: 1px;
  color: var(--gray-text-strong);
  font-size: 12px;
  line-height: 20px;
  padding: 0.25rem 0.75rem;
}
.halo-date-range-picker-mobile .drp-input-box.active,
.halo-date-range-picker-mobile .drp-shortcuts .drp-shortcut-btn.active {
  border-color: var(--gray-text-strong);
  border-width: 1px;
}
.halo-date-picker-modal .dc-modal-action,
.halo-date-picker-modal .dc-modal-title,
.halo-date-picker-modal .drp-inputs,
.halo-date-picker-modal .drp-shortcuts,
.halo-embla-picker {
  padding-left: 0;
  padding-right: 0;
}
.afc-select {
  max-height: 50vh;
  overflow: hidden;
  width: 100%;
}
.afc-select .select-container {
  background-color: var(--bg-base);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  max-height: 80vh;
  overflow: hidden;
  width: 100%;
}
.afc-select .select-search {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  border-radius: 8px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  width: 100%;
}
.afc-select .select-search::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.afc-select .select-search:focus {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.afc-select .select-list {
  max-height: 60vh;
}
.afc-select .select-list > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
}
.afc-select .select-list {
  overflow-y: auto;
}
.afc-select .select-item {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 24px;
  padding: 0.5rem 1rem;
}
.afc-select .select-item:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.afc-select .select-check {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  height: 1.25rem;
  width: 1.25rem;
}
.mobile-filter-bar .filter-search-bar {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  margin-right: 0.5rem;
  margin-top: 0.75rem;
}
.mobile-filter-bar .filter-search-bar .dc-btn {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  height: 1.5rem;
  line-height: 20px;
  min-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.mobile-filter-bar .filter-search-bar-left {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mobile-filter-bar .filter-search-bar-right {
  display: flex;
  gap: 1rem;
  margin-left: 1rem;
}
.mobile-search-modal {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.mobile-search-modal .dc-modal-title {
  display: none !important;
}
.mobile-search-modal .filter-section .filter-group-title {
  color: var(--gray-text-strong);
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.mobile-search-modal
  .filter-section
  .filter-input-group
  .dc-input::placeholder {
  font-size: 14px;
  line-height: 24px;
}
.mobile-search-modal .filter-bar-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
.mobile-search-modal .filter-bar-actions > * {
  border-radius: 8px;
  flex: 1 1;
}
.mobile-filter-modal {
  padding: 0.5rem 1rem 1.5rem;
}
.mobile-filter-modal .dc-modal-title {
  margin-bottom: 0 !important;
  padding-bottom: 0.5rem !important;
  padding-top: 1rem !important;
}
.mobile-filter-modal
  .dc-modal-content
  .filter-section
  .filter-input-group
  .dc-input::placeholder {
  font-size: 14px;
  line-height: 24px;
}
.mobile-filter-modal .dc-modal-content .filter-modal-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 2rem;
}
.mobile-filter-modal .dc-modal-content .filter-modal-actions > * {
  border-radius: 8px;
  flex: 1 1;
}
.filter-modal-single .dc-modal-title {
  display: none !important;
}
.filter-modal-single .filter-section .filter-group-title {
  color: var(--gray-text-strong);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.filter-modal-single .filter-modal-actions {
  margin-top: 1.5rem;
}
.ResponsiveTable_mobile-cards__TQbNF > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}
.ResponsiveTable_mobile-cards__TQbNF .ResponsiveTable_card__7yXs2 {
  background-color: var(--bg-base);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  padding: 1rem;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_loading-spinner__ZJEDV {
  --tw-border-opacity: 1;
  animation: ResponsiveTable_spin__8qRml 1s linear infinite;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  border-radius: 9999px;
  border-top-color: var(--brand);
  border-width: 2px;
  height: 1.5rem;
  margin: 2rem auto;
  width: 1.5rem;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-title__AH29J {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-title__AH29J
  .ResponsiveTable_left__5fNTM {
  align-items: center;
  display: flex;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-title__AH29J
  .ResponsiveTable_left__5fNTM
  .ResponsiveTable_value__hwU5l {
  color: var(--gray-text-strong-invert);
  margin-bottom: 0.75rem;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-title__AH29J
  .ResponsiveTable_left__5fNTM
  .ResponsiveTable_value__hwU5l
  .item-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-title__AH29J
  .ResponsiveTable_right__wlTQ\+ {
  align-items: center;
  display: flex;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-item__l1e35 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-item__l1e35
  .ResponsiveTable_label__yj\+3Q {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  font-size: 14px;
  line-height: 24px;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_card__7yXs2
  .ResponsiveTable_card-item__l1e35
  .ResponsiveTable_value__hwU5l {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 28px;
}
.ResponsiveTable_mobile-cards__TQbNF .ResponsiveTable_empty__FsVEk {
  --tw-text-opacity: 1;
  align-items: center;
  background-color: var(--bg-base);
  border-radius: 8px;
  color: rgb(156 163 175 / var(--tw-text-opacity));
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 0.75rem;
  justify-content: center;
  line-height: 24px;
  margin-bottom: 1rem;
  min-height: 40vh;
  padding: 2rem 1rem;
  text-align: center;
}
.ResponsiveTable_mobile-cards__TQbNF .ResponsiveTable_pagination-info__90N6i {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: center;
}
.ResponsiveTable_mobile-cards__TQbNF .ResponsiveTable_observer-target__LZrLJ {
  align-items: center;
  display: flex;
  height: 2.5rem;
  justify-content: center;
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_observer-target__LZrLJ
  .ResponsiveTable_loading-spinner__ZJEDV {
  height: 1.5rem;
  width: 1.5rem;
}
@keyframes ResponsiveTable_spin__8qRml {
  to {
    transform: rotate(1turn);
  }
}
.ResponsiveTable_mobile-cards__TQbNF
  .ResponsiveTable_observer-target__LZrLJ
  .ResponsiveTable_loading-spinner__ZJEDV {
  --tw-border-opacity: 1;
  animation: ResponsiveTable_spin__8qRml 1s linear infinite;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  border-radius: 9999px;
  border-top-color: var(--brand);
  border-width: 2px;
}
.ResponsiveTable_responsive-table-detail-modal__7QCKG {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ResponsiveTable_responsive-table-detail-modal__7QCKG
  .dc-modal-title
  .item-text {
  color: var(--gray-text-strong);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.ResponsiveTable_responsive-table-detail-modal__7QCKG
  .dc-modal-title
  .uid-item-text:before {
  color: var(--brand);
  content: "UID";
  margin-right: 0.25rem;
}
.ResponsiveTable_responsive-table-detail-modal__7QCKG
  .ResponsiveTable_modal-content__IHA9x
  .ResponsiveTable_modal-item__tMRKh {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ResponsiveTable_responsive-table-detail-modal__7QCKG
  .ResponsiveTable_modal-content__IHA9x
  .ResponsiveTable_modal-item__tMRKh
  .ResponsiveTable_modal-item-label__Vw7Ne {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  font-size: 14px;
  line-height: 24px;
}
.ResponsiveTable_responsive-table-detail-modal__7QCKG
  .ResponsiveTable_modal-content__IHA9x
  .ResponsiveTable_modal-item__tMRKh:first-child {
  display: none;
}
.EntrustRecords_entrust-records__zzqbU {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
}
.EntrustRecords_entrust-records__zzqbU .EntrustRecords_responsive-table__zTLSh {
  width: 100%;
}
@media (max-width: 767px) {
  .EntrustRecords_entrust-records__zzqbU {
    background-color: initial;
    padding: 0;
  }
}
.StatCard_stat-card__uXEPo {
  flex-direction: row;
  flex-grow: 0;
  padding: 1.25rem;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.StatCard_stat-card__uXEPo,
.StatCard_stat-card__uXEPo .icon {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex-shrink: 0;
}
.StatCard_stat-card__uXEPo .icon {
  background-color: var(--gray-input-bg);
  height: 2.75rem;
  justify-content: center;
  margin-right: 0.75rem;
  width: 2.75rem;
}
.StatCard_stat-card__uXEPo .icon .icon-size {
  height: 1.25rem;
  width: 1.25rem;
}
.StatCard_stat-card__uXEPo .selected-icon {
  --tw-shadow: 0 0 10px #00000014;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  background-color: var(--bg-base);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.StatCard_stat-card__uXEPo .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.125rem;
}
.StatCard_stat-card__uXEPo .card-content .title-row {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.StatCard_stat-card__uXEPo .card-content .title-row .title {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
}
.StatCard_stat-card__uXEPo .card-content .title-row .jump-icon {
  color: var(--gray-text-graphic);
  font-size: 16px;
  height: 0.75rem;
  line-height: 28px;
  margin-left: 2px;
  width: 0.75rem;
}
.StatCard_stat-card__uXEPo .card-content .value-row {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.StatCard_stat-card__uXEPo .card-content .value-row .value {
  color: var(--gray-text-strong);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}
.StatCard_stat-card__uXEPo .card-content .value-row .before-extra {
  margin-right: 0.25rem;
}
.StatCard_stat-card__uXEPo .card-content .value-row .extra {
  color: var(--gray-text-graphic);
  font-size: 12px;
  line-height: 20px;
  margin-left: 0.25rem;
  margin-top: 0.125rem;
}
.StatCard_stat-card--selected__mro6\+ {
  background-color: var(--gray-input-bg);
}
.StatCard_stat-card-hover__Fx9Hb {
  cursor: pointer;
}
.StatCard_stat-card-hover__Fx9Hb:hover {
  --tw-shadow: 0 0 10px #00000014;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    var(--tw-shadow);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
@media (max-width: 767px) {
  .StatCard_stat-card__uXEPo {
    border-radius: 8px;
    gap: 0.5rem;
    padding: 0.5rem 0;
  }
  .StatCard_stat-card__uXEPo .icon {
    border-radius: 8px;
    height: 2.25rem;
    margin-right: 0;
    padding: 0.5rem;
    width: 2.25rem;
  }
  .StatCard_stat-card__uXEPo .icon .icon-size {
    height: 1rem;
    width: 1rem;
  }
  .StatCard_stat-card__uXEPo .card-content {
    display: flex;
    flex: 1 1;
    gap: 2px;
    margin-top: 0;
  }
  .StatCard_stat-card__uXEPo .card-content .title-row {
    gap: 2px;
  }
  .StatCard_stat-card__uXEPo .card-content .title-row .title {
    color: var(--gray-text-graphic);
    font-size: 12px;
    line-height: 20px;
    line-height: 1.25rem;
  }
  .StatCard_stat-card__uXEPo .card-content .title-row .jump-icon {
    color: var(--gray-text-graphic);
    height: 10px;
    width: 10px;
  }
  .StatCard_stat-card__uXEPo .card-content .value-row {
    flex-wrap: wrap;
  }
  .StatCard_stat-card__uXEPo .card-content .value-row .value {
    font-weight: 500;
  }
  .StatCard_stat-card__uXEPo .card-content .value-row .extra-node,
  .StatCard_stat-card__uXEPo .card-content .value-row .value {
    color: var(--gray-text-strong);
    font-size: 12px;
    line-height: 20px;
    line-height: 1.25rem;
    overflow-wrap: anywhere;
  }
}
.FundFlowRecords_fund-flow-records__fUE0H {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
}
.FundFlowRecords_fund-flow-records__fUE0H
  .FundFlowRecords_fund-flow-stats-view__KSQ\+6 {
  align-items: flex-start;
  background-color: var(--bg-base);
  display: flex;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.FundFlowRecords_fund-flow-records__fUE0H
  .FundFlowRecords_responsive-table__QnKwx {
  width: 100%;
}
@media (max-width: 767px) {
  .FundFlowRecords_fund-flow-records__fUE0H {
    background-color: initial;
    padding: 0;
  }
  .FundFlowRecords_fund-flow-records__fUE0H
    .FundFlowRecords_fund-flow-stats-view__KSQ\+6 {
    border-radius: 8px;
    gap: 0.5rem;
    padding: 0.75rem;
  }
}
.page_statements-page__1KZ5K {
  background-color: var(--bg-dialog);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .page_statements-page__1KZ5K {
    background-color: initial;
    padding: 0;
  }
  .page_statements-page__1KZ5K .ant-tabs .ant-tabs-nav {
    margin-bottom: 0.75rem;
  }
  .page_statements-page__1KZ5K
    .ant-tabs
    .ant-tabs-nav-list
    .ant-tabs-tab:not(:first-child) {
    margin-left: 1rem;
  }
  .page_statements-page__1KZ5K
    .ant-tabs
    .ant-tabs-tab.ant-tabs-tab-active
    .ant-tabs-tab-btn {
    color: var(--gray-text-light);
  }
  .page_statements-page__1KZ5K .ant-tabs .ant-tabs-ink-bar {
    border-radius: 0 !important;
    width: 1rem !important;
  }
}
.RebateRecords_rebate-records__S-ekW {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
}
.RebateRecords_rebate-records__S-ekW .RebateRecords_header-row__qoiFi {
  margin-bottom: 1rem;
}
.RebateRecords_rebate-records__S-ekW .RebateRecords_rebate-stats-view__yFlea {
  align-items: center;
  display: flex;
  justify-content: space-around;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.RebateRecords_rebate-records__S-ekW .RebateRecords_responsive-table__-9qVu {
  width: 100%;
}
@media (max-width: 767px) {
  .RebateRecords_rebate-records__S-ekW {
    background-color: initial;
  }
  .RebateRecords_rebate-records__S-ekW .RebateRecords_rebate-stats-view__yFlea {
    grid-gap: 0.5rem;
    background-color: var(--bg-base);
    border-radius: 8px;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.75rem;
  }
}
.AfcTableColumnSelect_afc-table-column-select__SY572 {
  background-color: var(--bg-dialog);
  margin-bottom: 1rem;
  width: 100%;
}
.AfcTableColumnSelect_afc-table-column-select__SY572 .dc-checkbox {
  animation: none !important;
}
.AfcTableColumnSelect_afc-table-column-select__SY572 .column-select-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow-y: auto;
}
.AfcTableColumnSelect_afc-table-column-select__SY572 .long-lang {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.AfcTableColumnSelect_afc-table-column-select__SY572 .column-select-item {
  align-items: center;
  display: flex;
  padding: 0.5rem 1rem;
  width: 9rem;
}
.AfcTableColumnSelect_afc-table-column-select__SY572 .column-select-item-title {
  font-size: 14px;
  line-height: 24px;
  margin-left: 0.25rem;
}
.AfcTableColumnSelect_afc-table-column-select__SY572 .column-select-item-en {
  align-items: center;
  display: flex;
  padding: 0.5rem 1rem;
}
.TransactionRecords_transaction-records__pGJoV {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
}
.TransactionRecords_transaction-records__pGJoV
  .TransactionRecords_responsive-table__yYEMK {
  width: 100%;
}
@media (max-width: 767px) {
  .TransactionRecords_transaction-records__pGJoV {
    background-color: initial;
    padding: 0;
  }
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj {
  display: flex;
  flex-direction: column;
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj
  .AfcDetailEditItem_afc-detail-edit-item-title__8Pic6 {
  color: var(--gray-text-light);
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.25rem;
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj
  .AfcDetailEditItem_afc-detail-edit-item-value__JdJw5 {
  align-items: center;
  color: var(--gray-text-strong);
  display: flex;
  font-size: 14px;
  line-height: 24px;
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj
  .AfcDetailEditItem_afc-detail-edit-item-value-icon__9Kb4z {
  height: 0.75rem;
  margin-left: 0.25rem;
  width: 0.75rem;
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj
  .AfcDetailEditItem_afc-detail-edit-item-value-icon__9Kb4z:hover {
  cursor: pointer;
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj
  .AfcDetailEditItem_afc-detail-edit-item-value-icon__9Kb4z
  * {
  fill: #17171f80;
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj
  .AfcDetailEditItem_afc-detail-edit-item-value-content__ThjKA {
  display: inline-block;
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AfcDetailEditItem_afc-detail-edit-item__3wGJj
  .AfcDetailEditItem_afc-detail-edit-item-value-tooltip__RWTaa {
  max-width: 300px;
  overflow-wrap: break-word;
  white-space: normal;
}
@media (max-width: 767px) {
  .AfcDetailEditItem_afc-detail-edit-item__3wGJj {
    flex-direction: row;
    justify-content: space-between;
  }
  .AfcDetailEditItem_afc-detail-edit-item__3wGJj
    .AfcDetailEditItem_afc-detail-edit-item-title__8Pic6 {
    font-size: 14px;
    line-height: 24px;
  }
}
.AfcDetailJumpItem_afc-detail-jump-item__99XSI {
  display: flex;
  flex-direction: column;
}
.AfcDetailJumpItem_afc-detail-jump-item__99XSI
  .AfcDetailJumpItem_afc-detail-jump-item-title__zmVQF {
  color: var(--gray-text-light);
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.25rem;
}
.AfcDetailJumpItem_afc-detail-jump-item__99XSI
  .AfcDetailJumpItem_afc-detail-jump-item-value__g-YrP {
  align-items: center;
  color: var(--gray-text-strong);
  display: flex;
  font-size: 14px;
  line-height: 24px;
}
.AfcDetailJumpItem_afc-detail-jump-item__99XSI
  .AfcDetailJumpItem_afc-detail-jump-item-value__g-YrP
  .AfcDetailJumpItem_afc-detail-jump-item-value-number__\+TjZJ {
  margin-right: 0.25rem;
}
.AfcDetailJumpItem_afc-detail-jump-item__99XSI
  .AfcDetailJumpItem_afc-detail-jump-item-value__g-YrP
  .AfcDetailJumpItem_jump-icon__72R5r {
  color: var(--gray-text-light);
  height: 1rem;
  margin-bottom: 1px;
  width: 1rem;
}
@media (max-width: 767px) {
  .AfcDetailJumpItem_afc-detail-jump-item__99XSI {
    flex-direction: row;
    justify-content: space-between;
  }
  .AfcDetailJumpItem_afc-detail-jump-item__99XSI
    .AfcDetailJumpItem_afc-detail-jump-item-title__zmVQF {
    font-size: 14px;
    line-height: 24px;
  }
  .AfcDetailJumpItem_afc-detail-jump-item__99XSI
    .AfcDetailJumpItem_afc-detail-jump-item-value__g-YrP
    .AfcDetailJumpItem_jump-icon__72R5r {
    height: 0.75rem;
    width: 0.75rem;
  }
}
.AfcDetailStatItem_afc-detail-stat-item__wFmLF {
  display: flex;
  flex-direction: column;
}
.AfcDetailStatItem_afc-detail-stat-item__wFmLF
  .AfcDetailStatItem_afc-detail-stat-item-title__kjkO4 {
  color: var(--gray-text-light);
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.25rem;
}
.AfcDetailStatItem_afc-detail-stat-item__wFmLF
  .AfcDetailStatItem_afc-detail-stat-item-value__fYDSK {
  align-items: center;
  color: var(--gray-text-strong);
  display: flex;
  font-size: 14px;
  line-height: 24px;
}
.AfcDetailStatItem_afc-detail-stat-item__wFmLF
  .AfcDetailStatItem_jump-icon__4sr0O {
  height: 1rem;
  width: 1rem;
}
@media (max-width: 767px) {
  .AfcDetailStatItem_afc-detail-stat-item__wFmLF {
    flex-direction: row;
    justify-content: space-between;
  }
  .AfcDetailStatItem_afc-detail-stat-item__wFmLF
    .AfcDetailStatItem_afc-detail-stat-item-title__kjkO4 {
    font-size: 14px;
    line-height: 24px;
  }
  .AfcDetailStatItem_afc-detail-stat-item__wFmLF
    .AfcDetailStatItem_afc-detail-stat-item-value__fYDSK
    .AfcDetailStatItem_jump-icon__4sr0O {
    height: 0.75rem;
    width: 0.75rem;
  }
}
.AfcDetailStatusItem_afc-detail-status-item__T051y {
  display: flex;
  flex-direction: column;
}
.AfcDetailStatusItem_afc-detail-status-item__T051y
  .AfcDetailStatusItem_afc-detail-status-item-title__5Cxd0 {
  color: var(--gray-text-light);
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.25rem;
}
.AfcDetailStatusItem_afc-detail-status-item__T051y
  .AfcDetailStatusItem_afc-detail-status-item-value__PRNUp {
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .AfcDetailStatusItem_afc-detail-status-item__T051y {
    flex-direction: row;
    justify-content: space-between;
  }
  .AfcDetailStatusItem_afc-detail-status-item__T051y
    .AfcDetailStatusItem_afc-detail-status-item-title__5Cxd0 {
    font-size: 14px;
    line-height: 24px;
  }
}
.AfcDetailSwitchItem_afc-detail-switch-item__XZwmK {
  display: flex;
  flex-direction: column;
}
.AfcDetailSwitchItem_afc-detail-switch-item__XZwmK
  .afc-detail-switch-item-title {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0.25rem;
}
.AfcDetailSwitchItem_afc-detail-switch-item__XZwmK
  .afc-detail-switch-item-value {
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.AfcDetailSwitchItem_afc-detail-switch-item__XZwmK
  .afc-detail-switch-item-value-disabled-mask {
  bottom: 0;
  cursor: not-allowed;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.5rem;
  z-index: 10;
}
@media (max-width: 767px) {
  .AfcDetailSwitchItem_afc-detail-switch-item__XZwmK {
    flex-direction: row;
    justify-content: space-between;
  }
}
.AfcDetailDialog_afc-detail-dialog__TMVxU {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
}
.AfcDetailDialog_afc-detail-dialog__TMVxU
  .AfcDetailDialog_afc-detail-dialog-section__iEdKr {
  grid-gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity));
  border-radius: 8px;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 1rem 0.75rem;
}
@media (max-width: 767px) {
  .AfcDetailDialog_afc-detail-dialog-modal__az7My {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .AfcDetailDialog_afc-detail-dialog-modal__az7My
    .AfcDetailDialog_afc-detail-dialog__TMVxU {
    --tw-pan-y: pan-y;
    max-height: 60vh;
    overflow-y: auto;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
  }
  .AfcDetailDialog_afc-detail-dialog-modal__az7My
    .AfcDetailDialog_afc-detail-dialog__TMVxU
    .AfcDetailDialog_afc-detail-dialog-section__iEdKr {
    background-color: var(--bg-base);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-left: 0;
    padding-right: 0;
  }
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.5rem 0.25rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8 .afc-ratio-edit-dialog-desc {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 1.5rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .afc-ratio-edit-dialog-desc
  .title {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .afc-ratio-edit-dialog-desc
  .value {
  color: var(--gray-text-strong);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-left: 0.5rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8 .ratio-controls {
  align-items: center;
  background-color: var(--gray-border-light);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.5rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-controls
  .control-button {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  border-radius: 9999px;
  cursor: pointer;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  transition-duration: 0.15s;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  user-select: none;
  width: 2.5rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-controls
  .control-button:hover {
  opacity: 0.75;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-controls
  .control-button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-controls
  .value-display {
  color: var(--gray-text-strong);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8 .ratio-edit-dialog-remark {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8 .ratio-edit-dialog-remark h3 {
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0.5rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8 .ratio-edit-dialog-default {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-edit-dialog-default
  .ratio-checkbox {
  border-radius: 0.25rem;
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-edit-dialog-default
  .ratio-checkbox:checked {
  background-color: var(--brand);
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-edit-dialog-bottom-btns {
  display: flex;
  flex-direction: row;
  height: 2.75rem;
  justify-content: flex-end;
  margin-top: 1rem;
  width: 100%;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-edit-dialog-bottom-btns
  .cancle-btn {
  background-color: var(--gray-input-hover);
  border-radius: 8px;
  border-style: none;
  color: var(--gray-text-light);
  height: 2.75rem;
  margin-right: 0.5rem;
  min-width: 8rem;
}
.AfcRatioEditDialog_afc-ratio-edit-dialog__CkWp8
  .ratio-edit-dialog-bottom-btns
  .confirm-btn {
  background-color: var(--brand);
  border-radius: 8px;
  border-style: none;
  color: var(--white);
  height: 2.75rem;
  min-width: 8rem;
}
@media (max-width: 767px) {
  .AfcRatioEditDialog_afc-ratio-edit-modal__th6pG
    .dc-modal-title
    .header-title {
    font-size: 16px;
    line-height: 28px;
  }
  .AfcRatioEditDialog_afc-ratio-edit-modal__th6pG
    .ratio-controls
    .control-button {
    height: 2rem;
    width: 2rem;
  }
  .AfcRatioEditDialog_afc-ratio-edit-modal__th6pG
    .ratio-controls
    .value-display {
    font-size: 16px;
    line-height: 28px;
  }
  .AfcRatioEditDialog_afc-ratio-edit-modal__th6pG
    .ratio-edit-dialog-bottom-btns {
    justify-content: space-between;
  }
  .AfcRatioEditDialog_afc-ratio-edit-modal__th6pG
    .ratio-edit-dialog-bottom-btns
    .cancle-btn,
  .AfcRatioEditDialog_afc-ratio-edit-modal__th6pG
    .ratio-edit-dialog-bottom-btns
    .confirm-btn {
    flex: 1 1;
  }
}
.SectionHeader_section-header__aiOVM {
  align-items: center;
  display: flex;
}
.SectionHeader_section-header__aiOVM .header-title {
  color: var(--gray-text-strong);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-right: 0.5rem;
}
.SectionHeader_section-header__aiOVM .info-icon {
  color: var(--gray-text-light);
  cursor: help;
  flex-shrink: 0;
  font-size: 16px;
  height: 1rem;
  line-height: 28px;
  width: 1rem;
}
.SectionHeader_section-header__aiOVM .back-icon {
  color: var(--gray-text-strong);
  flex-shrink: 0;
  font-size: 16px;
  height: 1rem;
  line-height: 28px;
  margin-right: 0.25rem;
  width: 1rem;
}
.page_account-detail-page__PffCu {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.page_account-detail-page__PffCu .detail-header {
  margin-bottom: 1.5rem;
}
.page_account-detail-page__PffCu .page_responsive-table__3ZI0f {
  width: 100%;
}
@media (max-width: 767px) {
  .page_account-detail-page__PffCu {
    background-color: initial;
    padding: 0.75rem 0 0;
  }
  .page_account-detail-page__PffCu .detail-header {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .page_account-detail-page__PffCu .header-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
}
.BalanceStatsView_balance-stats-view__ELbfc {
  grid-gap: 0.5rem;
  border-radius: 16px;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
}
.BalanceStatsView_balance-stat-icon__pV-jc {
  background-color: var(--bg-base);
}
@media (max-width: 767px) {
  .BalanceStatsView_balance-stats-view__ELbfc {
    background-color: var(--bg-base);
    border-radius: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.75rem;
  }
  .BalanceStatsView_balance-stats-view__ELbfc
    .BalanceStatsView_balance-stat-card__SCxa4 {
    background-color: var(--bg-base);
  }
}
.page_balance-page__IZRDD {
  background-color: var(--bg-dialog);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .page_balance-page__IZRDD {
    background-color: initial;
    padding: 0;
  }
  .page_balance-page__IZRDD .page_balance-page-header__N2Mm2 {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0.5rem;
    margin-top: 1.25rem;
  }
}
.ChartSectionView_chart-section-view__4Okma {
  background-color: var(--bg-dialog);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
  padding: 1.5rem;
}
.ChartSectionView_chart-section-view__4Okma .header-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ChartSectionView_chart-section-view__4Okma .header-row .filter-row .afc-form {
  justify-content: flex-end;
}
.ChartSectionView_chart-section-view__4Okma .info-list {
  grid-gap: 0.5rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
@media (max-width: 1024px) {
  .ChartSectionView_chart-section-view__4Okma .info-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ChartSectionView_chart-section-view__4Okma .info-list .item {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}
.ChartSectionView_chart-section-view__4Okma .info-list .divider {
  --tw-text-opacity: 1;
  color: rgb(73 79 93 / var(--tw-text-opacity));
  height: 1.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 1px;
}
@media (max-width: 1024px) {
  .ChartSectionView_chart-section-view__4Okma .info-list .divider {
    display: none;
  }
}
.ChartSectionView_chart-section-view__4Okma
  .info-list
  .chart-section-stat-card
  .card-content
  .value-row
  .extra-node {
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .ChartSectionView_chart-section-view__4Okma {
    background-color: initial;
    border-radius: 0;
    margin-bottom: 1.5rem;
    padding: 0;
  }
  .ChartSectionView_chart-section-view__4Okma .header-row {
    flex-direction: column;
  }
  .ChartSectionView_chart-section-view__4Okma .header-row .header-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  .ChartSectionView_chart-section-view__4Okma .header-row .filter-row {
    background-color: var(--bg-base);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
  }
  .ChartSectionView_chart-section-view__4Okma
    .header-row
    .filter-row
    .filter-search-bar {
    margin-bottom: 0;
    margin-top: 0;
  }
  .ChartSectionView_chart-section-view__4Okma .info-list {
    background-color: var(--bg-base);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.75rem;
  }
  .ChartSectionView_chart-section-view__4Okma
    .info-list
    .chart-section-stat-card {
    border-radius: 8px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.BreadCrumbMenu_breadcrumb-menu__Qt-Ry {
  margin-bottom: 1rem;
}
.BreadCrumbMenu_breadcrumb-menu-item__Ry6Db {
  cursor: pointer;
}
.BreadCrumbMenu_breadcrumb-menu-item__Ry6Db:hover {
  color: var(--brand-80);
}
@media (max-width: 767px) {
  .BreadCrumbMenu_breadcrumb-menu__Qt-Ry {
    margin-bottom: 0.5rem;
    margin-top: 0.75rem;
  }
}
.AffiliatePerformance_affiliate-performance-page__744cb {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.AffiliatePerformance_affiliate-performance-page__744cb
  .AffiliatePerformance_header-row__9m39k {
  margin-bottom: 1rem;
}
.AffiliatePerformance_affiliate-performance-page__744cb
  .AffiliatePerformance_loading-container__nlNHz {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.AffiliatePerformance_affiliate-performance-page__744cb
  .AffiliatePerformance_loading-container__nlNHz
  .AffiliatePerformance_loading-icon__a4Ki9 {
  color: var(--gray-text-light);
  font-size: 40px;
  height: 2.5rem;
  line-height: 48px;
  width: 2.5rem;
}
.AffiliatePerformance_affiliate-performance-page__744cb
  .AffiliatePerformance_loading-container__nlNHz
  .AffiliatePerformance_error-text__Tpp28 {
  color: var(--gray-text-light);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-left: 0.75rem;
}
@media (max-width: 767px) {
  .AffiliatePerformance_affiliate-performance-page__744cb {
    background-color: initial;
    padding-top: 0;
  }
}
.page_performance-page__x24mn {
  background-color: var(--bg-dialog);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .page_performance-page__x24mn {
    background-color: initial;
    padding: 0.5rem 0;
  }
  .page_performance-page__x24mn
    .ant-tabs
    .ant-tabs-nav-list
    .ant-tabs-tab:not(:first-child) {
    margin-left: 1rem;
  }
  .page_performance-page__x24mn
    .ant-tabs
    .ant-tabs-tab.ant-tabs-tab-active
    .ant-tabs-tab-btn {
    color: var(--gray-text-light);
  }
  .page_performance-page__x24mn .ant-tabs .ant-tabs-ink-bar {
    border-radius: 0 !important;
    width: 1rem !important;
  }
}
.ChartView_chart-view__1AtiC {
  background-color: var(--bg-dialog);
  border-color: var(--gray-input-bg);
  border-radius: 16px;
  border-width: 1px;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  padding: 1rem 1.5rem;
  width: 100%;
}
.ChartView_chart-view__1AtiC .header-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ChartView_chart-view__1AtiC .header-row .header-title {
  color: var(--gray-text-strong);
  font-size: 20px;
  line-height: 28px;
}
.ChartView_chart-view__1AtiC .chart-loading-container {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  height: 240px;
  justify-content: center;
}
.ChartView_chart-view__1AtiC .chart-loading-container .loading-icon {
  color: var(--gray-text-light);
  font-size: 40px;
  height: 2.5rem;
  line-height: 48px;
  width: 2.5rem;
}
.ChartView_chart-view__1AtiC .chart-loading-container .error-text {
  color: var(--gray-text-light);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-left: 0.75rem;
}
.ChartView_chart-view__1AtiC .jump-to-subordinate {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.ChartView_chart-view__1AtiC .jump-to-subordinate span {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
  margin-right: 0.25rem;
}
.ChartView_chart-view__1AtiC .jump-to-subordinate .icon {
  color: var(--gray-text-light);
  height: 1rem;
  width: 1rem;
}
.ChartView_chart-view__1AtiC .chart-switch {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.ChartView_chart-view__1AtiC .chart-switch .switch-btn {
  background-color: var(--bg-dialog);
  border-radius: 8px;
  color: var(--gray-text-light);
  font-size: 14px;
  height: 2.25rem;
  line-height: 24px;
  margin-right: 0.5rem;
  min-height: 1.75rem;
}
.ChartView_chart-view__1AtiC .chart-switch .active {
  background-color: var(--gray-input-hover);
  color: var(--gray-text-strong);
}
.ChartView_chart-view__1AtiC .chart-container {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-height: 240px;
  width: 100%;
}
@media (max-width: 767px) {
  .ChartView_chart-view__1AtiC {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .ChartView_chart-view__1AtiC .header-row .header-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    line-height: 1.75rem;
  }
  .ChartView_chart-view__1AtiC .jump-to-subordinate span {
    color: var(--gray-text-graphic);
    font-size: 12px;
    line-height: 20px;
    line-height: 1.25rem;
  }
  .ChartView_chart-view__1AtiC .chart-switch .switch-btn {
    font-size: 12px;
    height: 1.5rem;
    line-height: 20px;
  }
}
.CommissionInfoView_commission-info-view__2RMXI {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-width: 240px;
  padding-right: 1rem;
}
.CommissionInfoView_commission-info-view__2RMXI .section-header {
  margin-bottom: 1.5rem;
}
.CommissionInfoView_commission-info-view__2RMXI .commission-content {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  justify-content: space-between;
}
.CommissionInfoView_commission-info-view__2RMXI .commission-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 6rem;
  margin-top: 0.125rem;
}
.CommissionInfoView_commission-info-view__2RMXI
  .commission-card-content
  .title-row {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.CommissionInfoView_commission-info-view__2RMXI
  .commission-card-content
  .title-row
  .title {
  color: var(--gray-text-light);
  font-size: 16px;
  line-height: 28px;
  -webkit-user-select: none;
  user-select: none;
}
.CommissionInfoView_commission-info-view__2RMXI
  .commission-card-content
  .title-row
  .jump-icon {
  color: var(--gray-text-graphic);
  font-size: 16px;
  height: 0.75rem;
  line-height: 28px;
  margin-left: 0.25rem;
  width: 0.75rem;
}
.CommissionInfoView_commission-info-view__2RMXI
  .commission-card-content
  .value-row {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.CommissionInfoView_commission-info-view__2RMXI
  .commission-card-content
  .value-row
  .value {
  color: var(--gray-text-strong);
  font-size: 28px;
  font-weight: 700;
}
.CommissionInfoView_commission-info-view__2RMXI
  .commission-card-content
  .value-row
  .extra {
  color: var(--gray-text-graphic);
  font-size: 12px;
  line-height: 20px;
  margin-left: 0.25rem;
  margin-top: 0.125rem;
}
.CommissionInfoView_commission-info-view__2RMXI .today-commision {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
}
.CommissionInfoView_commission-info-view__2RMXI
  .today-commision
  .today-commission-title {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
  -webkit-user-select: none;
  user-select: none;
}
.CommissionInfoView_commission-info-view__2RMXI
  .today-commision
  .today-commission-value {
  color: var(--green);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}
.CommissionInfoView_commission-info-view__2RMXI
  .today-commision
  .today-commission-value-en {
  color: var(--green);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  margin-left: 0.25rem;
}
.CommissionInfoView_commission-info-view__2RMXI
  .today-commision
  .today-commission-arrow {
  color: var(--gray-text-graphic);
  font-size: 16px;
  height: 1rem;
  line-height: 28px;
  width: 1rem;
}
.CommissionInfoView_commission-info-view__2RMXI
  .today-commision
  .today-freeze-amount {
  color: var(--red);
  cursor: help;
  font-size: 14px;
  line-height: 24px;
  margin-left: 0.25rem;
}
.CommissionInfoView_commission-info-view__2RMXI .transfer-btn .icon {
  height: 1rem;
  margin-right: 0.25rem;
  width: 1rem;
}
@media (max-width: 767px) {
  .CommissionInfoView_commission-info-view__2RMXI {
    gap: 0.5rem;
    margin-top: 1.75rem;
    padding-right: 0;
    width: 100%;
  }
  .CommissionInfoView_commission-info-view__2RMXI .section-header {
    margin-bottom: 0;
  }
  .CommissionInfoView_commission-info-view__2RMXI
    .section-header
    .header-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  .CommissionInfoView_commission-info-view__2RMXI .commission-card {
    background-color: var(--bg-base);
    border-radius: 8px;
    padding: 1rem;
  }
  .CommissionInfoView_commission-info-view__2RMXI
    .commission-card
    .commission-card-content {
    margin-right: 0;
  }
  .CommissionInfoView_commission-info-view__2RMXI
    .commission-card
    .commission-card-content
    .title-row
    .title {
    font-size: 14px;
    line-height: 24px;
  }
  .CommissionInfoView_commission-info-view__2RMXI
    .commission-card
    .commission-card-content
    .value-row
    .value {
    font-size: 20px;
  }
  .CommissionInfoView_commission-info-view__2RMXI
    .today-commision
    .today-commission-value {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  .CommissionInfoView_commission-info-view__2RMXI
    .today-commision
    .today-commission-arrow {
    height: 0.75rem;
    width: 0.75rem;
  }
}
.DailyPerformanceView_daily-performance-view__OXsAO {
  background-color: var(--bg-dialog);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.DailyPerformanceView_daily-performance-view__OXsAO .header {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .DailyPerformanceView_daily-performance-view__OXsAO {
    background-color: initial;
    padding: 0;
  }
  .DailyPerformanceView_daily-performance-view__OXsAO .header {
    margin-bottom: 1.25rem;
    margin-left: 0;
  }
  .DailyPerformanceView_daily-performance-view__OXsAO .header .header-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
}
.SubordinateInfoView_subordinate-info-view__JuQLB {
  background-color: var(--bg-dialog);
}
.SubordinateInfoView_subordinate-info-view__JuQLB .section-header {
  margin-bottom: 1.5rem;
  margin-left: 1.25rem;
}
.SubordinateInfoView_subordinate-info-view__JuQLB .subordinate-info-list {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .SubordinateInfoView_subordinate-info-view__JuQLB .subordinate-info-list {
    grid-gap: 0.5rem;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.SubordinateInfoView_subordinate-info-view__JuQLB .divider {
  --tw-text-opacity: 1;
  color: rgb(230 232 236 / var(--tw-text-opacity));
  height: 1.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: 1px;
}
@media (max-width: 1024px) {
  .SubordinateInfoView_subordinate-info-view__JuQLB .divider {
    display: none;
  }
}
@media (max-width: 767px) {
  .SubordinateInfoView_subordinate-info-view__JuQLB {
    background-color: initial;
    padding-left: 0;
    width: 100%;
  }
  .SubordinateInfoView_subordinate-info-view__JuQLB .section-header {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
  .SubordinateInfoView_subordinate-info-view__JuQLB
    .section-header
    .header-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  .SubordinateInfoView_subordinate-info-view__JuQLB .subordinate-info-list {
    background-color: var(--bg-base);
    border-radius: 8px;
    padding: 0.75rem;
  }
  .SubordinateInfoView_subordinate-info-view__JuQLB
    .subordinate-info-list
    .divider {
    display: none;
  }
}
.dashboard_dashboard__kmIxg {
  min-height: 100vh;
}
.dashboard_dashboard__kmIxg .top-section {
  background-color: var(--bg-dialog);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .dashboard_dashboard__kmIxg .top-section {
    background-color: initial;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 0;
  }
}
.page_position-records-page__yy7Y- {
  background-color: var(--bg-dialog);
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.page_position-records-page__yy7Y- .position-records-header {
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .page_position-records-page__yy7Y- {
    background-color: initial;
    padding: 0.75rem 0 0;
  }
  .page_position-records-page__yy7Y- .position-records-header {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .page_position-records-page__yy7Y- .position-records-header .header-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
}
.TabPanelContainer_tab-panel-container__zAxt\+ {
  height: 100%;
  overflow: auto;
  position: relative;
}
.TabPanelContainer_tab-panel-container__zAxt\+ > div {
  height: 100%;
}
.TabPanelContainer_tab-loading-container__oWzh0 {
  align-items: center;
  background-color: var(--bg-dialog);
  display: flex;
  justify-content: center;
  min-height: 80vh;
}
.Navbar_dc-drawer__qNw5I {
  margin-bottom: -60px;
  top: 0;
  width: 100%;
}
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy {
  align-items: center;
  background-color: var(--bg-base);
  display: flex;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: center;
  min-height: 0;
  padding: 1rem 1.5rem;
}
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_logo__ZRnU2,
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5 {
  order: 1;
}
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_invite__rBPN1,
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_lang__akcut,
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_user__Q8QCi {
  margin-left: auto;
  order: 2;
}
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_lang__akcut {
  order: 3;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_lang__akcut
  img {
  height: 1.25rem;
  width: 1.25rem;
}
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_user__Q8QCi {
  margin-left: 0;
  order: 4;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_logo__ZRnU2
  .Navbar_logo-image__Wdo2J {
  color: var(--gray-text-strong);
  height: 100%;
  width: 100%;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5 {
  color: var(--gray-text-strong);
  display: flex;
  font-size: 14px;
  justify-content: flex-start;
  line-height: 24px;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5
  .Navbar_rate-item__UWFj9 {
  align-items: center;
  display: flex;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5
  .Navbar_rate-item__UWFj9
  .Navbar_toggle-icon__PmKsn {
  height: 1rem;
  margin-left: 0.25rem;
  width: 1rem;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5
  .Navbar_rate-item__UWFj9
  .Navbar_rate-item-value__SHSe0 {
  color: var(--gray-text-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 0.5rem;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5
  .Navbar_unit-item__iDGoR {
  align-items: center;
  display: flex;
  line-height: 1.25rem;
  margin-left: 2rem;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5
  .Navbar_unit-item__iDGoR
  .Navbar_unit-item-value__Bg0s9 {
  color: var(--gray-text-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 0.5rem;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_rate-list__CgqZ5
  .Navbar_unit-item__iDGoR
  .Navbar_unit-item-icon-usdt__9\+rah {
  height: 1rem;
  margin-left: 0.25rem;
  width: 1rem;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_invite__rBPN1
  .invite-btn {
  align-items: center;
  display: flex;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_invite__rBPN1
  .invite-btn
  .dc-button-content {
  align-items: flex-start;
  gap: 0.25rem;
}
.Navbar_dc-drawer__qNw5I
  .Navbar_header-container__P67Jy
  .Navbar_invite__rBPN1
  .invite-btn
  .invite-icon {
  height: 1rem;
  margin-top: 0.125rem;
  width: 1rem;
}
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_lang__akcut {
  margin-left: 1rem;
}
.Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_user__Q8QCi {
  display: flex;
}
@media (max-width: 767px) {
  .Navbar_dc-drawer__qNw5I {
    margin-bottom: 0;
  }
  .Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy {
    flex-wrap: wrap;
    height: 100px;
    padding: 0.75rem 1rem;
    row-gap: 0.25rem;
  }
  .Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy:after {
    content: "";
    order: 3;
    width: 100%;
  }
  .Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_logo__ZRnU2 {
    order: 1;
  }
  .Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_user__Q8QCi {
    margin-left: auto;
    order: 2;
  }
  .Navbar_dc-drawer__qNw5I .Navbar_header-container__P67Jy .Navbar_lang__akcut {
    order: 3;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy
    .Navbar_rate-list__CgqZ5 {
    flex: 1 1;
    order: 4;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy
    .Navbar_invite__rBPN1 {
    order: 5;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy
    .Navbar_rate-list__CgqZ5
    .divider,
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy
    .Navbar_user__Q8QCi
    .divider {
    display: none;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy
    .Navbar_rate-list__CgqZ5
    .sm-divider {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy
    .Navbar_rate-list__CgqZ5
    .Navbar_unit-item__iDGoR {
    margin-left: 0;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy
    .Navbar_invite__rBPN1
    .invite-btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk {
    justify-content: flex-start;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk:after {
    content: "";
    order: 2;
    width: 100%;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk
    .Navbar_logo__ZRnU2 {
    display: none;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk
    .Navbar_user__Q8QCi {
    margin-left: 0;
    order: 1;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk
    .Navbar_lang__akcut {
    order: 2;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk
    .Navbar_rate-list__CgqZ5 {
    order: 3;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk
    .Navbar_invite__rBPN1 {
    margin-left: auto;
    order: 4;
  }
  .Navbar_dc-drawer__qNw5I
    .Navbar_header-container__P67Jy.Navbar_app-header-container__DZjHk
    .Navbar_lang__akcut {
    margin-left: 1.25rem;
  }
}
.CopyButton_copy-button__9e4Be {
  align-items: center;
  display: flex;
}
.CopyButton_copy-button__9e4Be .text {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
  margin-right: 0.25rem;
}
.CopyButton_copy-button__9e4Be .icon {
  color: var(--gray-text-strong);
  cursor: pointer;
  height: 1rem;
  width: 1rem;
}
.SettingDrawer_afc-account-panel__PcqvU {
  display: flex;
  flex-direction: column;
  padding: 0 0 1.25rem;
  position: relative;
}
.SettingDrawer_afc-account-panel__PcqvU .afc-account-panel-header {
  display: flex;
  padding: 0 24px;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-header
  .afc-account-panel-header-title {
  color: var(--gray-text-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.SettingDrawer_afc-account-panel__PcqvU .afc-account-panel-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-account-panel-content-title {
  color: var(--gray-text-strong);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 15px;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row {
  align-items: center;
  display: flex;
  flex: 1 1;
  margin-bottom: 10px;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-icon {
  height: 32px;
  margin-right: 20px;
  width: 32px;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-content {
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  display: flex;
  flex: 1 1;
  justify-content: space-between;
  padding: 10px 0;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-content.no-border {
  border-bottom: none;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-header
  .feature-header-title {
  color: var(--gray-text-strong);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-header
  .feature-header-desc {
  color: var(--gray-text-light);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  width: 200px;
  word-break: break-all;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-status {
  color: var(--gray-text-strong);
  font-size: 14px;
  min-width: 80px;
  text-align: center;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-action {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: center;
  min-width: 80px;
}
.SettingDrawer_afc-account-panel__PcqvU
  .afc-account-panel-content
  .afc-feature-row
  .feature-action
  .action-btn {
  border-radius: 6px;
  border-style: none;
  box-sizing: border-box;
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  height: 2.5rem;
  min-width: 84px;
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: nowrap;
}
.SettingDrawer_afc-account-panel__PcqvU .version-wrapper {
  bottom: 0;
  color: var(--gray-text-light);
  font-size: 12px;
  left: 0;
  line-height: 20px;
  position: absolute;
}
@media (max-width: 767px) {
  .SettingDrawer_afc-account-panel__PcqvU
    .afc-account-panel-content
    .afc-feature-row {
    flex-wrap: wrap;
  }
  .SettingDrawer_afc-account-panel__PcqvU
    .afc-account-panel-content
    .afc-feature-row
    .feature-icon {
    display: none;
  }
  .SettingDrawer_afc-account-panel__PcqvU
    .afc-account-panel-content
    .afc-feature-row
    .feature-content
    .feature-header-title {
    font-size: 14px;
    line-height: 24px;
  }
  .SettingDrawer_afc-account-panel__PcqvU
    .afc-account-panel-content
    .afc-feature-row
    .feature-content
    .feature-header-desc {
    font-size: 12px;
    line-height: 20px;
  }
}
.UserView_user-view__MCmyg {
  align-items: center;
  display: flex;
}
.UserView_user-view__MCmyg .user-id {
  color: var(--gray-text-light);
  font-size: 14px;
  line-height: 24px;
  margin-right: 0.5rem;
}
.UserView_user-view__MCmyg .user-icon {
  border-radius: 9999px;
  height: 2rem;
  width: 2rem;
}
.UserView_user-view__MCmyg .UserView_bd-badge__NXt4o {
  align-items: center;
  background-color: var(--brand-10);
  border-radius: 0.25rem;
  color: var(--brand);
  display: inline-flex;
  font-size: 14px;
  height: 1.25rem;
  line-height: 24px;
  margin-right: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
}
.UserView_user-view__MCmyg .UserView_bd-badge__NXt4o img {
  height: 1rem;
  margin-right: 0.25rem;
  width: 1rem;
}
.UserView_user-account-info__2oVRz {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  width: 9rem;
}
.UserView_user-account-info__2oVRz .user-id-container {
  align-items: center;
  display: flex;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.UserView_user-account-info__2oVRz .uid-container {
  margin-bottom: 1rem;
}
.UserView_user-account-info__2oVRz .name {
  color: var(--gray-text-strong);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.UserView_user-account-info__2oVRz .uid {
  color: var(--gray-text-strong);
  font-size: 14px;
  line-height: 24px;
  margin-right: 0.5rem;
}
.UserView_user-account-info__2oVRz .menus {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.UserView_user-account-info__2oVRz .menus .menu-item {
  align-items: center;
  border-radius: 6px;
  color: var(--gray-text-strong);
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.UserView_user-account-info__2oVRz .menus .menu-item:hover {
  background-color: var(--brand-80);
  color: var(--white);
}
@media (max-width: 767px) {
  .UserView_user-view__MCmyg .user-id {
    display: none;
  }
  .modal-invite {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .modal-invite
    .dc-modal-content
    .halo-lego-invite-panel
    .invite-code-list-card {
    background-color: var(--bg-base);
    border-color: var(--gray-border-light);
    border-radius: 8px;
    border-width: 1px;
    padding: 1rem 0.75rem;
  }
  .modal-invite .dc-modal-content .halo-lego-invite-panel .sm-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .modal-invite .dc-modal-content .halo-lego-invite-panel .sm-footer .dc-btn {
    border-radius: 8px;
    height: 44px;
  }
}
.dc-page-container {
  margin: 0 auto;
  min-height: 100vh;
  overflow: hidden;
  padding-bottom: 64px;
  padding-top: 76px;
  position: relative;
}
.dc-drawer-side {
  overflow-x: hidden;
}
.dc-drawer-side .dc-menu li .dc-icon {
  font-size: 20px;
}
.dc-drawer-side .dc-menu li.divider {
  pointer-events: none;
}
.dc-drawer-side .dc-menu li.divider > div {
  display: block;
}
.dc-menu li > :not(ul):not(.dc-menu-title):not(details).dc-active,
.dc-menu li > :not(ul):not(.dc-menu-title):not(details):active,
.dc-menu li > details > summary:active {
  background-color: initial !important;
  color: var(--brand) !important;
}
:where(
    .dc-menu
      li:not(.dc-menu-title):not(.dc-disabled)
      > :not(ul):not(details):not(.dc-menu-title)
  ):not(.dc-active):hover,
:where(
    .dc-menu
      li:not(.dc-menu-title):not(.dc-disabled)
      > details
      > summary:not(.dc-menu-title)
  ):not(.dc-active):hover {
  background-color: initial;
}
.dc-menu li:not(.dc-menu-title):not(.btn-actions) {
  font-size: 16px;
  line-height: 28px;
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .dc-page-container {
    height: calc(100vh - 5rem);
    padding: 100px 0.75rem 5rem;
  }
}
.login_login-page__BeFk1 {
  background-color: var(--bg-base);
  bottom: 0;
  left: 0;
  overflow: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 10;
}
@media (max-width: 767px) {
  .login_login-page__BeFk1 {
    top: 100px;
  }
}