.ripple-container[data-v-10867a2f] {
  margin-right: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px; /* 22px (icon) + 20px (10px margin on each side) */
  height: 22px;
}
.ripple[data-v-10867a2f] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  border: 2px solid var(--success-500); /* success-500 color */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: ripple-animation-10867a2f 3s infinite;
  opacity: 0;
}
.ripple-2[data-v-10867a2f] {
  animation-delay: 1s;
}
.ripple-3[data-v-10867a2f] {
  animation-delay: 2s;
}
@keyframes ripple-animation-10867a2f {
0% {
    transform: translate(-50%, -50%) scale(0.6);
    opacity: 0.9;
}
25% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.7;
}
50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.5;
}
75% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.2;
}
100% {
    transform: translate(-50%, -50%) scale(1.7);
    opacity: 0;
}
}
.ripple[data-v-10867a2f] {
  animation-timing-function: ease-out;
}

.ripple-container[data-v-e16a841f] {
  margin-right: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px; /* 22px (icon) + 20px (10px margin on each side) */
  height: 22px;
}
.ripple[data-v-e16a841f] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  border: 2px solid var(--danger-500); /* success-500 color */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: ripple-animation-e16a841f 3s infinite;
  opacity: 0;
}
.ripple-2[data-v-e16a841f] {
  animation-delay: 1s;
}
.ripple-3[data-v-e16a841f] {
  animation-delay: 2s;
}
@keyframes ripple-animation-e16a841f {
0% {
    transform: translate(-50%, -50%) scale(0.6);
    opacity: 0.9;
}
25% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.7;
}
50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.5;
}
75% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.2;
}
100% {
    transform: translate(-50%, -50%) scale(1.7);
    opacity: 0;
}
}
.ripple[data-v-e16a841f] {
  animation-timing-function: ease-out;
}

.ripple-container[data-v-68a00bb9] {
  margin-right: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px; /* 22px (icon) + 20px (10px margin on each side) */
  height: 22px;
}
.ripple[data-v-68a00bb9] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  border: 2px solid var(--warning-500); /* success-500 color */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: ripple-animation-68a00bb9 3s infinite;
  opacity: 0;
}
.ripple-2[data-v-68a00bb9] {
  animation-delay: 1s;
}
.ripple-3[data-v-68a00bb9] {
  animation-delay: 2s;
}
@keyframes ripple-animation-68a00bb9 {
0% {
    transform: translate(-50%, -50%) scale(0.6);
    opacity: 0.9;
}
25% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.7;
}
50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.5;
}
75% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.2;
}
100% {
    transform: translate(-50%, -50%) scale(1.7);
    opacity: 0;
}
}
.ripple[data-v-68a00bb9] {
  animation-timing-function: ease-out;
}
.gtc-message .gtc-message-notice .gtc-message-notice-content {
  padding: 8px 20px;
  border-radius: 19px;
}
.ant-list .ant-list-item {
  margin: 0;
  padding: 0;
}
.ant-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-pagination .ant-pagination-options .ant-select-selector {
  display: flex;
  align-items: center;
}
.ant-pagination .ant-pagination-options .ant-select-item {
  padding: 10px 16px !important;
}
.ant-pagination .ant-pagination-item a {
  color: var(--ink-500) !important;
}
.ant-pagination .ant-pagination-item-active {
  border-radius: 2px !important;
  background-color: var(--primary) !important;
  border-color: none;
}
.ant-pagination .ant-pagination-item-active a {
  color: var(--ink-0) !important;
}
.ant-pagination .ant-pagination-item-active:hover {
  border-radius: 2px !important;
  background-color: var(--primary) !important;
  border-color: none;
}
.ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: var(--ink-500);
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
  background-color: var(--ground-100) !important;
}
.ant-modal .ant-modal-content {
  background-color: var(--indicator-model);
}
.app-root {
  box-sizing: border-box;
}
.mobile-open-app-bar {
  min-height: var(--mobile-open-app-bar-height);
  padding-top: 10px;
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}
/* 小屏下按钮间距适当缩小，避免过挤 */
@media (max-width: 480px) {
.mobile-open-app-bar {
    gap: 12px;
}
}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer base {
  @font-face {
    font-family: D-DIN-PRO;
    src: url("/fonts/D-DIN-PRO-400-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: D-DIN-PRO;
    src: url("/fonts/D-DIN-PRO-500-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: D-DIN-PRO;
    src: url("/fonts/D-DIN-PRO-600-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: D-DIN-PRO;
    src: url("/fonts/D-DIN-PRO-700-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  :root {
    --app-font: "PingFang SC", "Microsoft YaHei", sans-serif;
    --mobile-open-app-bar-height: 74px;
    --flash-ms: 1.2s;
    --flash-ease: cubic-bezier(.22, 1, .36, 1);
    --flash-alpha: .22;
    --profit-rgb: 70, 205, 124;
    --loss-rgb: 235, 72, 63;
    --black-rgb: 0, 0, 0;
    --white-rgb: 255, 255, 255;
    --primary: #061335;
    --primary-rgb: 6, 19, 53;
    --primary-0: #e8efff;
    --primary-50: #d1deff;
    --primary-100: #baceff;
    --primary-200: #a3bdff;
    --primary-300: #769dff;
    --primary-400: #487cff;
    --primary-500: #1a5bff;
    --primary-600: #154bd4;
    --primary-700: #103ba9;
    --primary-800: #0a2c7f;
    --primary-900: #051c54;
    --primary-950: #03143e;
    --sec-0: #f8f3ee;
    --sec-50: #f0e7dd;
    --sec-100: #e9dbcc;
    --sec-200: #e2cfbb;
    --sec-300: #d3b79a;
    --sec-400: #c59f78;
    --sec-500: #b68756;
    --sec-600: #926c45;
    --sec-700: #6d5134;
    --sec-800: #493622;
    --sec-900: #37291a;
    --sec-950: #241b11;
    --sec-bg: #b687561a;
    --ink-0: #fff;
    --ink-50: #fafafa;
    --ink-100: #f5f5f5;
    --ink-200: #e9eaeb;
    --ink-300: #d5d7da;
    --ink-400: #a4a7ae;
    --ink-500: #717680;
    --ink-600: #535862;
    --ink-700: #414651;
    --ink-800: #252b36;
    --ink-900: #181d27;
    --ink-950: #0a0d12;
    --rim-0: #fdfdfd;
    --rim-50: #fcfcfd;
    --rim-100: #f8fafc;
    --rim-200: #eef2f6;
    --rim-300: #cdd5df;
    --rim-400: #cdd5df;
    --rim-500: #99a4b2;
    --rim-600: #697586;
    --rim-700: #4b5565;
    --rim-800: #364152;
    --rim-900: #202939;
    --rim-950: #121926;
    --border-0: #fdfdfd;
    --border-50: #fcfcfd;
    --border-100: #f8fafc;
    --border-200: #eef2f6;
    --border-300: #cdd5df;
    --border-400: #cdd5df;
    --border-500: #9aa4b2;
    --border-600: #697586;
    --border-700: #4b5565;
    --border-800: #364152;
    --border-900: #202939;
    --border-950: #121926;
    --ground-0: #fff;
    --ground-50: #f9fafb;
    --ground-100: #f3f4f6;
    --ground-200: #e5e7eb;
    --ground-300: #d2d6db;
    --ground-400: #9da4ae;
    --ground-500: #6c737f;
    --ground-600: #4d5761;
    --ground-700: #384250;
    --ground-800: #1f2a37;
    --ground-900: #111927;
    --ground-950: #0d121c;
    --ground-1000: #f3f4f600;
    --ground-muted: #f7f8f7;
    --success-0: #f6fef9;
    --success-50: #ecfdf3;
    --success-100: #dcfae6;
    --success-200: #abefca;
    --success-300: #75e0a7;
    --success-400: #47cd89;
    --success-500: #17b26a;
    --success-600: #079455;
    --success-700: #067647;
    --success-800: #085d3a;
    --success-900: #074d31;
    --success-950: #053321;
    --success-bg: #17b26a1a;
    --danger-0: #fffbfa;
    --danger-50: #fef3f2;
    --danger-100: #fee4e2;
    --danger-200: #fecdca;
    --danger-300: #fda29b;
    --danger-400: #f97066;
    --danger-500: #f04438;
    --danger-600: #d92d20;
    --danger-700: #b42318;
    --danger-800: #912018;
    --danger-900: #7a271a;
    --danger-950: #55160c;
    --danger-bg: #f044381a;
    --warning-0: #fffcf5;
    --warning-50: #fffaeb;
    --warning-100: #fef0c7;
    --warning-200: #fedf89;
    --warning-300: #fec84b;
    --warning-400: #fdb022;
    --warning-500: #f79009;
    --warning-600: #dc6803;
    --warning-700: #b54708;
    --warning-800: #93370d;
    --warning-900: #7a2e02;
    --warning-950: #4e1d09;
    --warning-bg: #f7900933;
    --info-0: #ecf8fe;
    --info-50: #c7ebfc;
    --info-100: #a2ddfa;
    --info-200: #7ccff8;
    --info-300: #57c2f6;
    --info-400: #32b4f4;
    --info-500: #0f99fe;
    --info-600: #0b8dcd;
    --info-700: #0973a8;
    --info-800: #075a83;
    --info-900: #05405d;
    --info-950: #032638;
    --indicator-model: #fff;
    --indicator-mask: #0009;
    --profit: #46cd7c;
    --loss: #eb483f;
    --buy: #0dc268;
    --sell: #ed0a34;
    --tj-1: #f0f5ff;
    --tj-2: #f8fffa;
    --tj-3: #fff9f2;
    --blue-0: #e8efff;
    --blue-50: #d1deff;
    --blue-100: #baceff;
    --blue-200: #a3bdff;
    --blue-300: #769dff;
    --blue-400: #487cff;
    --blue-500: #1a5bff;
    --blue-550: #1677ff;
    --blue-600: #154bd4;
    --blue-700: #103ba9;
    --blue-800: #0a2c7f;
    --blue-900: #051c54;
    --blue-950: #03143e;
    --blue-primary: #061335;
    --blue-bg: #1a5bff1a;
    --blue-primary-bg: #0613351a;
    --text-fixed-l0: #fff;
    --text-fixed-d500: #737c8d;
    --text-fixed-d700: #a0a9b5;
    --text-fixed-d950: #ddd;
    --bg-fixed-blur-primary-bg: #0613351a;
    --bg-fixed-blue-primary-bg1: #d0d4db1a;
    --bg-fixed-bg-l-00: #fff0;
    --bg-Fixed-bg-L-0: #fff;
    --bg-fixed-login-bg: #fff6;
    --auxiliary-projection: #02091566;
    --shadow-1: 0 4px 10px 0 #0122641f;
    --shadow-2: 0 8px 20px 0 #0122641f;
  }

  [data-theme="dark"] {
    --black-rgb: 255, 255, 255;
    --white-rgb: 0, 0, 0;
    --primary: #d0d4db;
    --primary-rgb: 208, 212, 219;
    --primary-0: #021032;
    --primary-50: #03143e;
    --primary-100: #051c54;
    --primary-200: #0a2c7f;
    --primary-300: #103ba9;
    --primary-400: #154bd4;
    --primary-500: #1a5bff;
    --primary-600: #487cff;
    --primary-700: #769dff;
    --primary-800: #a3bdff;
    --primary-900: #baceff;
    --primary-950: #d1deff;
    --sec-0: #1e1307;
    --sec-50: #251809;
    --sec-100: #38240e;
    --sec-200: #4a3012;
    --sec-300: #70471c;
    --sec-400: #955f25;
    --sec-500: #b68756;
    --sec-600: #c89258;
    --sec-700: #d6ad82;
    --sec-800: #e3c9ab;
    --sec-900: #ead6c0;
    --sec-950: #f1e4d5;
    --sec-bg: #b687561a;
    --ink-0: #090a0c;
    --ink-50: #131318;
    --ink-100: #27272f;
    --ink-200: #394047;
    --ink-300: #4c545f;
    --ink-400: #5f6777;
    --ink-500: #737c8d;
    --ink-600: #8a91a1;
    --ink-700: #a0a9b5;
    --ink-800: #b6beca;
    --ink-900: #c5c9d1;
    --ink-950: #d0d4db;
    --rim-0: #0e1932;
    --rim-50: #101c39;
    --rim-100: #121f3f;
    --rim-200: #1f2b49;
    --rim-300: #515a72;
    --rim-400: #515a72;
    --rim-500: #6a7186;
    --rim-600: #82899a;
    --rim-700: #9ba1ae;
    --rim-800: #b4bbc2;
    --rim-900: #cdd0d7;
    --rim-950: #f3f3f5;
    --border-0: #0e1932;
    --border-50: #101c39;
    --border-100: #121f3f;
    --border-200: #1f2b49;
    --border-300: #515a72;
    --border-400: #515a72;
    --border-500: #6a7186;
    --border-600: #82899a;
    --border-700: #9ba1ae;
    --border-800: #b4b8c2;
    --border-900: #cdd0d7;
    --border-950: #f3f3f5;
    --ground-0: #061335;
    --ground-50: #121f3f;
    --ground-100: #1f2b49;
    --ground-200: #38425d;
    --ground-300: #515a72;
    --ground-400: #6a7186;
    --ground-500: #82899a;
    --ground-600: #9ba1ae;
    --ground-700: #b4bbc2;
    --ground-800: #cdd0d7;
    --ground-900: #f3f3f5;
    --ground-950: #f9f9f9;
    --ground-1000: #1f2b4900;
    --ground-muted: #333;
    --success-0: #041c11;
    --success-50: #052b1a;
    --success-100: #052415;
    --success-200: #083e25;
    --success-300: #0c5935;
    --success-400: #0f7445;
    --success-500: #128e55;
    --success-600: #47cd89;
    --success-700: #75e0a7;
    --success-800: #abefca;
    --success-900: #dcfae6;
    --success-950: #ecfdf3;
    --success-bg: #17b26a1a;
    --danger-0: #3c0f08;
    --danger-50: #3c0f08;
    --danger-100: #621f15;
    --danger-200: #741a13;
    --danger-300: #901c13;
    --danger-400: #ae241a;
    --danger-500: #c0362d;
    --danger-600: #f04438;
    --danger-700: #f97066;
    --danger-800: #fda29b;
    --danger-900: #fecdca;
    --danger-950: #fee4e2;
    --danger-bg: #f0443833;
    --warning-0: #2c1005;
    --warning-50: #441a01;
    --warning-100: #672709;
    --warning-200: #7f3206;
    --warning-300: #b05302;
    --warning-400: #c67307;
    --warning-500: #de8208;
    --warning-600: #fdb022;
    --warning-700: #fec84b;
    --warning-800: #fedf89;
    --warning-900: #fef0c7;
    --warning-950: #fffaeb;
    --warning-bg: #f7900933;
    --info-0: #032638;
    --info-50: #05405d;
    --info-100: #075a83;
    --info-200: #0973a8;
    --info-300: #0b8dcd;
    --info-400: #0da6f2;
    --info-500: #0f99fe;
    --info-600: #57c2f6;
    --info-700: #7ccff8;
    --info-800: #a2ddfa;
    --info-900: #c7ebfc;
    --info-950: #ecf8fe;
    --indicator-model: #101b36;
    --indicator-mask: #00050e99;
    --profit: #46cd7c;
    --profit-rgb: 70, 205, 124;
    --loss: #eb483f;
    --loss-rgb: 235, 72, 63;
    --buy: #158bf9;
    --sell: #eb483f;
    --tj-1: #061335;
    --tj-2: #061335;
    --tj-3: #061335;
    --blue-0: #021032;
    --blue-50: #03143e;
    --blue-100: #051c54;
    --blue-200: #0a2c7f;
    --blue-300: #103ba9;
    --blue-400: #154bd4;
    --blue-500: #1a5bff;
    --blue-550: #1677ff;
    --blue-600: #487cff;
    --blue-700: #769dff;
    --blue-800: #a3bdff;
    --blue-900: #baceff;
    --blue-950: #d1deff;
    --blue-primary: #d0d4db;
    --blue-bg: #1a5bff1a;
    --blue-primary-bg: #d0d4db1a;
    --text-fixed-l0: #fff;
    --text-fixed-d500: #737c8d;
    --text-fixed-d700: #a0a9b5;
    --text-fixed-d950: #ddd;
    --bg-fixed-blur-primary-bg: #0613351a;
    --bg-fixed-blue-primary-bg1: #d0d4db1a;
    --bg-fixed-bg-l-00: #fff0;
    --bg-Fixed-bg-L-0: #fff;
    --bg-fixed-login-bg: #0006;
    --auxiliary-projection: #02091566;
    --shadow-1: 0 4px 10px 0 #02091566;
    --shadow-2: 0 8px 20px 0 #02091566;
  }

  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

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

  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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-blue-400: var(--blue-400);
    --color-blue-500: var(--blue-500);
    --color-blue-600: var(--blue-600);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-normal: 1.5;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: var(--primary);
    --color-primary-0: var(--primary-0);
    --color-primary-400: var(--primary-400);
    --color-primary-500: var(--primary-500);
    --color-sec: var(--sec-500);
    --color-sec-400: var(--sec-400);
    --color-sec-500: var(--sec-500);
    --color-ink: var(--ink-900);
    --color-ink-strong: var(--ink-950);
    --color-ink-secondary: var(--ink-700);
    --color-ink-info: var(--ink-500);
    --color-ink-0: var(--ink-0);
    --color-ink-200: var(--ink-200);
    --color-ink-300: var(--ink-300);
    --color-ink-400: var(--ink-400);
    --color-ink-500: var(--ink-500);
    --color-ink-600: var(--ink-600);
    --color-ink-700: var(--ink-700);
    --color-ink-800: var(--ink-800);
    --color-ink-900: var(--ink-900);
    --color-ink-950: var(--ink-950);
    --color-rim: var(--rim-400);
    --color-rim-deep: var(--rim-300);
    --color-rim-normal: var(--rim-200);
    --color-rim-100: var(--rim-100);
    --color-rim-200: var(--rim-200);
    --color-rim-300: var(--rim-300);
    --color-rim-500: var(--rim-500);
    --color-rim-600: var(--rim-600);
    --color-border-200: var(--border-200);
    --color-border-300: var(--border-300);
    --color-border-400: var(--border-400);
    --color-border-600: var(--border-600);
    --color-border-700: var(--border-700);
    --color-ground-normal: var(--ground-100);
    --color-ground-0: var(--ground-0);
    --color-ground-50: var(--ground-50);
    --color-ground-100: var(--ground-100);
    --color-ground-200: var(--ground-200);
    --color-ground-300: var(--ground-300);
    --color-ground-400: var(--ground-400);
    --color-success: var(--success-500);
    --color-success-bg: var(--success-bg);
    --color-success-500: var(--success-500);
    --color-danger: var(--danger-500);
    --color-danger-bg: var(--danger-bg);
    --color-danger-500: var(--danger-500);
    --color-warning: var(--warning-500);
    --color-warning-bg: var(--warning-bg);
    --color-warning-0: var(--warning-0);
    --color-warning-100: var(--warning-100);
    --color-warning-500: var(--warning-500);
    --color-info-500: var(--info-500);
    --color-profit: var(--profit);
    --color-loss: var(--loss);
    --color-buy: var(--buy);
    --color-sell: var(--sell);
    --color-sec-bg: var(--sec-bg);
    --color-indicator-model: var(--indicator-model);
    --color-blue-primary: var(--blue-primary);
    --color-blue-primary-bg: var(--blue-primary-bg);
    --color-blue-bg: var(--blue-bg);
    --color-text-fixed-l0: var(--text-fixed-l0);
    --color-text-fixed-d500: var(--text-fixed-d500);
    --color-text-fixed-d700: var(--text-fixed-d700);
    --color-text-fixed-d950: var(--text-fixed-d950);
    --color-bg-fixed-blur-primary-bg: var(--bg-fixed-blur-primary-bg);
  }
}

@layer components;

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-\[-3px\] {
    top: -3px;
  }

  .top-\[1px\] {
    top: 1px;
  }

  .top-\[2px\] {
    top: 2px;
  }

  .top-\[10\%\] {
    top: 10%;
  }

  .top-\[11px\] {
    top: 11px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-\[64px\] {
    top: 64px;
  }

  .top-\[267px\] {
    top: 267px;
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-\[6px\] {
    right: 6px;
  }

  .right-\[25px\] {
    right: 25px;
  }

  .right-\[50\%\] {
    right: 50%;
  }

  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-\[-10px\] {
    bottom: -10px;
  }

  .bottom-\[-44px\] {
    bottom: -44px;
  }

  .bottom-\[0\] {
    bottom: 0;
  }

  .bottom-\[1px\] {
    bottom: 1px;
  }

  .bottom-\[6px\] {
    bottom: 6px;
  }

  .bottom-\[15px\] {
    bottom: 15px;
  }

  .bottom-\[26px\] {
    bottom: 26px;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-\[-6\%\] {
    left: -6%;
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-full {
    left: 100%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-100 {
    z-index: 100;
  }

  .z-\[-1\] {
    z-index: -1;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[99\] {
    z-index: 99;
  }

  .z-\[500\] {
    z-index: 500;
  }

  .z-\[9998\] {
    z-index: 9998;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[9999999999\] {
    z-index: 2147483647;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-2 {
    margin: calc(var(--spacing) * 2);
  }

  .m-26 {
    margin: calc(var(--spacing) * 26);
  }

  .m-32 {
    margin: calc(var(--spacing) * 32);
  }

  .m-40 {
    margin: calc(var(--spacing) * 40);
  }

  .m-48 {
    margin: calc(var(--spacing) * 48);
  }

  .m-178 {
    margin: calc(var(--spacing) * 178);
  }

  .m-\[0px_4px\] {
    margin: 0 4px;
  }

  .m-\[24px_0px\] {
    margin: 24px 0;
  }

  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }

  .mx-\[-24px\] {
    margin-inline: -24px;
  }

  .mx-\[4px\] {
    margin-inline: 4px;
  }

  .mx-\[40px\] {
    margin-inline: 40px;
  }

  .mx-\[140px\] {
    margin-inline: 140px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .\!my-6 {
    margin-block: calc(var(--spacing) * 6) !important;
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .my-\[12px\] {
    margin-block: 12px;
  }

  .my-\[16px\] {
    margin-block: 16px;
  }

  .my-\[20px\] {
    margin-block: 20px;
  }

  .my-\[24px\] {
    margin-block: 24px;
  }

  .\!mt-\[-24px\] {
    margin-top: -24px !important;
  }

  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-\[-2px\] {
    margin-top: -2px;
  }

  .mt-\[-20px\] {
    margin-top: -20px;
  }

  .mt-\[4px\] {
    margin-top: 4px;
  }

  .mt-\[5px\] {
    margin-top: 5px;
  }

  .mt-\[6px\] {
    margin-top: 6px;
  }

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-\[8px\] {
    margin-top: 8px;
  }

  .mt-\[8px\]\! {
    margin-top: 8px !important;
  }

  .mt-\[8x\] {
    margin-top: 8x;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-\[12px\] {
    margin-top: 12px;
  }

  .mt-\[14px\] {
    margin-top: 14px;
  }

  .mt-\[15px\] {
    margin-top: 15px;
  }

  .mt-\[16px\] {
    margin-top: 16px;
  }

  .mt-\[16px\]\! {
    margin-top: 16px !important;
  }

  .mt-\[18px\] {
    margin-top: 18px;
  }

  .mt-\[20px\] {
    margin-top: 20px;
  }

  .mt-\[22px\] {
    margin-top: 22px;
  }

  .mt-\[24px\] {
    margin-top: 24px;
  }

  .mt-\[25px\] {
    margin-top: 25px;
  }

  .mt-\[26px\] {
    margin-top: 26px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-\[32px\] {
    margin-top: 32px;
  }

  .mt-\[36px\] {
    margin-top: 36px;
  }

  .mt-\[42px\] {
    margin-top: 42px;
  }

  .mt-\[100px\] {
    margin-top: 100px;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-2\! {
    margin-right: calc(var(--spacing) * 2) !important;
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-\[2px\] {
    margin-right: 2px;
  }

  .mr-\[3px\] {
    margin-right: 3px;
  }

  .mr-\[4px\] {
    margin-right: 4px;
  }

  .mr-\[6px\] {
    margin-right: 6px;
  }

  .mr-\[7px\] {
    margin-right: 7px;
  }

  .mr-\[8px\] {
    margin-right: 8px;
  }

  .mr-\[10px\] {
    margin-right: 10px;
  }

  .mr-\[12px\] {
    margin-right: 12px;
  }

  .mr-\[14px\] {
    margin-right: 14px;
  }

  .mr-\[16px\] {
    margin-right: 16px;
  }

  .mr-\[20px\] {
    margin-right: 20px;
  }

  .mr-\[22px\] {
    margin-right: 22px;
  }

  .mr-\[24px\] {
    margin-right: 24px;
  }

  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .\!mb-\[0px\] {
    margin-bottom: 0 !important;
  }

  .\!mb-\[4px\] {
    margin-bottom: 4px !important;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-\[2px\] {
    margin-bottom: 2px;
  }

  .mb-\[4px\] {
    margin-bottom: 4px;
  }

  .mb-\[5px\] {
    margin-bottom: 5px;
  }

  .mb-\[6px\] {
    margin-bottom: 6px;
  }

  .mb-\[8px\] {
    margin-bottom: 8px;
  }

  .mb-\[9px\] {
    margin-bottom: 9px;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .mb-\[11px\] {
    margin-bottom: 11px;
  }

  .mb-\[12px\] {
    margin-bottom: 12px;
  }

  .mb-\[14px\] {
    margin-bottom: 14px;
  }

  .mb-\[15px\] {
    margin-bottom: 15px;
  }

  .mb-\[16px\] {
    margin-bottom: 16px;
  }

  .mb-\[20px\] {
    margin-bottom: 20px;
  }

  .mb-\[24px\] {
    margin-bottom: 24px;
  }

  .mb-\[26px\] {
    margin-bottom: 26px;
  }

  .mb-\[28px\] {
    margin-bottom: 28px;
  }

  .mb-\[40px\] {
    margin-bottom: 40px;
  }

  .mb-\[44px\] {
    margin-bottom: 44px;
  }

  .mb-\[45px\] {
    margin-bottom: 45px;
  }

  .mb-\[52px\] {
    margin-bottom: 52px;
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-\[-4px\] {
    margin-left: -4px;
  }

  .ml-\[-12px\] {
    margin-left: -12px;
  }

  .ml-\[2px\] {
    margin-left: 2px;
  }

  .ml-\[4px\] {
    margin-left: 4px;
  }

  .ml-\[8px\] {
    margin-left: 8px;
  }

  .ml-\[12px\] {
    margin-left: 12px;
  }

  .ml-\[16px\] {
    margin-left: 16px;
  }

  .ml-\[20px\] {
    margin-left: 20px;
  }

  .ml-\[24px\] {
    margin-left: 24px;
  }

  .ml-\[27px\] {
    margin-left: 27px;
  }

  .ml-\[28px\] {
    margin-left: 28px;
  }

  .ml-\[30px\] {
    margin-left: 30px;
  }

  .ml-\[40px\] {
    margin-left: 40px;
  }

  .ml-\[70px\] {
    margin-left: 70px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .box-content {
    box-sizing: content-box;
  }

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

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

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

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

  .\!block {
    display: block !important;
  }

  .\!flex {
    display: flex !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flex\! {
    display: flex !important;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .aspect-\[29\/21\] {
    aspect-ratio: 29 / 21;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .\!h-\[30px\] {
    height: 30px !important;
  }

  .\!h-\[140px\] {
    height: 140px !important;
  }

  .\!h-auto {
    height: auto !important;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-\[1px\] {
    height: 1px;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[4px\] {
    height: 4px;
  }

  .h-\[5px\] {
    height: 5px;
  }

  .h-\[6px\] {
    height: 6px;
  }

  .h-\[8px\] {
    height: 8px;
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[12px\] {
    height: 12px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[19px\] {
    height: 19px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[25px\] {
    height: 25px;
  }

  .h-\[26px\] {
    height: 26px;
  }

  .h-\[28px\] {
    height: 28px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[36px\] {
    height: 36px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[38px\]\! {
    height: 38px !important;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[42px\] {
    height: 42px;
  }

  .h-\[42px\]\! {
    height: 42px !important;
  }

  .h-\[44px\] {
    height: 44px;
  }

  .h-\[45px\] {
    height: 45px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[49px\] {
    height: 49px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[51px\] {
    height: 51px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[55px\] {
    height: 55px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[61px\] {
    height: 61px;
  }

  .h-\[62px\] {
    height: 62px;
  }

  .h-\[66px\] {
    height: 66px;
  }

  .h-\[70px\] {
    height: 70px;
  }

  .h-\[74px\] {
    height: 74px;
  }

  .h-\[76px\] {
    height: 76px;
  }

  .h-\[78px\] {
    height: 78px;
  }

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[80vh\] {
    height: 80vh;
  }

  .h-\[83px\] {
    height: 83px;
  }

  .h-\[86px\] {
    height: 86px;
  }

  .h-\[92px\] {
    height: 92px;
  }

  .h-\[95px\] {
    height: 95px;
  }

  .h-\[96px\] {
    height: 96px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[110px\] {
    height: 110px;
  }

  .h-\[140px\] {
    height: 140px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[154px\] {
    height: 154px;
  }

  .h-\[160px\] {
    height: 160px;
  }

  .h-\[163px\] {
    height: 163px;
  }

  .h-\[180px\] {
    height: 180px;
  }

  .h-\[185px\] {
    height: 185px;
  }

  .h-\[192px\] {
    height: 192px;
  }

  .h-\[195px\] {
    height: 195px;
  }

  .h-\[210px\] {
    height: 210px;
  }

  .h-\[212px\] {
    height: 212px;
  }

  .h-\[213px\] {
    height: 213px;
  }

  .h-\[220px\] {
    height: 220px;
  }

  .h-\[222px\] {
    height: 222px;
  }

  .h-\[225px\] {
    height: 225px;
  }

  .h-\[230px\] {
    height: 230px;
  }

  .h-\[235px\] {
    height: 235px;
  }

  .h-\[240px\] {
    height: 240px;
  }

  .h-\[250px\] {
    height: 250px;
  }

  .h-\[256px\] {
    height: 256px;
  }

  .h-\[290px\] {
    height: 290px;
  }

  .h-\[295px\] {
    height: 295px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[306px\] {
    height: 306px;
  }

  .h-\[324px\] {
    height: 324px;
  }

  .h-\[380px\] {
    height: 380px;
  }

  .h-\[394px\] {
    height: 394px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[435px\] {
    height: 435px;
  }

  .h-\[442px\] {
    height: 442px;
  }

  .h-\[460px\] {
    height: 460px;
  }

  .h-\[486px\] {
    height: 486px;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[562px\] {
    height: 562px;
  }

  .h-\[583px\] {
    height: 583px;
  }

  .h-\[600px\] {
    height: 600px;
  }

  .h-\[calc\(100\%\+22px\)\] {
    height: calc(100% + 22px);
  }

  .h-\[calc\(100\%-48px\)\] {
    height: calc(100% - 48px);
  }

  .h-\[calc\(100\%-52px\)\] {
    height: calc(100% - 52px);
  }

  .h-\[calc\(100vh-170px\)\] {
    height: calc(100vh - 170px);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-full\! {
    height: 100% !important;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-\[0px\] {
    max-height: 0;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[100px\] {
    max-height: 100px;
  }

  .max-h-\[176px\] {
    max-height: 176px;
  }

  .max-h-\[205px\] {
    max-height: 205px;
  }

  .max-h-\[224px\] {
    max-height: 224px;
  }

  .max-h-\[240px\] {
    max-height: 240px;
  }

  .max-h-\[280px\] {
    max-height: 280px;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[324px\] {
    max-height: 324px;
  }

  .max-h-\[341px\] {
    max-height: 341px;
  }

  .max-h-\[350px\] {
    max-height: 350px;
  }

  .max-h-\[583px\] {
    max-height: 583px;
  }

  .max-h-\[9999px\] {
    max-height: 9999px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-\[170px\] {
    min-height: 170px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[202px\] {
    min-height: 202px;
  }

  .min-h-\[212px\] {
    min-height: 212px;
  }

  .min-h-\[230px\] {
    min-height: 230px;
  }

  .min-h-\[240px\] {
    min-height: 240px;
  }

  .min-h-\[271px\] {
    min-height: 271px;
  }

  .min-h-\[282px\] {
    min-height: 282px;
  }

  .min-h-\[289px\] {
    min-height: 289px;
  }

  .min-h-\[296px\] {
    min-height: 296px;
  }

  .min-h-\[301px\] {
    min-height: 301px;
  }

  .min-h-\[305px\] {
    min-height: 305px;
  }

  .min-h-\[310px\] {
    min-height: 310px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[329px\] {
    min-height: 329px;
  }

  .min-h-\[334px\] {
    min-height: 334px;
  }

  .min-h-\[362px\] {
    min-height: 362px;
  }

  .min-h-\[383px\] {
    min-height: 383px;
  }

  .min-h-\[394px\] {
    min-height: 394px;
  }

  .min-h-\[396px\] {
    min-height: 396px;
  }

  .min-h-\[414px\] {
    min-height: 414px;
  }

  .min-h-\[429px\] {
    min-height: 429px;
  }

  .min-h-\[467px\] {
    min-height: 467px;
  }

  .min-h-\[540px\] {
    min-height: 540px;
  }

  .min-h-\[700px\] {
    min-height: 700px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[0px\] {
    width: 0;
  }

  .w-\[1px\] {
    width: 1px;
  }

  .w-\[2px\] {
    width: 2px;
  }

  .w-\[4px\] {
    width: 4px;
  }

  .w-\[5px\] {
    width: 5px;
  }

  .w-\[6px\] {
    width: 6px;
  }

  .w-\[8px\] {
    width: 8px;
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[12px\] {
    width: 12px;
  }

  .w-\[14px\] {
    width: 14px;
  }

  .w-\[16px\] {
    width: 16px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[24px\] {
    width: 24px;
  }

  .w-\[26px\] {
    width: 26px;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[32px\] {
    width: 32px;
  }

  .w-\[38px\] {
    width: 38px;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[40px\] {
    width: 40px;
  }

  .w-\[42px\] {
    width: 42px;
  }

  .w-\[44px\] {
    width: 44px;
  }

  .w-\[45px\] {
    width: 45px;
  }

  .w-\[46px\] {
    width: 46px;
  }

  .w-\[48px\] {
    width: 48px;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[50px\] {
    width: 50px;
  }

  .w-\[51px\] {
    width: 51px;
  }

  .w-\[52px\] {
    width: 52px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[68px\] {
    width: 68px;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[86px\] {
    width: 86px;
  }

  .w-\[88px\] {
    width: 88px;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[96px\] {
    width: 96px;
  }

  .w-\[100\%\] {
    width: 100%;
  }

  .w-\[100\%\]\! {
    width: 100% !important;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[108px\] {
    width: 108px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[128px\] {
    width: 128px;
  }

  .w-\[130px\] {
    width: 130px;
  }

  .w-\[130px\]\! {
    width: 130px !important;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[163px\] {
    width: 163px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[196px\] {
    width: 196px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[210px\] {
    width: 210px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[224px\] {
    width: 224px;
  }

  .w-\[226px\] {
    width: 226px;
  }

  .w-\[230px\] {
    width: 230px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[262px\] {
    width: 262px;
  }

  .w-\[268px\] {
    width: 268px;
  }

  .w-\[274px\] {
    width: 274px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[295px\] {
    width: 295px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[300px\]\! {
    width: 300px !important;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[376px\] {
    width: 376px;
  }

  .w-\[391px\] {
    width: 391px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[407px\] {
    width: 407px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[528px\] {
    width: 528px;
  }

  .w-\[550px\] {
    width: 550px;
  }

  .w-\[620px\] {
    width: 620px;
  }

  .w-\[760\] {
    width: 760px;
  }

  .w-\[779px\] {
    width: 779px;
  }

  .w-\[1700px\] {
    width: 1700px;
  }

  .w-\[calc\(100\%-40px\)\] {
    width: calc(100% - 40px);
  }

  .w-\[calc\(100\%-300px\)\] {
    width: calc(100% - 300px);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-full\! {
    width: 100% !important;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\[50\%\] {
    max-width: 50%;
  }

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[86px\] {
    max-width: 86px;
  }

  .max-w-\[100px\] {
    max-width: 100px;
  }

  .max-w-\[120px\] {
    max-width: 120px;
  }

  .max-w-\[128px\] {
    max-width: 128px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[205px\] {
    max-width: 205px;
  }

  .max-w-\[238px\] {
    max-width: 238px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[259px\] {
    max-width: 259px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[350px\] {
    max-width: 350px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[594px\] {
    max-width: 594px;
  }

  .max-w-\[616px\] {
    max-width: 616px;
  }

  .max-w-\[779px\] {
    max-width: 779px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-\[0\] {
    min-width: 0;
  }

  .min-w-\[10ch\] {
    min-width: 10ch;
  }

  .min-w-\[16px\] {
    min-width: 16px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-2 {
    flex: 2;
  }

  .flex-3 {
    flex: 3;
  }

  .flex-\[0_1_25\%\] {
    flex: 0 25%;
  }

  .flex-auto {
    flex: auto;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow {
    flex-grow: 1;
  }

  .basis-\[120px\] {
    flex-basis: 120px;
  }

  .basis-\[130px\] {
    flex-basis: 130px;
  }

  .basis-\[152px\] {
    flex-basis: 152px;
  }

  .basis-\[260px\] {
    flex-basis: 260px;
  }

  .basis-\[300px\] {
    flex-basis: 300px;
  }

  .basis-\[320px\] {
    flex-basis: 320px;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .origin-top-right {
    transform-origin: 100% 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/3 {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/3 {
    --tw-translate-x: calc(1 / 3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/4 {
    --tw-translate-x: calc(1 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-4px\] {
    --tw-translate-x: -4px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[50\%\] {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/4 {
    --tw-translate-y: calc(calc(1 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[50\%\] {
    --tw-translate-y: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[0\.5\] {
    scale: .5;
  }

  .scale-\[0\.6\] {
    scale: .6;
  }

  .scale-\[0\.8\] {
    scale: .8;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[-45deg\] {
    rotate: -45deg;
  }

  .rotate-\[-90deg\] {
    rotate: -90deg;
  }

  .rotate-\[90deg\] {
    rotate: 90deg;
  }

  .rotate-z-180 {
    --tw-rotate-z: rotateZ(180deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .\!cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .\!cursor-pointer {
    cursor: pointer !important;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-disc {
    list-style-type: disc;
  }

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

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

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

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

  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(44px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(240px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(220px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .\!items-center {
    align-items: center !important;
  }

  .\!items-start {
    align-items: flex-start !important;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

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

  .items-start {
    align-items: flex-start;
  }

  .\!justify-center {
    justify-content: center !important;
  }

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

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

  .justify-center {
    justify-content: center;
  }

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

  .justify-start {
    justify-content: flex-start;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-11 {
    gap: calc(var(--spacing) * 11);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-22 {
    gap: calc(var(--spacing) * 22);
  }

  .gap-\[1px\] {
    gap: 1px;
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[12px\] {
    gap: 12px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[16px\] {
    gap: 16px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[20px\] {
    gap: 20px;
  }

  .gap-\[22px\] {
    gap: 22px;
  }

  .gap-\[24px\] {
    gap: 24px;
  }

  .gap-\[32px\] {
    gap: 32px;
  }

  .gap-\[36px\] {
    gap: 36px;
  }

  .gap-\[40px\] {
    gap: 40px;
  }

  .gap-\[50px\] {
    gap: 50px;
  }

  .gap-\[64px\] {
    gap: 64px;
  }

  .gap-\[80px\] {
    gap: 80px;
  }

  .gap-\[100px\] {
    gap: 100px;
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-\[8px\] {
    column-gap: 8px;
  }

  .gap-x-\[16px\] {
    column-gap: 16px;
  }

  .gap-x-\[20px\] {
    column-gap: 20px;
  }

  .gap-x-\[24px\] {
    column-gap: 24px;
  }

  .gap-x-\[40px\] {
    column-gap: 40px;
  }

  :where(.space-x-0 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-\[6px\] {
    row-gap: 6px;
  }

  .gap-y-\[10px\] {
    row-gap: 10px;
  }

  .gap-y-\[14px\] {
    row-gap: 14px;
  }

  .gap-y-\[16px\] {
    row-gap: 16px;
  }

  .gap-y-\[22px\] {
    row-gap: 22px;
  }

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

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

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

  .\!overflow-hidden {
    overflow: hidden !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

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

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[0_0_8px_8px\] {
    border-radius: 0 0 8px 8px;
  }

  .rounded-\[1px\] {
    border-radius: 1px;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[6-px\] {
    border-radius: 6-px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[8px\]\! {
    border-radius: 8px !important;
  }

  .rounded-\[8px_8px_0_0\] {
    border-radius: 8px 8px 0 0;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[10px\]\! {
    border-radius: 10px !important;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }

  .rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }

  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }

  .rounded-tr-sm {
    border-top-right-radius: var(--radius-sm);
  }

  .rounded-bl-\[8px\] {
    border-bottom-left-radius: 8px;
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-12 {
    border-style: var(--tw-border-style);
    border-width: 12px;
  }

  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: .5px;
  }

  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }

  .\!border-e {
    border-inline-end-style: var(--tw-border-style) !important;
    border-inline-end-width: 1px !important;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }

  .border-t-\[3\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 3.5px;
  }

  .border-t-\[5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
  }

  .border-r-4 {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }

  .border-r-\[3\.5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 3.5px;
  }

  .border-r-\[5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-\[2px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-l-\[1px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-\[3\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3.5px;
  }

  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\!border-blue-primary {
    border-color: var(--color-blue-primary) !important;
  }

  .\!border-rim-200 {
    border-color: var(--color-rim-200) !important;
  }

  .border-\[\#1F2B49\], .border-\[\#1f2b49\] {
    border-color: #1f2b49;
  }

  .border-\[\#38425D\] {
    border-color: #38425d;
  }

  .border-\[\#364152\] {
    border-color: #364152;
  }

  .border-\[\#E0E1E1\] {
    border-color: #e0e1e1;
  }

  .border-\[rgba\(182\,135\,86\,0\.40\)\] {
    border-color: #b6875666;
  }

  .border-\[rgba\(var\(--black-rgb\)\,0\.02\)\] {
    border-color: rgba(var(--black-rgb), .02);
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-blue-primary {
    border-color: var(--color-blue-primary);
  }

  .border-border-700 {
    border-color: var(--color-border-700);
  }

  .border-danger-500 {
    border-color: var(--color-danger-500);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-500 {
    border-color: var(--color-gray-500);
  }

  .border-ground-100 {
    border-color: var(--color-ground-100);
  }

  .border-ground-200 {
    border-color: var(--color-ground-200);
  }

  .border-ground-normal {
    border-color: var(--color-ground-normal);
  }

  .border-ink-200 {
    border-color: var(--color-ink-200);
  }

  .border-ink-300 {
    border-color: var(--color-ink-300);
  }

  .border-ink-500 {
    border-color: var(--color-ink-500);
  }

  .border-primary {
    border-color: var(--color-primary);
  }

  .border-primary\! {
    border-color: var(--color-primary) !important;
  }

  .border-rim-100 {
    border-color: var(--color-rim-100);
  }

  .border-rim-200 {
    border-color: var(--color-rim-200);
  }

  .border-rim-300 {
    border-color: var(--color-rim-300);
  }

  .border-rim-500 {
    border-color: var(--color-rim-500);
  }

  .border-rim-600 {
    border-color: var(--color-rim-600);
  }

  .border-rim-deep {
    border-color: var(--color-rim-deep);
  }

  .border-rim-normal {
    border-color: var(--color-rim-normal);
  }

  .border-success-500 {
    border-color: var(--color-success-500);
  }

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

  .border-warning-100 {
    border-color: var(--color-warning-100);
  }

  .border-warning-500 {
    border-color: var(--color-warning-500);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-t-danger-500 {
    border-top-color: var(--color-danger-500);
  }

  .border-t-gray-600 {
    border-top-color: var(--color-gray-600);
  }

  .border-t-ground-0 {
    border-top-color: var(--color-ground-0);
  }

  .border-t-primary {
    border-top-color: var(--color-primary);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-t-white {
    border-top-color: var(--color-white);
  }

  .border-r-ground-0 {
    border-right-color: var(--color-ground-0);
  }

  .border-r-success-500 {
    border-right-color: var(--color-success-500);
  }

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

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

  .\!bg-blue-primary-bg {
    background-color: var(--color-blue-primary-bg) !important;
  }

  .\!bg-danger-bg\/20 {
    background-color: var(--color-danger-bg) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-danger-bg\/20 {
      background-color: color-mix(in oklab, var(--color-danger-bg) 20%, transparent) !important;
    }
  }

  .\!bg-ground-50 {
    background-color: var(--color-ground-50) !important;
  }

  .bg-\[\#0B1022\]\/80 {
    background-color: oklab(17.8856% .000315376 -.0379755 / .8);
  }

  .bg-\[\#000\] {
    background-color: #000;
  }

  .bg-\[\#1A5BFF\] {
    background-color: #1a5bff;
  }

  .bg-\[\#1f2b49\] {
    background-color: #1f2b49;
  }

  .bg-\[\#121F3F\] {
    background-color: #121f3f;
  }

  .bg-\[\#E0E1E1\] {
    background-color: #e0e1e1;
  }

  .bg-\[\#bbb\] {
    background-color: #bbb;
  }

  .bg-\[\#ecf8fe\] {
    background-color: #ecf8fe;
  }

  .bg-\[\#ffffff\] {
    background-color: #fff;
  }

  .bg-\[pink\] {
    background-color: pink;
  }

  .bg-\[rgba\(182\,135\,86\,0\.1\)\], .bg-\[rgba\(182\,135\,86\,0\.10\)\] {
    background-color: #b687561a;
  }

  .bg-\[rgba\(208\,212\,219\,0\.10\)\] {
    background-color: #d0d4db1a;
  }

  .bg-\[var\(--bg-fixed-blue-primary-bg1\)\] {
    background-color: var(--bg-fixed-blue-primary-bg1);
  }

  .bg-\[var\(--bg-fixed-login-bg\)\] {
    background-color: var(--bg-fixed-login-bg);
  }

  .bg-\[var\(--danger-500\)\]\/20 {
    background-color: var(--danger-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--danger-500\)\]\/20 {
      background-color: color-mix(in oklab, var(--danger-500) 20%, transparent);
    }
  }

  .bg-\[var\(--sec-500\)\]\/20 {
    background-color: var(--sec-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--sec-500\)\]\/20 {
      background-color: color-mix(in oklab, var(--sec-500) 20%, transparent);
    }
  }

  .bg-\[var\(--success-500\)\]\/20 {
    background-color: var(--success-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--success-500\)\]\/20 {
      background-color: color-mix(in oklab, var(--success-500) 20%, transparent);
    }
  }

  .bg-\[var\(--warning-500\)\]\/20 {
    background-color: var(--warning-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--warning-500\)\]\/20 {
      background-color: color-mix(in oklab, var(--warning-500) 20%, transparent);
    }
  }

  .bg-bg-fixed-blur-primary-bg {
    background-color: var(--color-bg-fixed-blur-primary-bg);
  }

  .bg-blue-500, .bg-blue-500\/10 {
    background-color: var(--color-blue-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-bg {
    background-color: var(--color-blue-bg);
  }

  .bg-blue-primary {
    background-color: var(--color-blue-primary);
  }

  .bg-blue-primary-bg {
    background-color: var(--color-blue-primary-bg);
  }

  .bg-blue-primary\/10 {
    background-color: var(--color-blue-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-primary\/10 {
      background-color: color-mix(in oklab, var(--color-blue-primary) 10%, transparent);
    }
  }

  .bg-buy {
    background-color: var(--color-buy);
  }

  .bg-danger-500, .bg-danger-500\/10 {
    background-color: var(--color-danger-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-500\/10 {
      background-color: color-mix(in oklab, var(--color-danger-500) 10%, transparent);
    }
  }

  .bg-danger-bg {
    background-color: var(--color-danger-bg);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-200\/20 {
    background-color: #e5e7eb33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-200\/20 {
      background-color: color-mix(in oklab, var(--color-gray-200) 20%, transparent);
    }
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }

  .bg-ground-0 {
    background-color: var(--color-ground-0);
  }

  .bg-ground-0\! {
    background-color: var(--color-ground-0) !important;
  }

  .bg-ground-50 {
    background-color: var(--color-ground-50);
  }

  .bg-ground-100 {
    background-color: var(--color-ground-100);
  }

  .bg-ground-100\! {
    background-color: var(--color-ground-100) !important;
  }

  .bg-ground-200 {
    background-color: var(--color-ground-200);
  }

  .bg-ground-300 {
    background-color: var(--color-ground-300);
  }

  .bg-indicator-model {
    background-color: var(--color-indicator-model);
  }

  .bg-info-500\/10 {
    background-color: var(--color-info-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info-500\/10 {
      background-color: color-mix(in oklab, var(--color-info-500) 10%, transparent);
    }
  }

  .bg-ink-500 {
    background-color: var(--color-ink-500);
  }

  .bg-ink-900 {
    background-color: var(--color-ink-900);
  }

  .bg-ink-950 {
    background-color: var(--color-ink-950);
  }

  .bg-primary {
    background-color: var(--color-primary);
  }

  .bg-primary-0 {
    background-color: var(--color-primary-0);
  }

  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }

  .bg-rim-200 {
    background-color: var(--color-rim-200);
  }

  .bg-rim-300 {
    background-color: var(--color-rim-300);
  }

  .bg-rim-normal {
    background-color: var(--color-rim-normal);
  }

  .bg-sec {
    background-color: var(--color-sec);
  }

  .bg-sec-500, .bg-sec-500\/10 {
    background-color: var(--color-sec-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sec-500\/10 {
      background-color: color-mix(in oklab, var(--color-sec-500) 10%, transparent);
    }
  }

  .bg-sec-bg {
    background-color: var(--color-sec-bg);
  }

  .bg-sell {
    background-color: var(--color-sell);
  }

  .bg-success-500, .bg-success-500\/10 {
    background-color: var(--color-success-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-500\/10 {
      background-color: color-mix(in oklab, var(--color-success-500) 10%, transparent);
    }
  }

  .bg-success-bg, .bg-success-bg\/10 {
    background-color: var(--color-success-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-bg\/10 {
      background-color: color-mix(in oklab, var(--color-success-bg) 10%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-warning {
    background-color: var(--color-warning);
  }

  .bg-warning-0 {
    background-color: var(--color-warning-0);
  }

  .bg-warning-500, .bg-warning-500\/10 {
    background-color: var(--color-warning-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-500\/10 {
      background-color: color-mix(in oklab, var(--color-warning-500) 10%, transparent);
    }
  }

  .bg-warning-bg {
    background-color: var(--color-warning-bg);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(90deg\,rgba\(26\,91\,255\,0\)_0\%\,rgba\(26\,91\,255\,1\)_50\%\,rgba\(26\,91\,255\,0\)_100\%\)\] {
    background-image: linear-gradient(90deg, #1a5bff00 0%, #1a5bff 50%, #1a5bff00 100%);
  }

  .bg-\[linear-gradient\(90deg\,rgba\(26\,91\,255\,0\.06\)_0\%\,rgba\(26\,91\,255\,0\.10\)_100\%\)\] {
    background-image: linear-gradient(90deg, #1a5bff0f 0%, #1a5bff1a 100%);
  }

  .bg-\[linear-gradient\(90deg\,var\(--ground-100\)_0\%\,var\(--ground-1000\)_100\%\)\] {
    background-image: linear-gradient(90deg, var(--ground-100) 0%, var(--ground-1000) 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(26\,91\,255\,0\.20\)_0\%\,rgba\(26\,91\,255\,0\.00\)_100\%\)\] {
    background-image: linear-gradient(#1a5bff33 0%, #1a5bff00 100%);
  }

  .from-sell {
    --tw-gradient-from: var(--color-sell);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-50\% {
    --tw-gradient-from-position: 50%;
  }

  .to-buy {
    --tw-gradient-to: var(--color-buy);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-50\% {
    --tw-gradient-to-position: 50%;
  }

  .\!fill-blue-500 {
    fill: var(--color-blue-500) !important;
  }

  .\!fill-blue-600 {
    fill: var(--color-blue-600) !important;
  }

  .\!fill-blue-primary {
    fill: var(--color-blue-primary) !important;
  }

  .\!fill-danger-500 {
    fill: var(--color-danger-500) !important;
  }

  .\!fill-ground-0 {
    fill: var(--color-ground-0) !important;
  }

  .\!fill-ink-0 {
    fill: var(--color-ink-0) !important;
  }

  .\!fill-ink-500 {
    fill: var(--color-ink-500) !important;
  }

  .\!fill-ink-700 {
    fill: var(--color-ink-700) !important;
  }

  .\!fill-ink-950 {
    fill: var(--color-ink-950) !important;
  }

  .\!fill-ink-info {
    fill: var(--color-ink-info) !important;
  }

  .\!fill-ink-secondary {
    fill: var(--color-ink-secondary) !important;
  }

  .\!fill-ink-strong {
    fill: var(--color-ink-strong) !important;
  }

  .\!fill-primary {
    fill: var(--color-primary) !important;
  }

  .\!fill-sec {
    fill: var(--color-sec) !important;
  }

  .\!fill-success {
    fill: var(--color-success) !important;
  }

  .\!fill-success-500 {
    fill: var(--color-success-500) !important;
  }

  .\!fill-text-fixed-d950 {
    fill: var(--color-text-fixed-d950) !important;
  }

  .\!fill-text-fixed-l0 {
    fill: var(--color-text-fixed-l0) !important;
  }

  .\!fill-warning-500 {
    fill: var(--color-warning-500) !important;
  }

  .fill-ink-500 {
    fill: var(--color-ink-500);
  }

  .fill-ink-950 {
    fill: var(--color-ink-950);
  }

  .\!stroke-rim-300 {
    stroke: var(--color-rim-300) !important;
  }

  .\!stroke-rim-500 {
    stroke: var(--color-rim-500) !important;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[4px\] {
    padding: 4px;
  }

  .p-\[8px\] {
    padding: 8px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[12px\] {
    padding: 12px;
  }

  .p-\[14px\] {
    padding: 14px;
  }

  .p-\[14px_20px\] {
    padding: 14px 20px;
  }

  .p-\[14px_23px_16px_23px\] {
    padding: 14px 23px 16px;
  }

  .p-\[14px_67px_14px_0\] {
    padding: 14px 67px 14px 0;
  }

  .p-\[16px\] {
    padding: 16px;
  }

  .p-\[16px_16px_20px_16px\] {
    padding: 16px 16px 20px;
  }

  .p-\[20px\] {
    padding: 20px;
  }

  .p-\[20px_40px_0px_0px\] {
    padding: 20px 40px 0 0;
  }

  .p-\[21px_0px_21px_20px\] {
    padding: 21px 0 21px 20px;
  }

  .p-\[21px_84px_21px_20px\] {
    padding: 21px 84px 21px 20px;
  }

  .p-\[24px\] {
    padding: 24px;
  }

  .p-\[24px_24px_16px_24px\] {
    padding: 24px 24px 16px;
  }

  .p-\[40px_44px_54px_40px\] {
    padding: 40px 44px 54px 40px;
  }

  .p-\[94px_72px_28px_72px\] {
    padding: 94px 72px 28px;
  }

  .p-\[140px_5px_54px_5px\] {
    padding: 140px 5px 54px;
  }

  .\!px-\[14px\] {
    padding-inline: 14px !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[4px\] {
    padding-inline: 4px;
  }

  .px-\[4px\]\! {
    padding-inline: 4px !important;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[6px\] {
    padding-inline: 6px;
  }

  .px-\[8px\] {
    padding-inline: 8px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[12px\] {
    padding-inline: 12px;
  }

  .px-\[13px\] {
    padding-inline: 13px;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[16px\] {
    padding-inline: 16px;
  }

  .px-\[20px\] {
    padding-inline: 20px;
  }

  .px-\[24px\] {
    padding-inline: 24px;
  }

  .px-\[140px\] {
    padding-inline: 140px;
  }

  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[4px\] {
    padding-block: 4px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[8px\] {
    padding-block: 8px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[12px\] {
    padding-block: 12px;
  }

  .py-\[13px\] {
    padding-block: 13px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[16px\] {
    padding-block: 16px;
  }

  .py-\[20px\] {
    padding-block: 20px;
  }

  .py-\[24px\] {
    padding-block: 24px;
  }

  .py-\[40px\] {
    padding-block: 40px;
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-\[0\], .pt-\[0px\] {
    padding-top: 0;
  }

  .pt-\[4px\] {
    padding-top: 4px;
  }

  .pt-\[6px\] {
    padding-top: 6px;
  }

  .pt-\[10px\] {
    padding-top: 10px;
  }

  .pt-\[12px\] {
    padding-top: 12px;
  }

  .pt-\[14px\] {
    padding-top: 14px;
  }

  .pt-\[16px\] {
    padding-top: 16px;
  }

  .pt-\[18px\] {
    padding-top: 18px;
  }

  .pt-\[20px\] {
    padding-top: 20px;
  }

  .pt-\[24px\] {
    padding-top: 24px;
  }

  .pt-\[35px\] {
    padding-top: 35px;
  }

  .pt-\[70px\] {
    padding-top: 70px;
  }

  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-\[4px\] {
    padding-right: 4px;
  }

  .pr-\[8px\] {
    padding-right: 8px;
  }

  .pr-\[10px\] {
    padding-right: 10px;
  }

  .pr-\[16px\] {
    padding-right: 16px;
  }

  .pr-\[20px\] {
    padding-right: 20px;
  }

  .pr-\[24px\] {
    padding-right: 24px;
  }

  .pr-\[130px\] {
    padding-right: 130px;
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-\[0px\] {
    padding-bottom: 0;
  }

  .pb-\[1px\] {
    padding-bottom: 1px;
  }

  .pb-\[6px\] {
    padding-bottom: 6px;
  }

  .pb-\[11px\] {
    padding-bottom: 11px;
  }

  .pb-\[12px\] {
    padding-bottom: 12px;
  }

  .pb-\[14px\] {
    padding-bottom: 14px;
  }

  .pb-\[16px\] {
    padding-bottom: 16px;
  }

  .pb-\[18px\] {
    padding-bottom: 18px;
  }

  .pb-\[20px\] {
    padding-bottom: 20px;
  }

  .pb-\[22px\] {
    padding-bottom: 22px;
  }

  .pb-\[24px\] {
    padding-bottom: 24px;
  }

  .pb-\[28px\] {
    padding-bottom: 28px;
  }

  .pb-\[60px\] {
    padding-bottom: 60px;
  }

  .pb-\[88px\] {
    padding-bottom: 88px;
  }

  .pb-\[125px\] {
    padding-bottom: 125px;
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-\[6px\] {
    padding-left: 6px;
  }

  .pl-\[12px\] {
    padding-left: 12px;
  }

  .pl-\[14px\] {
    padding-left: 14px;
  }

  .pl-\[16px\] {
    padding-left: 16px;
  }

  .pl-\[18px\] {
    padding-left: 18px;
  }

  .pl-\[20px\] {
    padding-left: 20px;
  }

  .pl-\[30px\] {
    padding-left: 30px;
  }

  .pl-\[40px\] {
    padding-left: 40px;
  }

  .pl-\[105px\] {
    padding-left: 105px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-\[\'D-DIN-PRO\'\] {
    font-family: D-DIN-PRO;
  }

  .font-\[\'PingFang_SC\'\] {
    font-family: PingFang SC;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[36px\] {
    font-size: 36px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }

  .leading-\[25px\] {
    --tw-leading: 25px;
    line-height: 25px;
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }

  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }

  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }

  .leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }

  .leading-\[42px\] {
    --tw-leading: 42px;
    line-height: 42px;
  }

  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }

  .leading-\[54px\] {
    --tw-leading: 54px;
    line-height: 54px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .font-\[330\] {
    --tw-font-weight: 330;
    font-weight: 330;
  }

  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }

  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }

  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .break-words {
    overflow-wrap: break-word;
  }

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

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

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

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

  .\!text-blue-primary {
    color: var(--color-blue-primary) !important;
  }

  .\!text-danger-500 {
    color: var(--color-danger-500) !important;
  }

  .\!text-ink-950 {
    color: var(--color-ink-950) !important;
  }

  .\!text-success-500 {
    color: var(--color-success-500) !important;
  }

  .text-\[\#0f99fe\] {
    color: #0f99fe;
  }

  .text-\[\#1A5BFF\] {
    color: #1a5bff;
  }

  .text-\[\#0054F7\] {
    color: #0054f7;
  }

  .text-\[\#737C8D\] {
    color: #737c8d;
  }

  .text-\[\#0809D9\] {
    color: #0809d9;
  }

  .text-\[\#888\] {
    color: #888;
  }

  .text-\[\#222222\] {
    color: #222;
  }

  .text-\[\#363636\] {
    color: #363636;
  }

  .text-\[\#414651\] {
    color: #414651;
  }

  .text-\[\#666666\] {
    color: #666;
  }

  .text-\[\#A0A9B5\] {
    color: #a0a9b5;
  }

  .text-\[\#B28556\] {
    color: #b28556;
  }

  .text-\[\#DDD\] {
    color: #ddd;
  }

  .text-\[\#F3F4F6\] {
    color: #f3f4f6;
  }

  .text-\[\#FF9500\] {
    color: #ff9500;
  }

  .text-\[\#ddd\] {
    color: #ddd;
  }

  .text-\[\#ffffff\] {
    color: #fff;
  }

  .text-\[400\] {
    color: 400;
  }

  .text-\[var\(--color-text-500\)\] {
    color: var(--color-text-500);
  }

  .text-\[var\(--danger-500\)\] {
    color: var(--danger-500);
  }

  .text-\[var\(--sec-500\)\] {
    color: var(--sec-500);
  }

  .text-\[var\(--success-500\)\] {
    color: var(--success-500);
  }

  .text-\[var\(--text-60\)\] {
    color: var(--text-60);
  }

  .text-\[var\(--text-fixed-l0\)\] {
    color: var(--text-fixed-l0);
  }

  .text-\[var\(--warning-500\)\] {
    color: var(--warning-500);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-primary {
    color: var(--color-blue-primary);
  }

  .text-danger {
    color: var(--color-danger);
  }

  .text-danger-500 {
    color: var(--color-danger-500);
  }

  .text-danger-500\! {
    color: var(--color-danger-500) !important;
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-ground-200 {
    color: var(--color-ground-200);
  }

  .text-ground-400 {
    color: var(--color-ground-400);
  }

  .text-info-500 {
    color: var(--color-info-500);
  }

  .text-ink {
    color: var(--color-ink);
  }

  .text-ink-400 {
    color: var(--color-ink-400);
  }

  .text-ink-500 {
    color: var(--color-ink-500);
  }

  .text-ink-600 {
    color: var(--color-ink-600);
  }

  .text-ink-700 {
    color: var(--color-ink-700);
  }

  .text-ink-800 {
    color: var(--color-ink-800);
  }

  .text-ink-900 {
    color: var(--color-ink-900);
  }

  .text-ink-950 {
    color: var(--color-ink-950);
  }

  .text-ink-info {
    color: var(--color-ink-info);
  }

  .text-ink-secondary {
    color: var(--color-ink-secondary);
  }

  .text-ink-strong {
    color: var(--color-ink-strong);
  }

  .text-loss {
    color: var(--color-loss);
  }

  .text-primary {
    color: var(--color-primary);
  }

  .text-primary-400 {
    color: var(--color-primary-400);
  }

  .text-primary-500 {
    color: var(--color-primary-500);
  }

  .text-profit {
    color: var(--color-profit);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-rim {
    color: var(--color-rim);
  }

  .text-rim-300 {
    color: var(--color-rim-300);
  }

  .text-sec {
    color: var(--color-sec);
  }

  .text-sec-500 {
    color: var(--color-sec-500);
  }

  .text-success {
    color: var(--color-success);
  }

  .text-success-500 {
    color: var(--color-success-500);
  }

  .text-success-500\! {
    color: var(--color-success-500) !important;
  }

  .text-text-fixed-d500 {
    color: var(--color-text-fixed-d500);
  }

  .text-text-fixed-d700 {
    color: var(--color-text-fixed-d700);
  }

  .text-text-fixed-d950 {
    color: var(--color-text-fixed-d950);
  }

  .text-text-fixed-l0 {
    color: var(--color-text-fixed-l0);
  }

  .text-warning {
    color: var(--color-warning);
  }

  .text-warning-500 {
    color: var(--color-warning-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-dashed {
    text-decoration-style: dashed;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .decoration-1 {
    text-decoration-thickness: 1px;
  }

  .decoration-from-font {
    text-decoration-thickness: from-font;
  }

  .underline-offset-3 {
    text-underline-offset: 3px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .underline-offset-5 {
    text-underline-offset: 5px;
  }

  .underline-offset-\[4px\] {
    text-underline-offset: 4px;
  }

  .underline-offset-auto {
    text-underline-offset: auto;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_1px_2px_rgba\(26\,91\,255\,0\.2\)\] {
    --tw-shadow: 0 0 1px 2px var(--tw-shadow-color, #1a5bff33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_10px_0_rgba\(1\,34\,100\,0\.12\)\] {
    --tw-shadow: 0 4px 10px 0 var(--tw-shadow-color, #0122641f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_20px_0_rgba\(2\,9\,21\,0\.4\)\] {
    --tw-shadow: 0 8px 20px 0 var(--tw-shadow-color, #02091566);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--shadow-1\)\] {
    --tw-shadow: var(--shadow-1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2, .ring-\[2px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[var\(--ground-0\)\] {
    --tw-ring-color: var(--ground-0);
  }

  .ring-blue-primary {
    --tw-ring-color: var(--color-blue-primary);
  }

  .ring-warning-bg {
    --tw-ring-color: var(--color-warning-bg);
  }

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-white {
    outline-color: var(--color-white);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[3px\] {
    --tw-blur: blur(3px);
    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, );
  }

  .grayscale {
    --tw-grayscale: grayscale(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, );
  }

  .invert {
    --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, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,width\] {
    transition-property: transform, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .\[will-change\:transform\] {
    will-change: transform;
  }

  .contain-strict {
    contain: strict;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

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

  .transform-3d {
    transform-style: preserve-3d;
  }

  .not-\[\:first-child\]\:mt-3:not(:first-child) {
    margin-top: calc(var(--spacing) * 3);
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }

    .group-hover\:items-center:is(:where(.group):hover *) {
      align-items: center;
    }

    .group-hover\:text-blue-500:is(:where(.group):hover *) {
      color: var(--color-blue-500);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .placeholder\:text-ink-500::placeholder {
    color: var(--color-ink-500);
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }

    .hover\:rounded-full:hover {
      border-radius: 3.40282e38px;
    }

    .hover\:rounded-md:hover {
      border-radius: var(--radius-md);
    }

    .hover\:border-\[\#B68756\]:hover, .hover\:border-\[\#b68756\]:hover {
      border-color: #b68756;
    }

    .hover\:border-blue-primary:hover {
      border-color: var(--color-blue-primary);
    }

    .hover\:border-ink-400:hover {
      border-color: var(--color-ink-400);
    }

    .hover\:border-primary:hover, .hover\:border-primary\/20:hover {
      border-color: var(--color-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/20:hover {
        border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
    }

    .hover\:border-rim-300:hover {
      border-color: var(--color-rim-300);
    }

    .hover\:border-rim-600:hover {
      border-color: var(--color-rim-600);
    }

    .hover\:border-sec-500:hover {
      border-color: var(--color-sec-500);
    }

    .hover\:bg-\[\#0809D9\]\/4:hover {
      background-color: oklab(40.5238% -.0245523 -.272604 / .04);
    }

    .hover\:bg-blue-primary-bg\/80:hover {
      background-color: var(--color-blue-primary-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-primary-bg\/80:hover {
        background-color: color-mix(in oklab, var(--color-blue-primary-bg) 80%, transparent);
      }
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-gray-200\/10:hover {
      background-color: #e5e7eb1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-200\/10:hover {
        background-color: color-mix(in oklab, var(--color-gray-200) 10%, transparent);
      }
    }

    .hover\:bg-ground-0:hover, .hover\:bg-ground-0\/80:hover {
      background-color: var(--color-ground-0);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-ground-0\/80:hover {
        background-color: color-mix(in oklab, var(--color-ground-0) 80%, transparent);
      }
    }

    .hover\:bg-ground-50:hover {
      background-color: var(--color-ground-50);
    }

    .hover\:bg-ground-100:hover {
      background-color: var(--color-ground-100);
    }

    .hover\:bg-ground-300:hover {
      background-color: var(--color-ground-300);
    }

    .hover\:bg-indicator-model\/10:hover {
      background-color: var(--color-indicator-model);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-indicator-model\/10:hover {
        background-color: color-mix(in oklab, var(--color-indicator-model) 10%, transparent);
      }
    }

    .hover\:bg-primary:hover, .hover\:bg-primary\/10:hover {
      background-color: var(--color-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }

    .hover\:bg-warning\/4:hover {
      background-color: var(--color-warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/4:hover {
        background-color: color-mix(in oklab, var(--color-warning) 4%, transparent);
      }
    }

    .hover\:text-\[14px\]:hover {
      font-size: 14px;
    }

    .hover\:font-\[600\]:hover {
      --tw-font-weight: 600;
      font-weight: 600;
    }

    .hover\:text-\[\#363636\]:hover {
      color: #363636;
    }

    .hover\:text-blue-500:hover {
      color: var(--color-blue-500);
    }

    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }

    .hover\:text-blue-primary\/80:hover {
      color: var(--color-blue-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-blue-primary\/80:hover {
        color: color-mix(in oklab, var(--color-blue-primary) 80%, transparent);
      }
    }

    .hover\:text-ink-500\/80:hover {
      color: var(--color-ink-500);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-ink-500\/80:hover {
        color: color-mix(in oklab, var(--color-ink-500) 80%, transparent);
      }
    }

    .hover\:text-ink-700:hover {
      color: var(--color-ink-700);
    }

    .hover\:text-ink-900:hover {
      color: var(--color-ink-900);
    }

    .hover\:text-ink-950:hover {
      color: var(--color-ink-950);
    }

    .hover\:text-primary:hover {
      color: var(--color-primary);
    }

    .hover\:text-primary-500:hover {
      color: var(--color-primary-500);
    }

    .hover\:text-sec-400:hover {
      color: var(--color-sec-400);
    }

    .hover\:text-sec-500:hover {
      color: var(--color-sec-500);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-\[0\.8\]:hover {
      opacity: .8;
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-blue-400:focus {
    border-color: var(--color-blue-400);
  }

  .focus\:border-blue-primary:focus {
    border-color: var(--color-blue-primary);
  }

  .focus\:border-ink-400:focus {
    border-color: var(--color-ink-400);
  }

  .active\:bg-ground-200:active {
    background-color: var(--color-ground-200);
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-gray-100:disabled {
    background-color: var(--color-gray-100);
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:hidden\! {
      display: none !important;
    }

    .max-lg\:w-full {
      width: 100%;
    }

    .max-lg\:basis-\[80px\] {
      flex-basis: 80px;
    }

    .max-lg\:flex-col {
      flex-direction: column;
    }

    .max-lg\:flex-wrap {
      flex-wrap: wrap;
    }

    .max-lg\:items-start {
      align-items: flex-start;
    }

    .max-lg\:justify-end {
      justify-content: flex-end;
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:mb-\[12px\] {
      margin-bottom: 12px;
    }

    .max-md\:w-full {
      width: 100%;
    }

    .max-md\:basis-\[auto\] {
      flex-basis: auto;
    }

    .max-md\:flex-col {
      flex-direction: column;
    }

    .max-md\:items-start {
      align-items: flex-start;
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[calc\(50\%-8px\)\] {
      width: calc(50% - 8px);
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:p-\[234px_72px_28px_72px\] {
      padding: 234px 72px 28px;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-\[10\%\] {
      top: 10%;
    }

    .md\:left-\[-6\%\] {
      left: -6%;
    }

    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:w-1\/2 {
      width: 50%;
    }

    .md\:w-4\/5 {
      width: 80%;
    }

    .md\:w-9\/10 {
      width: 90%;
    }

    .md\:w-\[calc\(33\.333\%-11px\)\] {
      width: calc(33.333% - 11px);
    }

    .min-md\:basis-\[300px\] {
      flex-basis: 300px;
    }

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

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    :where(.md\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .md\:text-\[14px\] {
      font-size: 14px;
    }

    .md\:text-\[20px\] {
      font-size: 20px;
    }

    .md\:leading-6 {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }

    .md\:leading-\[28px\] {
      --tw-leading: 28px;
      line-height: 28px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:w-1\/2 {
      width: 50%;
    }

    .lg\:w-\[calc\(25\%-12px\)\] {
      width: calc(25% - 12px);
    }

    .lg\:basis-\[300px\] {
      flex-basis: 300px;
    }

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

    .lg\:rounded-lg {
      border-radius: var(--radius-lg);
    }

    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 80rem) {
    .xl\:w-\[calc\(20\%-13px\)\] {
      width: calc(20% - 13px);
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container not (min-width: 28rem) {
    .\@max-md\:flex-col {
      flex-direction: column;
    }
  }

  .font-number, .number-text-font {
    --app-font: "D-DIN-PRO", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    -moz-font-feature-settings: "tnum" 1;
    -webkit-font-feature-settings: "tnum" 1;
    font-family: D-DIN-PRO, Arial, sans-serif !important;
  }

  .flash-up {
    border-radius: 4px;
    padding: 0 4px;
    animation: 1s ease-out forwards flash-up-anim;
  }

  .flash-down {
    border-radius: 4px;
    padding: 0 4px;
    animation: 1s ease-out forwards flash-down-anim;
  }

  .animate-custom-spin {
    animation: .6s linear infinite spin;
  }

  @keyframes flash-up-anim {
    0% {
      color: var(--profit);
      background-color: rgba(var(--profit-rgb), .1);
    }

    30% {
      color: var(--profit);
      background-color: rgba(var(--profit-rgb), .05);
    }

    100% {
      color: inherit;
      background-color: #0000;
    }
  }

  @keyframes flash-down-anim {
    0% {
      color: var(--loss);
      background-color: rgba(var(--loss-rgb), .1);
    }

    30% {
      color: var(--loss);
      background-color: rgba(var(--loss-rgb), .05);
    }

    100% {
      color: inherit;
      background-color: #0000;
    }
  }

  .trade-panel-spread-before-box:before {
    content: "";
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: calc(var(--spacing) * 6);
    border-top-left-radius: var(--radius-sm);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-danger-500);
    position: absolute;
  }

  .trade-panel-spread-after-box:after {
    content: "";
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    height: 100%;
    width: calc(var(--spacing) * 6);
    border-top-right-radius: var(--radius-sm);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--color-success-500);
    position: absolute;
  }

  .custom-shadow {
    box-shadow: 0 4px 40px #0000001a;
  }

  .dropdown-shadow {
    box-shadow: 0px 8px 20px 0px var(--rim-500);
  }

  .hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .hide-vertical-scrollbar {
    scrollbar-width: none;
  }

  .hide-vertical-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 8px;
  }

  .ink-10 {
    --tw-leading: 18px;
    font-size: 10px;
    line-height: 18px;
  }

  .ink-12 {
    --tw-leading: 20px;
    font-size: 12px;
    line-height: 20px;
  }

  .ink-14 {
    --tw-leading: 22px;
    font-size: 14px;
    line-height: 22px;
  }

  .ink-16 {
    --tw-leading: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .ink-18 {
    --tw-leading: 26px;
    font-size: 18px;
    line-height: 26px;
  }

  .ink-20 {
    --tw-leading: 28px;
    font-size: 20px;
    line-height: 28px;
  }

  .ink-22 {
    --tw-leading: 30px;
    font-size: 22px;
    line-height: 30px;
  }

  .ink-24 {
    --tw-leading: 32px;
    font-size: 24px;
    line-height: 32px;
  }

  .ink-30 {
    --tw-leading: 38px;
    font-size: 30px;
    line-height: 38px;
  }

  .rad-1 {
    border-radius: 2px;
  }

  .rad-2 {
    border-radius: 6px;
  }

  .rad-3 {
    border-radius: 12px;
  }

  .rad-4 {
    border-radius: 16px;
  }

  .rad-5 {
    border-radius: 3.40282e38px;
  }

  .shd-sm {
    box-shadow: 0 1px 2px 1px #0000001f;
  }

  .shd-md {
    box-shadow: 0 4px 12px #0000001f;
  }

  .shd-lg {
    box-shadow: 0 10px 20px #0000001f;
  }

  .bg-px-login {
    background-image: none !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  @media (min-width: 769px) and (max-width: 1366px) {
    .bg-px-login {
      margin: 0 72px;
      background-image: url("/assets/1366.CyUL2arn.png") !important;
    }
  }

  @media (min-width: 1367px) and (max-width: 1440px) {
    .bg-px-login {
      margin: 0 72px;
      background-image: url("/assets/1440.Ckokr6bX.png") !important;
    }
  }

  @media (min-width: 1441px) and (max-width: 1920px) {
    .bg-px-login {
      margin: 0 176px;
      background-image: url("/assets/1920.DhpN3Ti7.png") !important;
    }
  }

  @media (min-width: 1921px) {
    .bg-px-login {
      margin: 0 216px;
      background-image: url("/assets/2560.DmW9nYCr.png") !important;
    }
  }

  @media (min-width: 769px) and (max-width: 1366px) {
    .bg-px-login {
      margin: 0 72px;
      background-image: url("/assets/1366-max.Cd184L7x.png") !important;
    }
  }

  @media (min-width: 1367px) and (max-width: 1440px) {
    .bg-px-login {
      margin: 0 72px;
      background-image: url("/assets/1440-max.DV7bvcKa.png") !important;
    }
  }

  @media (min-width: 1441px) and (max-width: 1920px) {
    .bg-px-login {
      margin: 0 176px;
      background-image: url("/assets/1920-max.DzVrULhi.png") !important;
    }
  }

  @media (min-width: 1921px) {
    .bg-px-login {
      margin: 0 216px;
      background-image: url("/assets/2560-max.Dj3K5j3_.png") !important;
    }
  }

  .glass {
    background-color: #00000080;
  }

  @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
    .glass {
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      background-color: #0006;
    }
  }

  .gradient-border {
    --gbw: 1px;
  }

  .gradient-border:before {
    content: "";
    padding: var(--gbw);
    border-radius: inherit;
    -webkit-mask-composite: xor;
    pointer-events: none;
    z-index: 0;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    background: linear-gradient(#b68756, #061335);
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source;
  }

  .scrollbar-none {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .scrollbar-none::-webkit-scrollbar {
    display: none;
  }

  .scrollbar-none::-webkit-scrollbar-corner {
    background: none;
  }

  .scrollbar-none-y {
    scrollbar-width: auto;
  }

  .scrollbar-none-y::-webkit-scrollbar {
    width: 0;
    height: 8px;
  }

  .scrollbar-none-y::-webkit-scrollbar-corner {
    background: none;
  }

  .scrollbar-none-x {
    scrollbar-width: auto;
  }

  .scrollbar-none-x::-webkit-scrollbar {
    width: 8px;
    height: 0;
  }

  .scrollbar-none-x::-webkit-scrollbar-corner {
    background: none;
  }

  ::-webkit-scrollbar-corner {
    background: none;
  }

  .cell-quote {
    contain: paint;
    isolation: isolate;
    position: relative;
  }

  .cell-quote:after {
    content: "";
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
    position: absolute;
    inset: 0;
    transform: translateZ(0);
  }

  .cell-quote[data-trend="up"] {
    color: var(--profit);
  }

  .cell-quote[data-trend="down"] {
    color: var(--loss);
  }

  .cell-quote:after {
    z-index: 1;
  }

  @media (prefers-reduced-motion: no-preference) {
    .tick-flash-up-a:after, .tick-flash-up-b:after {
      background: rgba(var(--profit-rgb), .12);
    }

    .tick-flash-down-a:after, .tick-flash-down-b:after {
      background: rgba(var(--loss-rgb), .12);
    }
  }

  @keyframes cell-flash-a {
    0%, 60% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes cell-flash-b {
    0%, 60% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .tick-flash-up-a:after {
      background: rgba(var(--profit-rgb), var(--flash-alpha, .18));
      animation: cell-flash-a var(--flash-ms, .72s) var(--flash-ease, cubic-bezier(.22, 1, .36, 1)) both;
    }

    .tick-flash-down-a:after {
      background: rgba(var(--loss-rgb), var(--flash-alpha, .18));
      animation: cell-flash-a var(--flash-ms, .72s) var(--flash-ease, cubic-bezier(.22, 1, .36, 1)) both;
    }

    .tick-flash-up-b:after {
      background: rgba(var(--profit-rgb), var(--flash-alpha, .18));
      animation: cell-flash-b var(--flash-ms, .72s) var(--flash-ease, cubic-bezier(.22, 1, .36, 1)) both;
    }

    .tick-flash-down-b:after {
      background: rgba(var(--loss-rgb), var(--flash-alpha, .18));
      animation: cell-flash-b var(--flash-ms, .72s) var(--flash-ease, cubic-bezier(.22, 1, .36, 1)) both;
    }
  }

  .underline_dotted_blue {
    cursor: pointer;
    text-underline-offset: 2px;
    text-decoration-line: underline;
    text-decoration-style: dotted;
  }

  @media (hover: hover) {
    .underline_dotted_blue:hover {
      color: var(--color-blue-500);
    }
  }

  .num-auto {
    text-align: left;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    display: inline-block;
  }

  [data-num-ch="6"] {
    min-width: 6ch;
  }

  [data-num-ch="8"] {
    min-width: 8ch;
  }

  [data-num-ch="10"] {
    min-width: 10ch;
  }

  [data-num-ch="12"] {
    min-width: 12ch;
  }

  [data-num-ch="14"] {
    min-width: 14ch;
  }

  [data-num-ch="16"] {
    min-width: 16ch;
  }

  [data-num-ch="18"] {
    min-width: 18ch;
  }

  [data-num-ch="20"] {
    min-width: 20ch;
  }
}

.mfa-modal.ant-modal-wrap .ant-modal-header {
  background: none;
  margin-bottom: 0;
}

.mfa-modal.ant-modal-wrap .ant-modal-content {
  background: var(--indicator-model, #101b36);
  border-radius: 16px;
}

.mfa-modal.ant-modal-wrap .ant-modal-confirm-title {
  color: var(--ink-950);
  margin-bottom: 24px;
  font-size: 20px;
}

.mfa-modal.ant-modal-wrap .ant-modal-confirm-content {
  margin: 0;
  max-width: 100% !important;
}

.mfa-modal.ant-modal-wrap .ant-modal-close {
  top: 24px;
  right: 24px;
}

.mfa-modal.ant-modal-wrap .ant-modal-confirm-btns {
  margin-top: 24px;
}

.mfa-modal.ant-modal-wrap .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-inline-start: 20px;
}

.mfa-card {
  border: 1px solid var(--rim-300);
  border-radius: 8px;
  padding: 12px;
}

.mfa-title {
  margin-bottom: 6px;
  font-weight: 600;
}

.mfa-desc {
  color: #6b7280;
  margin-bottom: 10px;
}

.mfa-btn {
  background: var(--sec-500);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
}

html, body, #app {
  width: 100%;
  height: 100%;
}

* {
  font-family: var(--app-font);
}

.ant-tooltip {
  max-width: 400px !important;
}

.ant-tooltip-arrow:before {
  background: var(--indicator-model) !important;
}

.ant-tooltip-inner {
  background: var(--indicator-model) !important;
  color: var(--ink-950) !important;
  border-radius: 8px !important;
  padding: 24px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: var(--ink-900);
  caret-color: var(--ink-900);
  transition: background-color 9999s ease-in-out;
  box-shadow: inset 0 0 0 1000px #0000;
}

input:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--ink-900);
  caret-color: var(--ink-900);
  transition: background-color 9999s ease-in-out;
  box-shadow: inset 0 0 0 1000px #0000;
}

input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--ink-900);
  caret-color: var(--ink-900);
  transition: background-color 9999s ease-in-out;
  box-shadow: inset 0 0 0 1000px #0000;
}

:is(input:-moz-autofill, textarea:-moz-autofill, select:-moz-autofill) {
  box-shadow: inset 0 0 0 1000px #0000;
}

.ant-select-selection-search {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ant-select-selection-placeholder, .ant-select-selection-item {
  line-height: 1.5 !important;
}

html {
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #0000;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--ink-400);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--ink-500);
}

.gtc-dropdown-menu {
  overflow: hidden;
  background-color: var(--indicator-model) !important;
  min-width: 200px !important;
  padding: 0 !important;
}

.gtc-dropdown-menu .ant-dropdown-menu-item {
  border-radius: 0 !important;
  width: 100% !important;
  height: 42px !important;
  padding: 10px 10px 10px 24px !important;
}

.gtc-dropdown-menu .ant-dropdown-menu-item-active {
  background-color: var(--ground-100) !important;
}

.gtccopy-form :deep(.ant-form-item-label) label {
  color: var(--ink-950) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.ant-form-item-has-error .my-publish-mt-select, .ant-form-item-has-error .photo-radio-wrapper {
  transition: all .3s ease-in-out;
  border: 1px solid #dc4446 !important;
}

:is(.ant-form-item-has-error .my-publish-mt-select, .ant-form-item-has-error .photo-radio-wrapper):hover {
  border-color: #7e2e2f !important;
}

.ant-form-item-has-error .otp-cell {
  border: 1px solid #dc4446;
  transition: all .3s ease-in-out;
}

.ant-form-item-has-error .otp-cell:hover {
  border-color: #7e2e2f;
}

.ant-input {
  background-color: #0000 !important;
}

.ant-notification-notice {
  background-color: var(--indicator-model) !important;
  padding: 14px !important;
}

.ant-notification-notice-message, .ant-notification-notice-description {
  margin-inline-start: 50px !important;
}

.ant-notification-notice-message {
  color: var(--ink-950) !important;
  margin-top: 10px !important;
  padding-inline-end: 30px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.ant-notification-notice-description {
  color: var(--ink-500) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.ant-notification-notice-icon {
  top: 25px !important;
  left: 22px !important;
}

.ant-notification-notice-close {
  inset-inline-end: 14px !important;
}

.html-content-box table {
  border-collapse: unset !important;
}

.html-content-box .header img {
  margin: 0 auto !important;
}

.html-content-box .social-icons a {
  display: inline-block !important;
}

.html-content-box .container {
  max-width: 100% !important;
}

.ant-picker-panel {
  background-color: var(--indicator-model) !important;
}

.share-switch.ant-switch-checked {
  background: var(--primary-500) !important;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}