*, :after, :before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

*, :after, :before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:after, :before {
  --tw-content: "";
}

:host, html {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: Kufox Sans, PingFang SC, -apple-system, system-ui, BlinkMacSystemFont, Microsoft YaHei, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

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

b, strong {
  font-weight: bolder;
}

code, kbd, pre, samp {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  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;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

input:where([type="button"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

input:where([type="reset"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre, fieldset {
  margin: 0;
}

fieldset, legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

[role="button"], button {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

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

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

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

:host, html {
  line-height: 1.4;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1200px) {
  .\!container {
    max-width: 1200px !important;
  }

  .container {
    max-width: 1200px;
  }
}

@media (min-width: 1440px) {
  .\!container {
    max-width: 1440px !important;
  }

  .container {
    max-width: 1440px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.sr-only {
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.not-sr-only {
  clip: auto;
  white-space: normal;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  position: static;
  overflow: visible;
}

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

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

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.inset-0 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inset-auto {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-x-4 {
  left: 1rem;
  right: 1rem;
}

.-bottom-16 {
  bottom: -4rem;
}

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

[dir="ltr"] .-end-1 {
  right: -.25rem;
}

[dir="rtl"] .-end-1 {
  left: -.25rem;
}

[dir="ltr"] .-end-14 {
  right: -3.5rem;
}

[dir="rtl"] .-end-14 {
  left: -3.5rem;
}

[dir="ltr"] .-end-2\.5 {
  right: -.625rem;
}

[dir="rtl"] .-end-2\.5 {
  left: -.625rem;
}

[dir="ltr"] .-end-32 {
  right: -8rem;
}

[dir="rtl"] .-end-32 {
  left: -8rem;
}

.-left-0\.5 {
  left: -.125rem;
}

.-right-0\.5 {
  right: -.125rem;
}

.-right-2\.5 {
  right: -.625rem;
}

[dir="ltr"] .-start-14 {
  left: -3.5rem;
}

[dir="rtl"] .-start-14 {
  right: -3.5rem;
}

[dir="ltr"] .-start-32 {
  left: -8rem;
}

[dir="rtl"] .-start-32 {
  right: -8rem;
}

.-top-1 {
  top: -.25rem;
}

.-top-1\.5 {
  top: -.375rem;
}

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

.bottom-0 {
  bottom: 0;
}

.bottom-0\.5 {
  bottom: .125rem;
}

.bottom-3 {
  bottom: .75rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

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

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

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

.bottom-auto {
  bottom: auto;
}

.bottom-full {
  bottom: 100%;
}

.bottom-px {
  bottom: 1px;
}

[dir="ltr"] .end-0 {
  right: 0;
}

[dir="rtl"] .end-0 {
  left: 0;
}

[dir="ltr"] .end-0\.5 {
  right: .125rem;
}

[dir="rtl"] .end-0\.5 {
  left: .125rem;
}

[dir="ltr"] .end-2 {
  right: .5rem;
}

[dir="rtl"] .end-2 {
  left: .5rem;
}

[dir="ltr"] .end-6 {
  right: 1.5rem;
}

[dir="rtl"] .end-6 {
  left: 1.5rem;
}

[dir="ltr"] .end-7 {
  right: 1.75rem;
}

[dir="rtl"] .end-7 {
  left: 1.75rem;
}

.left-0 {
  left: 0;
}

.left-1\.5 {
  left: .375rem;
}

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

.left-2 {
  left: .5rem;
}

.left-3 {
  left: .75rem;
}

.left-8 {
  left: 2rem;
}

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

.left-auto {
  left: auto;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0;
}

.right-2\.5 {
  right: .625rem;
}

.right-3 {
  right: .75rem;
}

.right-8 {
  right: 2rem;
}

.right-auto {
  right: auto;
}

.right-full {
  right: 100%;
}

[dir="ltr"] .start-0 {
  left: 0;
}

[dir="rtl"] .start-0 {
  right: 0;
}

[dir="ltr"] .start-0\.5 {
  left: .125rem;
}

[dir="rtl"] .start-0\.5 {
  right: .125rem;
}

[dir="ltr"] .start-4 {
  left: 1rem;
}

[dir="rtl"] .start-4 {
  right: 1rem;
}

[dir="ltr"] .start-6 {
  left: 1.5rem;
}

[dir="rtl"] .start-6 {
  right: 1.5rem;
}

[dir="ltr"] .start-\[120px\] {
  left: 120px;
}

[dir="rtl"] .start-\[120px\] {
  right: 120px;
}

[dir="ltr"] .start-\[60px\] {
  left: 60px;
}

[dir="rtl"] .start-\[60px\] {
  right: 60px;
}

[dir="ltr"] .start-\[70px\] {
  left: 70px;
}

[dir="rtl"] .start-\[70px\] {
  right: 70px;
}

[dir="ltr"] .start-\[90px\] {
  left: 90px;
}

[dir="rtl"] .start-\[90px\] {
  right: 90px;
}

[dir="ltr"] .start-\[calc\(50\%\+16px\)\] {
  left: calc(50% + 16px);
}

[dir="rtl"] .start-\[calc\(50\%\+16px\)\] {
  right: calc(50% + 16px);
}

[dir="ltr"] .start-\[calc\(50\%-60px\)\] {
  left: calc(50% - 60px);
}

[dir="rtl"] .start-\[calc\(50\%-60px\)\] {
  right: calc(50% - 60px);
}

[dir="ltr"] .start-full {
  left: 100%;
}

[dir="rtl"] .start-full {
  right: 100%;
}

.top-0 {
  top: 0;
}

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

.top-2 {
  top: .5rem;
}

.top-3 {
  top: .75rem;
}

.top-4 {
  top: 1rem;
}

.top-8 {
  top: 2rem;
}

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

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

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

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

.top-full {
  top: 100%;
}

.top-px {
  top: 1px;
}

.isolate {
  isolation: isolate;
}

.isolation-auto {
  isolation: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-start-1 {
  grid-column-start: 1;
}

.row-start-1 {
  grid-row-start: 1;
}

.m-0 {
  margin: 0;
}

.m-0\.5 {
  margin: .125rem;
}

.m-1 {
  margin: .25rem;
}

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

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

.m-\[1\.3333px\] {
  margin: 1.3333px;
}

.m-\[1\.6667px\] {
  margin: 1.6667px;
}

.m-px {
  margin: 1px;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-0\.5 {
  margin-left: .125rem;
  margin-right: .125rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-2\.5 {
  margin-left: .625rem;
  margin-right: .625rem;
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

[dir="ltr"] .-me-3 {
  margin-right: -.75rem;
}

[dir="rtl"] .-me-3 {
  margin-left: -.75rem;
}

[dir="ltr"] .-me-4 {
  margin-right: -1rem;
}

[dir="rtl"] .-me-4 {
  margin-left: -1rem;
}

[dir="ltr"] .-me-6 {
  margin-right: -1.5rem;
}

[dir="rtl"] .-me-6 {
  margin-left: -1.5rem;
}

[dir="ltr"] .-ms-1 {
  margin-left: -.25rem;
}

[dir="rtl"] .-ms-1 {
  margin-right: -.25rem;
}

[dir="ltr"] .-ms-2 {
  margin-left: -.5rem;
}

[dir="rtl"] .-ms-2 {
  margin-right: -.5rem;
}

.-mt-2 {
  margin-top: -.5rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-0\.5 {
  margin-bottom: .125rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-2\.5 {
  margin-bottom: .625rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

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

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

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

.mb-px {
  margin-bottom: 1px;
}

[dir="ltr"] .me-0 {
  margin-right: 0;
}

[dir="rtl"] .me-0 {
  margin-left: 0;
}

[dir="ltr"] .me-1 {
  margin-right: .25rem;
}

[dir="rtl"] .me-1 {
  margin-left: .25rem;
}

[dir="ltr"] .me-1\.5 {
  margin-right: .375rem;
}

[dir="rtl"] .me-1\.5 {
  margin-left: .375rem;
}

[dir="ltr"] .me-2 {
  margin-right: .5rem;
}

[dir="rtl"] .me-2 {
  margin-left: .5rem;
}

[dir="ltr"] .me-2\.5 {
  margin-right: .625rem;
}

[dir="rtl"] .me-2\.5 {
  margin-left: .625rem;
}

[dir="ltr"] .me-3 {
  margin-right: .75rem;
}

[dir="rtl"] .me-3 {
  margin-left: .75rem;
}

[dir="ltr"] .me-3\.5 {
  margin-right: .875rem;
}

[dir="rtl"] .me-3\.5 {
  margin-left: .875rem;
}

[dir="ltr"] .me-4 {
  margin-right: 1rem;
}

[dir="rtl"] .me-4 {
  margin-left: 1rem;
}

[dir="ltr"] .me-5 {
  margin-right: 1.25rem;
}

[dir="rtl"] .me-5 {
  margin-left: 1.25rem;
}

[dir="ltr"] .me-6 {
  margin-right: 1.5rem;
}

[dir="rtl"] .me-6 {
  margin-left: 1.5rem;
}

[dir="ltr"] .me-8 {
  margin-right: 2rem;
}

[dir="rtl"] .me-8 {
  margin-left: 2rem;
}

[dir="ltr"] .me-\[22px\] {
  margin-right: 22px;
}

[dir="rtl"] .me-\[22px\] {
  margin-left: 22px;
}

[dir="ltr"] .me-\[42px\] {
  margin-right: 42px;
}

[dir="rtl"] .me-\[42px\] {
  margin-left: 42px;
}

[dir="ltr"] .me-\[6px\] {
  margin-right: 6px;
}

[dir="rtl"] .me-\[6px\] {
  margin-left: 6px;
}

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

.ml-0\.5 {
  margin-left: .125rem;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-2 {
  margin-left: .5rem;
}

.ml-px {
  margin-left: 1px;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-2\.5 {
  margin-right: .625rem;
}

.mr-px {
  margin-right: 1px;
}

[dir="ltr"] .ms-0 {
  margin-left: 0;
}

[dir="rtl"] .ms-0 {
  margin-right: 0;
}

[dir="ltr"] .ms-0\.5 {
  margin-left: .125rem;
}

[dir="rtl"] .ms-0\.5 {
  margin-right: .125rem;
}

[dir="ltr"] .ms-1 {
  margin-left: .25rem;
}

[dir="rtl"] .ms-1 {
  margin-right: .25rem;
}

[dir="ltr"] .ms-1\.5 {
  margin-left: .375rem;
}

[dir="rtl"] .ms-1\.5 {
  margin-right: .375rem;
}

[dir="ltr"] .ms-14 {
  margin-left: 3.5rem;
}

[dir="rtl"] .ms-14 {
  margin-right: 3.5rem;
}

[dir="ltr"] .ms-2 {
  margin-left: .5rem;
}

[dir="rtl"] .ms-2 {
  margin-right: .5rem;
}

[dir="ltr"] .ms-2\.5 {
  margin-left: .625rem;
}

[dir="rtl"] .ms-2\.5 {
  margin-right: .625rem;
}

[dir="ltr"] .ms-3 {
  margin-left: .75rem;
}

[dir="rtl"] .ms-3 {
  margin-right: .75rem;
}

[dir="ltr"] .ms-3\.5 {
  margin-left: .875rem;
}

[dir="rtl"] .ms-3\.5 {
  margin-right: .875rem;
}

[dir="ltr"] .ms-4 {
  margin-left: 1rem;
}

[dir="rtl"] .ms-4 {
  margin-right: 1rem;
}

[dir="ltr"] .ms-5 {
  margin-left: 1.25rem;
}

[dir="rtl"] .ms-5 {
  margin-right: 1.25rem;
}

[dir="ltr"] .ms-6 {
  margin-left: 1.5rem;
}

[dir="rtl"] .ms-6 {
  margin-right: 1.5rem;
}

[dir="ltr"] .ms-\[0\.3em\] {
  margin-left: .3em;
}

[dir="rtl"] .ms-\[0\.3em\] {
  margin-right: .3em;
}

.mt-0 {
  margin-top: 0;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-2\.5 {
  margin-top: .625rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-3\.5 {
  margin-top: .875rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

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

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

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

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

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

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

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

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

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

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

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

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.block {
  display: block;
}

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

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

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

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

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

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

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

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

.flow-root {
  display: flow-root;
}

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

.grid {
  display: grid;
}

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

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4 / 3;
}

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

.size-1\.5 {
  width: .375rem;
  height: .375rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

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

.h-0 {
  height: 0;
}

.h-0\.5 {
  height: .125rem;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-20 {
  height: 5rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-60 {
  height: 15rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

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

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

.h-\[13\.3333px\] {
  height: 13.3333px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
  height: auto;
}

.h-fit {
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-0 {
  max-height: 0;
}

.max-h-16 {
  max-height: 4rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-64 {
  max-height: 16rem;
}

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

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

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

.max-h-\[66\.7vh\] {
  max-height: 66.7vh;
}

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

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

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

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

.max-h-\[calc\(100dvh-80px\)\] {
  max-height: calc(100dvh - 80px);
}

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

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

.max-h-none {
  max-height: none;
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-0 {
  min-height: 0;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-60 {
  min-height: 15rem;
}

.min-h-80 {
  min-height: 20rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

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

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

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

.min-h-\[33\.3vh\] {
  min-height: 33.3vh;
}

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

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

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

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

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

.min-h-screen {
  min-height: 100vh;
}

.\!w-auto {
  width: auto !important;
}

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

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

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

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

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

.w-\[13\.3333px\] {
  width: 13.3333px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-auto {
  width: auto;
}

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

.w-full {
  width: 100%;
}

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

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-12 {
  min-width: 3rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-3\.5 {
  min-width: .875rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-48 {
  min-width: 12rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-7 {
  min-width: 1.75rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

.min-w-\[1\.5em\] {
  min-width: 1.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-w-px {
  min-width: 1px;
}

.max-w-16 {
  max-width: 4rem;
}

.max-w-80 {
  max-width: 20rem;
}

.max-w-96 {
  max-width: 24rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[calc\(100vw-48px\)\] {
  max-width: calc(100vw - 48px);
}

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

.flex-1 {
  flex: 1;
}

.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, .grow {
  flex-grow: 1;
}

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

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

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.origin-\[var\(--kux-popover-transform-origin\,center\)\] {
  transform-origin: var(--kux-popover-transform-origin, center);
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-center {
  transform-origin: center;
}

.origin-left {
  transform-origin: 0;
}

.origin-top {
  transform-origin: top;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.-translate-x-1\/2, .-translate-x-full {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.-translate-y-1\/2, .-translate-y-2 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-2 {
  --tw-translate-y: -.5rem;
}

.-translate-y-4 {
  --tw-translate-y: -1rem;
}

.-translate-y-4, .translate-x-0 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
}

.translate-y-0 {
  --tw-translate-y: 0px;
}

.translate-y-0, .translate-y-2 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: .5rem;
}

.translate-y-3 {
  --tw-translate-y: .75rem;
}

.translate-y-3, .translate-y-4 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-4 {
  --tw-translate-y: 1rem;
}

.translate-y-\[10px\] {
  --tw-translate-y: 10px;
}

.translate-y-\[10px\], .translate-y-full {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
}

.-rotate-180 {
  --tw-rotate: -180deg;
}

.-rotate-180, .rotate-0 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-0 {
  --tw-rotate: 0deg;
}

.rotate-180 {
  --tw-rotate: 180deg;
}

.rotate-180, .rotate-\[-180deg\] {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-180deg\] {
  --tw-rotate: -180deg;
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}

.scale-0, .scale-100 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
}

.scale-90, .scale-95 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
}

.scale-\[0\.888889\] {
  --tw-scale-x: .888889;
  --tw-scale-y: .888889;
}

.scale-\[0\.888889\], .scale-\[0\.944444\] {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.944444\] {
  --tw-scale-x: .944444;
  --tw-scale-y: .944444;
}

.scale-\[0\.99\] {
  --tw-scale-x: .99;
  --tw-scale-y: .99;
}

.scale-\[0\.99\], .transform {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
  transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-\[animSkeleton_2s_ease_infinite\] {
  animation: 2s infinite animSkeleton;
}

@keyframes chart-donut {
  to {
    stroke-dashoffset: 0;
  }
}

.animate-chart-donut {
  animation: .5s cubic-bezier(.33, 0, .25, 1) both chart-donut;
}

@keyframes chart-fade {
  0% {
    opacity: 0;
  }
}

.animate-chart-fade {
  animation: .5s ease-in-out both chart-fade;
}

@keyframes chart-grow {
  0% {
    transform: scaleY(0);
  }
}

.animate-chart-grow {
  animation: .6s cubic-bezier(.05, .7, .1, 1) both chart-grow;
}

@keyframes chart-line {
  to {
    stroke-dashoffset: 0;
  }
}

.animate-chart-line {
  animation: .5s ease-in-out both chart-line;
}

@keyframes marquee-ltr {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - var(--kds-marquee-gap, 0px)));
  }
}

.animate-marquee-ltr {
  animation: 1s linear infinite marquee-ltr;
}

@keyframes marquee-ltr-reverse {
  0% {
    transform: translateX(calc(-100% - var(--kds-marquee-gap, 0px)));
  }

  to {
    transform: translateX(0);
  }
}

.animate-marquee-ltr-reverse {
  animation: 1s linear infinite marquee-ltr-reverse;
}

@keyframes marquee-rtl {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(100% + var(--kds-marquee-gap, 0px)));
  }
}

.animate-marquee-rtl {
  animation: 1s linear infinite marquee-rtl;
}

@keyframes marquee-rtl-reverse {
  0% {
    transform: translateX(calc(100% + var(--kds-marquee-gap, 0px)));
  }

  to {
    transform: translateX(0);
  }
}

.animate-marquee-rtl-reverse {
  animation: 1s linear infinite marquee-rtl-reverse;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

@keyframes toast-enter {
  0% {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    max-height: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
    transform: translateY(0);
  }
}

.animate-toast-enter {
  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards toast-enter;
}

@keyframes toast-exit {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateY(-10px);
  }
}

.animate-toast-exit {
  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards toast-exit;
}

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

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.touch-none {
  touch-action: none;
}

.touch-pinch-zoom {
  --tw-pinch-zoom: pinch-zoom;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

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

.appearance-none {
  -webkit-appearance: none;
  appearance: none;
}

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

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

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

.grid-cols-\[repeat\(1\,auto\)\] {
  grid-template-columns: repeat(1, auto);
}

.grid-cols-\[repeat\(4\,auto\)\] {
  grid-template-columns: repeat(4, auto);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

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

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

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

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

.gap-px {
  gap: 1px;
}

.gap-x-2\.5 {
  -moz-column-gap: .625rem;
  column-gap: .625rem;
}

.gap-x-3 {
  -moz-column-gap: .75rem;
  column-gap: .75rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.gap-x-px {
  -moz-column-gap: 1px;
  column-gap: 1px;
}

.gap-y-2 {
  row-gap: .5rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-px {
  row-gap: 1px;
}

.space-x-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1px * var(--tw-space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}

.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 1;
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 1;
}

.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}

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

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

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

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

.overflow-auto {
  overflow: auto;
}

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

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

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

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

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

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

.overscroll-y-contain {
  overscroll-behavior-y: contain;
}

.overscroll-x-none {
  overscroll-behavior-x: none;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

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

.text-ellipsis, .truncate {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-break-spaces {
  white-space: break-spaces;
}

.text-wrap {
  text-wrap: wrap;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.\!rounded {
  border-radius: .25rem !important;
}

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

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

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

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

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

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

.rounded-\[21\.5px\] {
  border-radius: 21.5px;
}

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

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

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

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

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

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

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

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

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

.rounded-sm {
  border-radius: .125rem;
}

.rounded-xl {
  border-radius: .75rem;
}

.rounded-b {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.rounded-b-xl {
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

[dir="ltr"] .rounded-e {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

[dir="rtl"] .rounded-e {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

[dir="ltr"] .rounded-e-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

[dir="rtl"] .rounded-e-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

[dir="ltr"] .rounded-e-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

[dir="rtl"] .rounded-e-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.rounded-l {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.rounded-r {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

[dir="ltr"] .rounded-s {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

[dir="rtl"] .rounded-s {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

[dir="ltr"] .rounded-s-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

[dir="rtl"] .rounded-s-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

[dir="ltr"] .rounded-s-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

[dir="rtl"] .rounded-s-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.rounded-t {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-bl {
  border-bottom-left-radius: .25rem;
}

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

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.rounded-br {
  border-bottom-right-radius: .25rem;
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}

[dir="ltr"] .rounded-ee {
  border-bottom-right-radius: .25rem;
}

[dir="ltr"] .rounded-es, [dir="rtl"] .rounded-ee {
  border-bottom-left-radius: .25rem;
}

[dir="rtl"] .rounded-es {
  border-bottom-right-radius: .25rem;
}

[dir="ltr"] .rounded-se {
  border-top-right-radius: .25rem;
}

[dir="ltr"] .rounded-ss, [dir="rtl"] .rounded-se {
  border-top-left-radius: .25rem;
}

[dir="rtl"] .rounded-ss {
  border-top-right-radius: .25rem;
}

.rounded-tl {
  border-top-left-radius: .25rem;
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr {
  border-top-right-radius: .25rem;
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}

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

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-\[1\.2px\] {
  border-width: 1.2px;
}

.border-\[1\.3333px\] {
  border-width: 1.3333px;
}

.border-\[1\.5px\] {
  border-width: 1.5px;
}

.border-\[1\.6667px\] {
  border-width: 1.6667px;
}

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

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y {
  border-top-width: 1px;
}

.border-b, .border-y {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0;
}

[dir="ltr"] .border-e {
  border-right-width: 1px;
}

[dir="rtl"] .border-e {
  border-left-width: 1px;
}

[dir="ltr"] .border-e-0 {
  border-right-width: 0;
}

[dir="rtl"] .border-e-0 {
  border-left-width: 0;
}

.border-l {
  border-left-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

[dir="ltr"] .border-s {
  border-left-width: 1px;
}

[dir="rtl"] .border-s {
  border-right-width: 1px;
}

[dir="ltr"] .border-s-0 {
  border-left-width: 0;
}

[dir="rtl"] .border-s-0 {
  border-right-width: 0;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0;
}

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

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

.\!border-neutral\/8 {
  border-color: rgba(var(--kds-neutral),.08) !important;
}

.border-block {
  border-color: var(--kds-divider-block);
}

.border-brandgreen {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-brandgreen),var(--tw-border-opacity, 1));
}

.border-brandgreen\/12 {
  border-color: rgba(var(--kds-brandgreen),.12);
}

.border-brandgreen\/20 {
  border-color: rgba(var(--kds-brandgreen),.2);
}

.border-current {
  border-color: currentColor;
}

.border-default {
  border-color: var(--kds-border);
}

.border-emphasis {
  border-color: var(--kds-border-emphasis);
}

.border-error {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-error),var(--tw-border-opacity, 1));
}

.border-inverse {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-inverse),var(--tw-border-opacity, 1));
}

.border-neutral {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-neutral),var(--tw-border-opacity, 1));
}

.border-neutral\/12 {
  border-color: rgba(var(--kds-neutral),.12);
}

.border-neutral\/20 {
  border-color: rgba(var(--kds-neutral),.2);
}

.border-neutral\/30 {
  border-color: rgba(var(--kds-neutral),.3);
}

.border-neutral\/4 {
  border-color: rgba(var(--kds-neutral),.04);
}

.border-neutral\/40 {
  border-color: rgba(var(--kds-neutral),.4);
}

.border-neutral\/60 {
  border-color: rgba(var(--kds-neutral),.6);
}

.border-neutral\/8 {
  border-color: rgba(var(--kds-neutral),.08);
}

.border-subtle {
  border-color: var(--kds-divider-subtle);
}

.border-success {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-success),var(--tw-border-opacity, 1));
}

.border-success\/12 {
  border-color: rgba(var(--kds-success),.12);
}

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

.border-warning {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-warning),var(--tw-border-opacity, 1));
}

.bg-\[\#11c397\] {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 195, 151, var(--tw-bg-opacity, 1));
}

.bg-\[\#aaffd6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(170, 255, 214, var(--tw-bg-opacity, 1));
}

.bg-\[var\(--kds-segmented-pager-bg\)\] {
  background-color: var(--kds-segmented-pager-bg);
}

.bg-\[var\(--kds-text-primary\)\] {
  background-color: var(--kds-text-primary);
}

.bg-\[var\(--kds-text-tertiary\)\] {
  background-color: var(--kds-text-tertiary);
}

.bg-black\/60 {
  background-color: #0009;
}

.bg-brandgreen {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--kds-brandgreen),var(--tw-bg-opacity, 1));
}

.bg-brandgreen\/12 {
  background-color: rgba(var(--kds-brandgreen),.12);
}

.bg-brandgreen\/4 {
  background-color: rgba(var(--kds-brandgreen),.04);
}

.bg-brandgreen\/8 {
  background-color: rgba(var(--kds-brandgreen),.08);
}

.bg-brandred {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--kds-brandred),var(--tw-bg-opacity, 1));
}

.bg-brandred\/12 {
  background-color: rgba(var(--kds-brandred),.12);
}

.bg-bullet-layer {
  background-color: var(--kds-background-bullet-layer);
}

.bg-current {
  background-color: currentColor;
}

.bg-default {
  background-color: var(--kds-background);
}

.bg-error {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--kds-error),var(--tw-bg-opacity, 1));
}

.bg-error-subtle {
  background-color: var(--kds-error-subtle);
}

.bg-error\/8 {
  background-color: rgba(var(--kds-error),.08);
}

.bg-fixed-dark {
  background-color: var(--kds-background-fixed-dark);
}

.bg-fixed-light {
  background-color: var(--kds-background-fixed-light);
}

.bg-hover {
  background-color: var(--kds-background-hover);
}

.bg-info {
  background-color: var(--kds-info);
}

.bg-info-subtle {
  background-color: var(--kds-info-subtle);
}

.bg-inherit {
  background-color: inherit;
}

.bg-inverse {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--kds-inverse),var(--tw-bg-opacity, 1));
}

.bg-mask {
  background-color: var(--kds-background-mask);
}

.bg-mask-strong {
  background-color: var(--kds-background-mask-strong);
}

.bg-muted {
  background-color: var(--kds-background-muted);
}

.bg-neutral {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--kds-neutral),var(--tw-bg-opacity, 1));
}

.bg-neutral\/12 {
  background-color: rgba(var(--kds-neutral),.12);
}

.bg-neutral\/2 {
  background-color: rgba(var(--kds-neutral),.02);
}

.bg-neutral\/20 {
  background-color: rgba(var(--kds-neutral),.2);
}

.bg-neutral\/30 {
  background-color: rgba(var(--kds-neutral),.3);
}

.bg-neutral\/4 {
  background-color: rgba(var(--kds-neutral),.04);
}

.bg-neutral\/40 {
  background-color: rgba(var(--kds-neutral),.4);
}

.bg-neutral\/8 {
  background-color: rgba(var(--kds-neutral),.08);
}

.bg-neutral\/80 {
  background-color: rgba(var(--kds-neutral),.8);
}

.bg-soft {
  background-color: var(--kds-background-soft);
}

.bg-subtle {
  background-color: var(--kds-background-subtle);
}

.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--kds-success),var(--tw-bg-opacity, 1));
}

.bg-success-subtle {
  background-color: var(--kds-success-subtle);
}

.bg-success\/8 {
  background-color: rgba(var(--kds-success),.08);
}

.bg-toast {
  background-color: var(--kds-background-toast);
}

.bg-tooltip {
  background-color: var(--kds-background-tooltip);
}

.bg-transparent {
  background-color: #0000;
}

.bg-vip-soft {
  background-color: var(--kds-vip-soft);
}

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--kds-warning),var(--tw-bg-opacity, 1));
}

.bg-warning-subtle {
  background-color: var(--kds-warning-subtle);
}

.bg-warning\/12 {
  background-color: rgba(var(--kds-warning),.12);
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}

.bg-white\/\[0\.08\] {
  background-color: #ffffff14;
}

.bg-\[linear-gradient\(180deg\,rgba\(1\,1\,2\,0\.6\)_0\%\,rgba\(1\,1\,2\,0\)_100\%\)\] {
  background-image: linear-gradient(#01010299, #01010200);
}

.bg-\[linear-gradient\(276deg\,\#7ffca7_0\.89\%\,\#aaff8d_97\.34\%\)\] {
  background-image: linear-gradient(276deg, #7ffca7 .89%, #aaff8d 97.34%);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left,var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right,var(--tw-gradient-stops));
}

.bg-none {
  background-image: none;
}

.from-\[\#01bc8d\] {
  --tw-gradient-from: #01bc8d var(--tw-gradient-from-position);
  --tw-gradient-to: #01bc8d00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-\[\#7ffca7\] {
  --tw-gradient-from: #7ffca7 var(--tw-gradient-from-position);
  --tw-gradient-to: #7ffca700 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-\[\#aaff8d\] {
  --tw-gradient-from: #aaff8d var(--tw-gradient-from-position);
  --tw-gradient-to: #aaff8d00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-\[var\(--kds-segmented-pager-bg\)\] {
  --tw-gradient-from: var(--kds-segmented-pager-bg) var(--tw-gradient-from-position);
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-neutral\/4 {
  --tw-gradient-from: rgba(var(--kds-neutral),.04) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(var(--kds-neutral),0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}

.to-\[\#2ccfa8\] {
  --tw-gradient-to: #2ccfa8 var(--tw-gradient-to-position);
}

.to-\[\#7ffca7\] {
  --tw-gradient-to: #7ffca7 var(--tw-gradient-to-position);
}

.to-\[\#aaff8d\] {
  --tw-gradient-to: #aaff8d var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-\[length\:100\%_auto\] {
  background-size: 100%;
}

.bg-\[length\:400\%_100\%\] {
  background-size: 400% 100%;
}

.bg-clip-border {
  background-clip: border-box;
}

.bg-top {
  background-position: top;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.\!p-0 {
  padding: 0 !important;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-2 {
  padding: .5rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-\[12px_24px_16px_24px\] {
  padding: 12px 24px 16px;
}

.p-px {
  padding: 1px;
}

.\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}

.px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}

.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}

.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[10\.5px\] {
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}

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

.py-\[12\.5px\] {
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.py-\[16\.8px\] {
  padding-top: 16.8px;
  padding-bottom: 16.8px;
}

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

.py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
}

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

.py-\[4\.5px\] {
  padding-top: 4.5px;
  padding-bottom: 4.5px;
}

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}

.py-\[8\.5px\] {
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}

.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.\!pb-0 {
  padding-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-2\.5 {
  padding-bottom: .625rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-3\.5 {
  padding-bottom: .875rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[10\.5px\] {
  padding-bottom: 10.5px;
}

.pb-\[100px\] {
  padding-bottom: 100px;
}

.pb-\[14px\] {
  padding-bottom: 14px;
}

.pb-\[16\.8px\] {
  padding-bottom: 16.8px;
}

.pb-\[34px\] {
  padding-bottom: 34px;
}

.pb-\[60px\] {
  padding-bottom: 60px;
}

.pb-\[7\.5px\] {
  padding-bottom: 7.5px;
}

.pb-\[calc\(0\.75rem_\+_env\(safe-area-inset-bottom\,_0px\)\)\] {
  padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
}

.pb-\[calc\(1rem_\+_env\(safe-area-inset-bottom\,_0px\)\)\] {
  padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
}

.pb-px {
  padding-bottom: 1px;
}

[dir="ltr"] .pe-0 {
  padding-right: 0;
}

[dir="rtl"] .pe-0 {
  padding-left: 0;
}

[dir="ltr"] .pe-0\.5 {
  padding-right: .125rem;
}

[dir="rtl"] .pe-0\.5 {
  padding-left: .125rem;
}

[dir="ltr"] .pe-1 {
  padding-right: .25rem;
}

[dir="rtl"] .pe-1 {
  padding-left: .25rem;
}

[dir="ltr"] .pe-2 {
  padding-right: .5rem;
}

[dir="rtl"] .pe-2 {
  padding-left: .5rem;
}

[dir="ltr"] .pe-3 {
  padding-right: .75rem;
}

[dir="rtl"] .pe-3 {
  padding-left: .75rem;
}

[dir="ltr"] .pe-3\.5 {
  padding-right: .875rem;
}

[dir="rtl"] .pe-3\.5 {
  padding-left: .875rem;
}

[dir="ltr"] .pe-4 {
  padding-right: 1rem;
}

[dir="rtl"] .pe-4 {
  padding-left: 1rem;
}

[dir="ltr"] .pe-5 {
  padding-right: 1.25rem;
}

[dir="rtl"] .pe-5 {
  padding-left: 1.25rem;
}

[dir="ltr"] .pe-6 {
  padding-right: 1.5rem;
}

[dir="rtl"] .pe-6 {
  padding-left: 1.5rem;
}

[dir="ltr"] .pe-7 {
  padding-right: 1.75rem;
}

[dir="rtl"] .pe-7 {
  padding-left: 1.75rem;
}

[dir="ltr"] .pe-8 {
  padding-right: 2rem;
}

[dir="rtl"] .pe-8 {
  padding-left: 2rem;
}

[dir="ltr"] .pe-\[22px\] {
  padding-right: 22px;
}

[dir="rtl"] .pe-\[22px\] {
  padding-left: 22px;
}

[dir="ltr"] .pe-\[26px\] {
  padding-right: 26px;
}

[dir="rtl"] .pe-\[26px\] {
  padding-left: 26px;
}

[dir="ltr"] .pe-\[30px\] {
  padding-right: 30px;
}

[dir="rtl"] .pe-\[30px\] {
  padding-left: 30px;
}

.pl-2 {
  padding-left: .5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-px {
  padding-left: 1px;
}

.pr-\[12px\] {
  padding-right: 12px;
}

.pr-\[20px\] {
  padding-right: 20px;
}

.pr-px {
  padding-right: 1px;
}

[dir="ltr"] .ps-0 {
  padding-left: 0;
}

[dir="rtl"] .ps-0 {
  padding-right: 0;
}

[dir="ltr"] .ps-0\.5 {
  padding-left: .125rem;
}

[dir="rtl"] .ps-0\.5 {
  padding-right: .125rem;
}

[dir="ltr"] .ps-1 {
  padding-left: .25rem;
}

[dir="rtl"] .ps-1 {
  padding-right: .25rem;
}

[dir="ltr"] .ps-12 {
  padding-left: 3rem;
}

[dir="rtl"] .ps-12 {
  padding-right: 3rem;
}

[dir="ltr"] .ps-2 {
  padding-left: .5rem;
}

[dir="rtl"] .ps-2 {
  padding-right: .5rem;
}

[dir="ltr"] .ps-3 {
  padding-left: .75rem;
}

[dir="rtl"] .ps-3 {
  padding-right: .75rem;
}

[dir="ltr"] .ps-3\.5 {
  padding-left: .875rem;
}

[dir="rtl"] .ps-3\.5 {
  padding-right: .875rem;
}

[dir="ltr"] .ps-4 {
  padding-left: 1rem;
}

[dir="rtl"] .ps-4 {
  padding-right: 1rem;
}

[dir="ltr"] .ps-5 {
  padding-left: 1.25rem;
}

[dir="rtl"] .ps-5 {
  padding-right: 1.25rem;
}

[dir="ltr"] .ps-6 {
  padding-left: 1.5rem;
}

[dir="rtl"] .ps-6 {
  padding-right: 1.5rem;
}

[dir="ltr"] .ps-7 {
  padding-left: 1.75rem;
}

[dir="rtl"] .ps-7 {
  padding-right: 1.75rem;
}

[dir="ltr"] .ps-8 {
  padding-left: 2rem;
}

[dir="rtl"] .ps-8 {
  padding-right: 2rem;
}

[dir="ltr"] .ps-\[22px\] {
  padding-left: 22px;
}

[dir="rtl"] .ps-\[22px\] {
  padding-right: 22px;
}

[dir="ltr"] .ps-\[26px\] {
  padding-left: 26px;
}

[dir="rtl"] .ps-\[26px\] {
  padding-right: 26px;
}

[dir="ltr"] .ps-\[30px\] {
  padding-left: 30px;
}

[dir="rtl"] .ps-\[30px\] {
  padding-right: 30px;
}

.pt-0 {
  padding-top: 0;
}

.pt-0\.5 {
  padding-top: .125rem;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-1\.5 {
  padding-top: .375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-28 {
  padding-top: 7rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[10\.5px\] {
  padding-top: 10.5px;
}

.pt-\[18px\] {
  padding-top: 18px;
}

.pt-\[28px\] {
  padding-top: 28px;
}

.pt-\[40px\] {
  padding-top: 40px;
}

.pt-\[46px\] {
  padding-top: 46px;
}

.pt-px {
  padding-top: 1px;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

[dir="ltr"] .text-start {
  text-align: left;
}

[dir="ltr"] .text-end, [dir="rtl"] .text-start {
  text-align: right;
}

[dir="rtl"] .text-end {
  text-align: left;
}

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

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.font-sans {
  font-family: Kufox Sans, PingFang SC, -apple-system, system-ui, BlinkMacSystemFont, Microsoft YaHei, sans-serif, Apple Color Emoji, Segoe UI Emoji;
}

.\!text-xs {
  font-size: .75rem !important;
  line-height: 1rem !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[21px\] {
  font-size: 21px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[80px\] {
  font-size: 80px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal, .font-regular {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.normal-nums {
  font-feature-settings: normal;
  font-variant-numeric: normal;
}

.ordinal {
  --tw-ordinal: ordinal;
}

.ordinal, .slashed-zero {
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.slashed-zero {
  --tw-slashed-zero: slashed-zero;
}

.lining-nums {
  --tw-numeric-figure: lining-nums;
}

.lining-nums, .oldstyle-nums {
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
}

.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
}

.proportional-nums, .tabular-nums {
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
}

.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
}

.diagonal-fractions, .stacked-fractions {
  font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.stacked-fractions {
  --tw-numeric-fraction: stacked-fractions;
}

.\!leading-\[inherit\] {
  line-height: inherit !important;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[1\.15\] {
  line-height: 1.15;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[100\%\] {
  line-height: 100%;
}

.leading-\[120\%\] {
  line-height: 120%;
}

.leading-\[130\%\] {
  line-height: 130%;
}

.leading-\[140\%\] {
  line-height: 140%;
}

.leading-\[150\%\] {
  line-height: 150%;
}

.leading-\[160\%\] {
  line-height: 160%;
}

.leading-\[18\.2px\] {
  line-height: 18.2px;
}

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

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

.leading-\[56px\] {
  line-height: 56px;
}

.leading-default {
  line-height: 1.4;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.8;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.2;
}

.tracking-\[0\.1px\] {
  letter-spacing: .1px;
}

.\!text-fixed-dark {
  color: var(--kds-text-fixed-dark) !important;
}

.\!text-link {
  color: var(--kds-text-link) !important;
}

.text-\[\#1D1D1D\], .text-\[\#1d1d1d\] {
  --tw-text-opacity: 1;
  color: rgba(29, 29, 29, var(--tw-text-opacity, 1));
}

.text-\[\#f8b200\] {
  --tw-text-opacity: 1;
  color: rgba(248, 178, 0, var(--tw-text-opacity, 1));
}

.text-\[inherit\] {
  color: inherit;
}

.text-\[rgba\(243\,243\,243\,0\.4\)\] {
  color: #f3f3f366;
}

.text-\[var\(--kds-divider\)\] {
  color: var(--kds-divider);
}

.text-brandgreen {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-brandgreen),var(--tw-text-opacity, 1));
}

.text-brandred {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-brandred),var(--tw-text-opacity, 1));
}

.text-current {
  color: currentColor;
}

.text-disabled {
  color: var(--kds-text-disabled);
}

.text-error {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-error),var(--tw-text-opacity, 1));
}

.text-fixed-dark {
  color: var(--kds-text-fixed-dark);
}

.text-fixed-light {
  color: var(--kds-text-fixed-light);
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-inverse {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-inverse),var(--tw-text-opacity, 1));
}

.text-link {
  color: var(--kds-text-link);
}

.text-primary {
  color: var(--kds-text-primary);
}

.text-quaternary {
  color: var(--kds-text-quaternary);
}

.text-secondary {
  color: var(--kds-text-secondary);
}

.text-success {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-success),var(--tw-text-opacity, 1));
}

.text-tertiary {
  color: var(--kds-text-tertiary);
}

.text-vip {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-vip),var(--tw-text-opacity, 1));
}

.text-warning {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-warning),var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.\!underline {
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important;
}

.underline {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.overline {
  -webkit-text-decoration-line: overline;
  text-decoration-line: overline;
}

.line-through {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}

.no-underline {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.decoration-info {
  -webkit-text-decoration-color: var(--kds-divider-info);
  text-decoration-color: var(--kds-divider-info);
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
}

.shadow, .shadow-\[0_0_0_2px_var\(--kds-background\)\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-\[0_0_0_2px_var\(--kds-background\)\] {
  --tw-shadow: 0 0 0 2px var(--kds-background);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
}

.shadow-\[0_4px_16px_rgba\(1\,1\,1\,0\.1\)\] {
  --tw-shadow: 0 4px 16px #0101011a;
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.3\)\] {
  --tw-shadow: 0 4px 20px #0000004d;
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-\[0px_0px_1px_rgba\(0\,0\,0\,0\.1\)\,0px_8px_16px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0px 0px 1px #0000001a,0px 8px 16px #0000000d;
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color),0px 8px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-\[0px_10px_60px_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-shadow: 0px 10px 60px #0000001a;
  --tw-shadow-colored: 0px 10px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-\[0px_4px_16px_rgba\(0\,0\,0\,0\.08\)\] {
  --tw-shadow: 0px 4px 16px #00000014;
  --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-\[35px_-20px_45px_0px_rgba\(0\,0\,0\,0\.05\)\,0px_15px_15px_-8px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 35px -20px 45px 0px #0000000d,0px 15px 15px -8px #0000000d;
  --tw-shadow-colored: 35px -20px 45px 0px var(--tw-shadow-color),0px 15px 15px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-lg, .shadow-light {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-light {
  --tw-shadow: var(--kds-shadow-light);
  --tw-shadow-colored: var(--kds-shadow-light);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

.shadow-none, .shadow-normal {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-normal {
  --tw-shadow: var(--kds-shadow-normal);
  --tw-shadow-colored: var(--kds-shadow-normal);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}

.shadow-sm, .shadow-strong {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.shadow-strong {
  --tw-shadow: var(--kds-shadow-strong);
  --tw-shadow-colored: var(--kds-shadow-strong);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
}

.ring-inset {
  --tw-ring-inset: inset;
}

.blur {
  --tw-blur: blur(8px);
}

.blur, .blur-\[6\.7px\] {
  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-\[6\.7px\] {
  --tw-blur: blur(6.7px);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
}

.drop-shadow, .grayscale {
  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%);
}

.invert {
  --tw-invert: invert(100%);
}

.invert, .sepia {
  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);
}

.sepia {
  --tw-sepia: sepia(100%);
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
}

.backdrop-blur, .backdrop-blur-\[10px\] {
  -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-\[10px\] {
  --tw-backdrop-blur: blur(10px);
}

.backdrop-blur-\[16px\] {
  --tw-backdrop-blur: blur(16px);
}

.backdrop-blur-\[16px\], .backdrop-blur-\[8px\] {
  -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-\[8px\] {
  --tw-backdrop-blur: blur(8px);
}

.backdrop-grayscale {
  --tw-backdrop-grayscale: grayscale(100%);
}

.backdrop-grayscale, .backdrop-invert {
  -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-invert {
  --tw-backdrop-invert: invert(100%);
}

.backdrop-sepia {
  --tw-backdrop-sepia: sepia(100%);
}

.backdrop-filter, .backdrop-sepia {
  -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, -webkit-text-decoration-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[height\] {
  transition-property: height;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[inset-inline-start\] {
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[inset-inline-start\]:not(:lang(ae, ar, arc, bcc, bqi, ckb, dv, fa, glk, he, ku, mzn, nqo, pnb, ps, sd, ug, ur, yi)) {
  transition-property: left;
}

.transition-\[inset-inline-start\]:lang(ae, ar, arc, bcc, bqi, ckb, dv, fa, glk, he, ku, mzn, nqo, pnb, ps, sd, ug, ur, yi) {
  transition-property: right;
}

.transition-\[max-height\,opacity\,padding\] {
  transition-property: max-height, opacity, padding;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[stroke-width\,stroke-dasharray\,stroke-dashoffset\] {
  transition-property: stroke-width, stroke-dasharray, stroke-dashoffset;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[top\,inset-inline-end\,bottom\,inset-inline-start\,margin\,max-width\] {
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[top\,inset-inline-end\,bottom\,inset-inline-start\,margin\,max-width\]:not(:lang(ae, ar, arc, bcc, bqi, ckb, dv, fa, glk, he, ku, mzn, nqo, pnb, ps, sd, ug, ur, yi)) {
  transition-property: top, right, bottom, left, margin, max-width;
}

.transition-\[top\,inset-inline-end\,bottom\,inset-inline-start\,margin\,max-width\]:lang(ae, ar, arc, bcc, bqi, ckb, dv, fa, glk, he, ku, mzn, nqo, pnb, ps, sd, ug, ur, yi) {
  transition-property: top, left, bottom, right, margin, max-width;
}

.transition-\[top\,transform\,color\,opacity\] {
  transition-property: top, transform, color, opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[transform\,opacity\] {
  transition-property: transform, opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-none {
  transition-property: none;
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-0 {
  transition-duration: 0s;
}

.duration-100 {
  transition-duration: .1s;
}

.duration-150 {
  transition-duration: .15s;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.duration-\[0\.14s\] {
  transition-duration: .14s;
}

.duration-\[120ms\] {
  transition-duration: .12s;
}

.duration-\[240ms\] {
  transition-duration: .24s;
}

.ease-\[cubic-bezier\(0\,0\,0\.58\,1\)\] {
  transition-timing-function: ease-out;
}

.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.will-change-\[top\,position\] {
  will-change: top,position;
}

.will-change-transform {
  will-change: transform;
}

.text-px-12 {
  font-size: 12px;
}

.text-px-13 {
  font-size: 13px;
}

.text-px-14 {
  font-size: 14px;
}

.text-px-15 {
  font-size: 15px;
}

.text-px-16 {
  font-size: 16px;
}

.text-px-18 {
  font-size: 18px;
}

.text-px-22 {
  font-size: 22px;
}

.text-px-24 {
  font-size: 24px;
}

.gap-px-8 {
  gap: 8px;
}

.gap-px-12 {
  gap: 12px;
}

.gap-px-16 {
  gap: 16px;
}

.rounded-px-4 {
  border-radius: 4px;
}

.rounded-px-6 {
  border-radius: 6px;
}

.rounded-px-8 {
  border-radius: 8px;
}

.rounded-px-12 {
  border-radius: 12px;
}

.rounded-px-20 {
  border-radius: 20px;
}

.rounded-t-px-20 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.rounded-px-24 {
  border-radius: 24px;
}

.rounded-px-32 {
  border-radius: 32px;
}

.rounded-px-40 {
  border-radius: 40px;
}

[dir="ltr"] .space-x-px > :not([hidden]) ~ :not([hidden]) {
  margin-left: 1px;
}

[dir="rtl"] .space-x-px > :not([hidden]) ~ :not([hidden]) {
  margin-right: 1px;
}

.kds-inverted {
  transform: rotate(180deg);
}

.kds-chart-bar-positive {
  transform-box: fill-box;
  transform-origin: bottom;
}

.kds-chart-bar-negative {
  transform-box: fill-box;
  transform-origin: top;
}

[dir="rtl"] .kds-flip-rtl {
  transform: scaleX(-1);
}

[dir="rtl"] .kds-flip-rtl.kds-inverted {
  transform: rotate(180deg) scaleX(-1);
}

.scrollbar-sm {
  scrollbar-width: auto;
  -ms-overflow-style: initial;
}

.scrollbar-sm::-webkit-scrollbar {
  display: inline;
  display: initial;
}

.scrollbar-sm::-webkit-scrollbar {
  background: none;
  width: 3px;
  height: 3px;
}

.scrollbar-sm::-webkit-scrollbar-track {
  background: none;
  width: 3px;
  height: 3px;
}

.scrollbar-sm::-webkit-scrollbar-thumb {
  background: var(--kds-divider-info);
  border-radius: 1.5px;
  width: 3px;
}

.scrollbar-sm::-webkit-scrollbar-corner {
  background: none;
}

.scrollbar-md {
  scrollbar-width: auto;
  -ms-overflow-style: initial;
}

.scrollbar-md::-webkit-scrollbar {
  display: inline;
  display: initial;
}

.scrollbar-md::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}

.scrollbar-md::-webkit-scrollbar-track {
  background: none;
  width: 6px;
  height: 6px;
}

.scrollbar-md::-webkit-scrollbar-thumb {
  background: var(--kds-divider-info);
  border-radius: 3px;
  width: 6px;
}

.scrollbar-md::-webkit-scrollbar-corner {
  background: none;
}

.scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

.\[--kds-table-row-bg\:rgba\(var\(--kds-neutral\)\,0\.02\)\] {
  --kds-table-row-bg: rgba(var(--kds-neutral),.02);
}

.\[--kux-popover-transform-origin\:19px_bottom\] {
  --kux-popover-transform-origin: 19px bottom;
}

.\[--kux-popover-transform-origin\:19px_top\] {
  --kux-popover-transform-origin: 19px top;
}

.\[--kux-popover-transform-origin\:center_bottom\] {
  --kux-popover-transform-origin: center bottom;
}

.\[--kux-popover-transform-origin\:center_top\] {
  --kux-popover-transform-origin: center top;
}

.\[--kux-popover-transform-origin\:left_center\] {
  --kux-popover-transform-origin: left center;
}

.\[--kux-popover-transform-origin\:right_center\] {
  --kux-popover-transform-origin: right center;
}

.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}

.\[background-color\:var\(--kds-background\)\] {
  background-color: var(--kds-background);
}

.\[background-image\:linear-gradient\(var\(--kds-background-muted\)\,var\(--kds-background-muted\)\)\,linear-gradient\(var\(--kds-background-muted\)\,var\(--kds-background-muted\)\)\] {
  background-image: linear-gradient(var(--kds-background-muted),var(--kds-background-muted)),linear-gradient(var(--kds-background-muted),var(--kds-background-muted));
}

.\[background-image\:linear-gradient\(var\(--kds-table-row-bg\,transparent\)\,var\(--kds-table-row-bg\,transparent\)\)\] {
  background-image: linear-gradient(var(--kds-table-row-bg, transparent),var(--kds-table-row-bg, transparent));
}

.\[background\:linear-gradient\(193deg\,rgb\(var\(--kds-vip\)\)_8\.53\%\,rgb\(var\(--kds-vip-subtle\)\)_89\.49\%\)\] {
  background: linear-gradient(193deg,rgb(var(--kds-vip)) 8.53%,rgb(var(--kds-vip-subtle)) 89.49%);
}

.\[direction\:ltr\] {
  direction: ltr;
}

.\[mask-image\:linear-gradient\(to_bottom\,black_12\%\,transparent_100\%\)\] {
  -webkit-mask-image: linear-gradient(#000 12%, #0000);
  mask-image: linear-gradient(#000 12%, #0000);
}

.\[mask-image\:linear-gradient\(to_bottom\,black_38\%\,transparent_100\%\)\] {
  -webkit-mask-image: linear-gradient(#000 38%, #0000);
  mask-image: linear-gradient(#000 38%, #0000);
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

.\[snapdom\:picture-resolver\] {
  snapdom: picture-resolver;
}

.\[translate\:0_var\(--kds-drawer-drag-y\,0px\)\] {
  translate: 0 var(--kds-drawer-drag-y, 0);
}

.\[will-change\:transform\,opacity\] {
  will-change: transform,opacity;
}

.theme-light, :root, [data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --kds-background: #fff;
  --kds-background-subtle: #f9f9f9;
  --kds-background-soft: #0000000a;
  --kds-background-muted: #00000005;
  --kds-background-hover: #00000005;
  --kds-background-bullet-layer: #fff;
  --kds-background-tooltip: #2d2d2f;
  --kds-background-toast: #000;
  --kds-background-fixed-dark: #000;
  --kds-background-fixed-light: #fff;
  --kds-background-mask: #000d1d4d;
  --kds-background-mask-strong: #ffffffb3;
  --kds-text-primary: #000;
  --kds-text-secondary: #0009;
  --kds-text-tertiary: #0000007a;
  --kds-text-quaternary: #0000004d;
  --kds-text-disabled: #0003;
  --kds-text-fixed-dark: #000;
  --kds-text-fixed-light: #fff;
  --kds-text-link: #00b47d;
  --kds-text-link-neutral: #000;
  --kds-neutral: 0,0,0;
  --kds-brandgreen: 0,180,125;
  --kds-brandred: 235,77,93;
  --kds-brandgreen-fashion: 110,154,1;
  --kds-brandred-fashion: 227,46,133;
  --kds-brandgreen-a11y: 44,126,209;
  --kds-brandred-a11y: 219,120,39;
  --kds-web3green: 12,195,114;
  --kds-vip: 195,152,59;
  --kds-vip-subtle: 222,190,121;
  --kds-vip-soft: #c3983b14;
  --kds-success: 6,155,126;
  --kds-success-subtle: #00b47d14;
  --kds-error: 231,66,92;
  --kds-error-subtle: #f6545414;
  --kds-warning: 233,105,0;
  --kds-warning-subtle: #f8b20014;
  --kds-info: #0009;
  --kds-info-subtle: #23526a0a;
  --kds-border: #00000014;
  --kds-border-emphasis: #000;
  --kds-divider: #00000014;
  --kds-divider-subtle: #0000000a;
  --kds-divider-info: #0000004d;
  --kds-divider-block: #f9f9f9;
  --kds-yellowgreen: 211,244,117;
  --kds-lightgreen: 37,209,127;
  --kds-babyblue: 60,194,251;
  --kds-yellow: 248,178,0;
  --kds-purple: 143,88,245;
  --kds-inverse: 255,255,255;
  --kds-shadow-light: 0 2px 4px 0 #0000000a,0 0 1px 0 #0000000a;
  --kds-shadow-normal: 0 0 1px 0 #0000001f,0 0 24px 0 #00000014;
  --kds-shadow-strong: 0 0 1px 0 #0000001f,0 0 40px 0 #0000001f;
}

.theme-dark, [data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --kds-background: #121212;
  --kds-background-subtle: #121212;
  --kds-background-soft: #ffffff14;
  --kds-background-muted: #ffffff0a;
  --kds-background-hover: #ffffff0a;
  --kds-background-bullet-layer: #222223;
  --kds-background-tooltip: #2d2d2f;
  --kds-background-toast: #fff;
  --kds-background-fixed-dark: #000;
  --kds-background-fixed-light: #fff;
  --kds-background-mask: #0009;
  --kds-background-mask-strong: #121212b3;
  --kds-text-primary: #fff;
  --kds-text-secondary: #fff9;
  --kds-text-tertiary: #ffffff7a;
  --kds-text-quaternary: #ffffff4d;
  --kds-text-disabled: #fff3;
  --kds-text-fixed-dark: #000;
  --kds-text-fixed-light: #fff;
  --kds-text-link: #00b47d;
  --kds-text-link-neutral: #fff;
  --kds-neutral: 255,255,255;
  --kds-brandgreen: 0,180,125;
  --kds-brandred: 235,77,93;
  --kds-brandgreen-fashion: 110,154,1;
  --kds-brandred-fashion: 227,46,133;
  --kds-brandgreen-a11y: 44,126,209;
  --kds-brandred-a11y: 219,120,39;
  --kds-web3green: 12,195,114;
  --kds-vip: 245,209,134;
  --kds-vip-subtle: 246,224,176;
  --kds-vip-soft: #f5d18614;
  --kds-success: 6,155,126;
  --kds-success-subtle: #00b47d14;
  --kds-error: 231,66,92;
  --kds-error-subtle: #f6545414;
  --kds-warning: 233,105,0;
  --kds-warning-subtle: #f8b20014;
  --kds-info: #fff9;
  --kds-info-subtle: #ffffff14;
  --kds-border: #ffffff1f;
  --kds-border-emphasis: #fff;
  --kds-divider: #ffffff14;
  --kds-divider-subtle: #ffffff0a;
  --kds-divider-info: #ffffff4d;
  --kds-divider-block: #000;
  --kds-yellowgreen: 211,244,117;
  --kds-lightgreen: 37,209,127;
  --kds-babyblue: 60,194,251;
  --kds-yellow: 248,178,0;
  --kds-purple: 143,88,245;
  --kds-inverse: 0,0,0;
  --kds-shadow-light: 0 0 1px 0 #fff6,0 0 40px 0 #0009;
  --kds-shadow-normal: 0 0 1px 0 #fff6,0 0 40px 0 #0000009c;
  --kds-shadow-strong: 0 0 1px 0 #fff6,0 0 40px 0 #0000009e;
}

.market-green-up-classic, :root, [data-market-color="green-up-classic"] {
  --kds-market-up: var(--kds-brandgreen);
  --kds-market-down: var(--kds-brandred);
}

.market-green-up-fashion, [data-market-color="green-up-fashion"] {
  --kds-market-up: var(--kds-brandgreen-fashion);
  --kds-market-down: var(--kds-brandred-fashion);
}

.market-green-up-a11y, [data-market-color="green-up-a11y"] {
  --kds-market-up: var(--kds-brandgreen-a11y);
  --kds-market-down: var(--kds-brandred-a11y);
}

.market-red-up-classic, [data-market-color="red-up-classic"] {
  --kds-market-up: var(--kds-brandred);
  --kds-market-down: var(--kds-brandgreen);
}

.market-red-up-fashion, [data-market-color="red-up-fashion"] {
  --kds-market-up: var(--kds-brandred-fashion);
  --kds-market-down: var(--kds-brandgreen-fashion);
}

.market-red-up-a11y, [data-market-color="red-up-a11y"] {
  --kds-market-up: var(--kds-brandred-a11y);
  --kds-market-down: var(--kds-brandgreen-a11y);
}

.placeholder\:font-regular::placeholder {
  font-weight: 400;
}

.placeholder\:text-tertiary::placeholder {
  color: var(--kds-text-tertiary);
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:-inset-1:before {
  content: var(--tw-content);
  top: -.25rem;
  bottom: -.25rem;
  left: -.25rem;
  right: -.25rem;
}

.before\:-left-px:before {
  content: var(--tw-content);
  left: -1px;
}

.before\:-top-\[90\%\]:before {
  content: var(--tw-content);
  top: -90%;
}

.before\:-top-px:before {
  content: var(--tw-content);
  top: -1px;
}

.before\:left-\[-90\%\]:before {
  content: var(--tw-content);
  left: -90%;
}

.before\:left-\[80\%\]:before {
  content: var(--tw-content);
  left: 80%;
}

.before\:top-\[80\%\]:before {
  content: var(--tw-content);
  top: 80%;
}

.before\:box-content:before {
  content: var(--tw-content);
  box-sizing: content-box;
}

.before\:h-full:before {
  content: var(--tw-content);
  height: 100%;
}

.before\:w-full:before {
  content: var(--tw-content);
  width: 100%;
}

.before\:rotate-45:before {
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:rounded-sm:before {
  content: var(--tw-content);
  border-radius: .125rem;
}

.before\:border:before {
  content: var(--tw-content);
  border-width: 1px;
}

.before\:border-default:before {
  content: var(--tw-content);
  border-color: var(--kds-border);
}

.before\:border-transparent:before {
  content: var(--tw-content);
  border-color: #0000;
}

.before\:bg-bullet-layer:before {
  content: var(--tw-content);
  background-color: var(--kds-background-bullet-layer);
}

.before\:bg-tooltip:before {
  content: var(--tw-content);
  background-color: var(--kds-background-tooltip);
}

.before\:content-\[\"\"\]:before, .before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}

.after\:pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none;
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-x-0\.5:after {
  content: var(--tw-content);
  left: -.125rem;
  right: -.125rem;
}

.after\:-inset-y-3\.5:after {
  content: var(--tw-content);
  top: -.875rem;
  bottom: -.875rem;
}

.after\:inset-x-0:after {
  content: var(--tw-content);
  left: 0;
  right: 0;
}

.after\:bottom-0:after {
  content: var(--tw-content);
  bottom: 0;
}

.after\:bottom-\[-6px\]:after {
  content: var(--tw-content);
  bottom: -6px;
}

.after\:end-0:after {
  content: var(--tw-content);
}

[dir="ltr"] .after\:end-0:after {
  right: 0;
}

[dir="rtl"] .after\:end-0:after {
  left: 0;
}

.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}

.after\:left-\[30px\]:after {
  content: var(--tw-content);
  left: 30px;
}

.after\:start-1\/2:after {
  content: var(--tw-content);
}

[dir="ltr"] .after\:start-1\/2:after {
  left: 50%;
}

[dir="rtl"] .after\:start-1\/2:after {
  right: 50%;
}

.after\:start-5:after {
  content: var(--tw-content);
}

[dir="ltr"] .after\:start-5:after {
  left: 1.25rem;
}

[dir="rtl"] .after\:start-5:after {
  right: 1.25rem;
}

.after\:start-\[50px\]:after {
  content: var(--tw-content);
}

[dir="ltr"] .after\:start-\[50px\]:after {
  left: 50px;
}

[dir="rtl"] .after\:start-\[50px\]:after {
  right: 50px;
}

.after\:start-\[70px\]:after {
  content: var(--tw-content);
}

[dir="ltr"] .after\:start-\[70px\]:after {
  left: 70px;
}

[dir="rtl"] .after\:start-\[70px\]:after {
  right: 70px;
}

.after\:start-\[74px\]:after {
  content: var(--tw-content);
}

[dir="ltr"] .after\:start-\[74px\]:after {
  left: 74px;
}

[dir="rtl"] .after\:start-\[74px\]:after {
  right: 74px;
}

.after\:top-0:after {
  content: var(--tw-content);
  top: 0;
}

.after\:top-full:after {
  content: var(--tw-content);
  top: 100%;
}

.after\:block:after {
  content: var(--tw-content);
  display: block;
}

.after\:h-0:after {
  content: var(--tw-content);
  height: 0;
}

.after\:h-0\.5:after {
  content: var(--tw-content);
  height: .125rem;
}

.after\:h-4:after {
  content: var(--tw-content);
  height: 1rem;
}

.after\:h-screen:after {
  content: var(--tw-content);
  height: 100vh;
}

.after\:w-0:after {
  content: var(--tw-content);
  width: 0;
}

.after\:w-1\/2:after {
  content: var(--tw-content);
  width: 50%;
}

.after\:w-4:after {
  content: var(--tw-content);
  width: 1rem;
}

.after\:w-full:after {
  content: var(--tw-content);
  width: 100%;
}

.after\:max-w-\[22px\]:after {
  content: var(--tw-content);
  max-width: 22px;
}

.after\:-translate-x-1\/2:after {
  --tw-translate-x: -50%;
}

.after\:-translate-x-1\/2:after, .after\:rotate-180:after {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rotate-180:after {
  --tw-rotate: 180deg;
}

.after\:rounded:after {
  content: var(--tw-content);
  border-radius: .25rem;
}

.after\:border-\[6px\]:after {
  content: var(--tw-content);
  border-width: 6px;
}

.after\:border-b-0:after {
  content: var(--tw-content);
  border-bottom-width: 0;
}

.after\:border-solid:after {
  content: var(--tw-content);
  border-style: solid;
}

.after\:border-transparent:after {
  content: var(--tw-content);
  border-color: #0000;
}

.after\:bg-current:after {
  content: var(--tw-content);
  background-color: currentColor;
}

.after\:bg-inherit:after {
  content: var(--tw-content);
  background-color: inherit;
}

.after\:bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgNkw4IDEwTDQgNiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8\+PC9zdmc\+\'\)\]:after {
  content: var(--tw-content);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgNkw4IDEwTDQgNiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
}

.after\:bg-\[length\:100\%_100\%\]:after {
  content: var(--tw-content);
  background-size: 100% 100%;
}

.after\:bg-no-repeat:after {
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.after\:duration-300:after {
  content: var(--tw-content);
  transition-duration: .3s;
}

.after\:ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]:after {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.after\:content-\[\"\"\]:after, .after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

.after\:content-\[\\\"\\\"\]:after {
  --tw-content: \"\";
  content: var(--tw-content);
}

.after\:\[border-top-color\:\#fff\]:after {
  content: var(--tw-content);
  border-top-color: #fff;
}

.after\:\[transition-timing-function\:cubic-bezier\(0\.4\,0\,0\.2\,1\)\]:after {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

[dir="ltr"] .first\:ms-0:first-child {
  margin-left: 0;
}

[dir="rtl"] .first\:ms-0:first-child {
  margin-right: 0;
}

[dir="ltr"] .first\:rounded-es-xl:first-child {
  border-bottom-left-radius: .75rem;
}

[dir="rtl"] .first\:rounded-es-xl:first-child {
  border-bottom-right-radius: .75rem;
}

[dir="ltr"] .first\:rounded-ss-xl:first-child {
  border-top-left-radius: .75rem;
}

[dir="rtl"] .first\:rounded-ss-xl:first-child {
  border-top-right-radius: .75rem;
}

.last\:mb-0:last-child {
  margin-bottom: 0;
}

.last\:mr-0:last-child {
  margin-right: 0;
}

[dir="ltr"] .last\:rounded-ee-xl:last-child {
  border-bottom-right-radius: .75rem;
}

[dir="rtl"] .last\:rounded-ee-xl:last-child {
  border-bottom-left-radius: .75rem;
}

[dir="ltr"] .last\:rounded-se-xl:last-child {
  border-top-right-radius: .75rem;
}

[dir="rtl"] .last\:rounded-se-xl:last-child {
  border-top-left-radius: .75rem;
}

[dir="ltr"] .last\:border-e-0:last-child {
  border-right-width: 0;
}

[dir="rtl"] .last\:border-e-0:last-child {
  border-left-width: 0;
}

.last\:border-r-0:last-child {
  border-right-width: 0;
}

.even\:bg-muted:nth-child(2n) {
  background-color: var(--kds-background-muted);
}

.even\:\[--kds-table-row-bg\:var\(--kds-background-muted\)\]:nth-child(2n) {
  --kds-table-row-bg: var(--kds-background-muted);
}

.focus-within\:\!border-neutral\/8:focus-within {
  border-color: rgba(var(--kds-neutral),.08) !important;
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:rounded-lg:hover {
  border-radius: .5rem;
}

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

.hover\:rounded-xl:hover {
  border-radius: .75rem;
}

.hover\:\!border-neutral\/8:hover {
  border-color: rgba(var(--kds-neutral),.08) !important;
}

.hover\:border-brandgreen:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-brandgreen),var(--tw-border-opacity, 1));
}

.hover\:border-default:hover {
  border-color: var(--kds-border);
}

.hover\:border-emphasis:hover {
  border-color: var(--kds-border-emphasis);
}

.hover\:border-neutral\/20:hover {
  border-color: rgba(var(--kds-neutral),.2);
}

.hover\:bg-brandgreen\/4:hover {
  background-color: rgba(var(--kds-brandgreen),.04);
}

.hover\:bg-hover:hover {
  background-color: var(--kds-background-hover);
}

.hover\:bg-muted:hover {
  background-color: var(--kds-background-muted);
}

.hover\:bg-neutral\/2:hover {
  background-color: rgba(var(--kds-neutral),.02);
}

.hover\:bg-neutral\/4:hover {
  background-color: rgba(var(--kds-neutral),.04);
}

.hover\:bg-soft:hover {
  background-color: var(--kds-background-soft);
}

.hover\:bg-transparent:hover {
  background-color: #0000;
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/\[0\.08\]:hover {
  background-color: #ffffff14;
}

.hover\:\!text-primary:hover {
  color: var(--kds-text-primary) !important;
}

.hover\:text-brandgreen:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-brandgreen),var(--tw-text-opacity, 1));
}

.hover\:text-inherit:hover {
  color: inherit;
}

.hover\:text-link:hover {
  color: var(--kds-text-link);
}

.hover\:text-primary:hover {
  color: var(--kds-text-primary);
}

.hover\:text-secondary:hover {
  color: var(--kds-text-secondary);
}

.hover\:text-success:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-success),var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-70:hover {
  opacity: .7;
}

.hover\:opacity-75:hover {
  opacity: .75;
}

.hover\:opacity-80:hover {
  opacity: .8;
}

.focus\:border-emphasis:focus {
  border-color: var(--kds-border-emphasis);
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-current:focus-visible {
  --tw-ring-color: currentColor;
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.active\:bg-soft:active {
  background-color: var(--kds-background-soft);
}

.active\:bg-transparent:active {
  background-color: #0000;
}

.active\:bg-white:active {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}

.active\:bg-white\/\[0\.08\]:active {
  background-color: #ffffff14;
}

.active\:opacity-50:active {
  opacity: .5;
}

.active\:opacity-80:active {
  opacity: .8;
}

.active\:shadow-\[0_0_5px_rgba\(29\,29\,29\,0\.3\)\]:active {
  --tw-shadow: 0 0 5px #1d1d1d4d;
  --tw-shadow-colored: 0 0 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

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

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-neutral {
  --tw-border-opacity: 1;
  border-color: rgba(var(--kds-neutral),var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-neutral\/20 {
  border-color: rgba(var(--kds-neutral),.2);
}

.group:hover .group-hover\:border-neutral\/30 {
  border-color: rgba(var(--kds-neutral),.3);
}

.group:hover .group-hover\:border-neutral\/40 {
  border-color: rgba(var(--kds-neutral),.4);
}

.group:hover .group-hover\:bg-neutral\/2 {
  background-color: rgba(var(--kds-neutral),.02);
}

.group:hover .group-hover\:text-brandgreen {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-brandgreen),var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary {
  color: var(--kds-text-primary);
}

@media (hover: hover) and (pointer: fine) {
  .can-hover\:hover\:bg-neutral\/8:hover {
    background-color: rgba(var(--kds-neutral),.08);
  }

  .can-hover\:hover\:text-primary:hover {
    color: var(--kds-text-primary);
  }

  .can-hover\:hover\:opacity-80:hover {
    opacity: .8;
  }

  .can-hover\:hover\:opacity-90:hover {
    opacity: .9;
  }

  .can-hover\:active\:scale-\[0\.99\]:active {
    --tw-scale-x: .99;
    --tw-scale-y: .99;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .can-hover\:active\:bg-muted:active {
    background-color: var(--kds-background-muted);
  }

  .can-hover\:active\:opacity-80:active {
    opacity: .8;
  }

  .can-hover\:active\:opacity-90:active {
    opacity: .9;
  }

  .group:hover .can-hover\:group-hover\:text-primary {
    color: var(--kds-text-primary);
  }
}

@media (max-width: 1339px) {
  .max-\[1339px\]\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:absolute {
    position: absolute;
  }

  .max-md\:relative {
    position: relative;
  }

  .max-md\:right-4 {
    right: 1rem;
  }

  .max-md\:top-4 {
    top: 1rem;
  }

  .max-md\:\!hidden {
    display: none !important;
  }

  .max-md\:h-3 {
    height: .75rem;
  }

  .max-md\:h-4 {
    height: 1rem;
  }

  .max-md\:w-3 {
    width: .75rem;
  }

  .max-md\:w-4 {
    width: 1rem;
  }

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

  .max-md\:flex-col {
    flex-direction: column;
  }

  .max-md\:gap-4 {
    gap: 1rem;
  }

  .max-md\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
  }

  .max-md\:p-4 {
    padding: 1rem;
  }

  .max-md\:pt-10 {
    padding-top: 2.5rem;
  }

  .max-md\:text-\[12px\] {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .max-\[767px\]\:p-0 {
    padding: 0;
  }

  .max-\[767px\]\:p-1\.5 {
    padding: .375rem;
  }

  .max-\[767px\]\:px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem;
  }

  .max-\[767px\]\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .max-\[767px\]\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .max-\[767px\]\:py-\[17\.61px\] {
    padding-top: 17.61px;
    padding-bottom: 17.61px;
  }
}

@media (min-width: 640px) {
  .sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mt-3 {
    margin-top: .75rem;
  }

  .sm\:mt-3\.5 {
    margin-top: .875rem;
  }

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

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto;
  }

  [dir="ltr"] .md\:end-4 {
    right: 1rem;
  }

  [dir="rtl"] .md\:end-4 {
    left: 1rem;
  }

  [dir="ltr"] .md\:end-8 {
    right: 2rem;
  }

  [dir="rtl"] .md\:end-8 {
    left: 2rem;
  }

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

  .md\:right-auto {
    right: auto;
  }

  [dir="ltr"] .md\:start-4 {
    left: 1rem;
  }

  [dir="rtl"] .md\:start-4 {
    right: 1rem;
  }

  [dir="ltr"] .md\:start-auto {
    left: auto;
  }

  [dir="rtl"] .md\:start-auto {
    right: auto;
  }

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

  .md\:top-\[120px\] {
    top: 120px;
  }

  .md\:order-first {
    order: -9999;
  }

  .md\:order-last {
    order: 9999;
  }

  [dir="ltr"] .md\:ms-0 {
    margin-left: 0;
  }

  [dir="rtl"] .md\:ms-0 {
    margin-right: 0;
  }

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

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-12 {
    height: 3rem;
  }

  .md\:h-14 {
    height: 3.5rem;
  }

  .md\:h-9 {
    height: 2.25rem;
  }

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

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

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

  .md\:w-9 {
    width: 2.25rem;
  }

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

  .md\:w-auto {
    width: auto;
  }

  .md\:min-w-80 {
    min-width: 20rem;
  }

  .md\:min-w-9 {
    min-width: 2.25rem;
  }

  .md\:min-w-fit {
    min-width: fit-content;
  }

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

  .md\:flex-1 {
    flex: 1;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }

  .md\:-translate-x-1\/2, .md\:-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .md\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

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

  .md\:gap-2 {
    gap: .5rem;
  }

  .md\:gap-3\.5 {
    gap: .875rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

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

  .md\:border-l-0 {
    border-left-width: 0;
  }

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

  .md\:\!px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  [dir="ltr"] .md\:pe-8 {
    padding-right: 2rem;
  }

  [dir="rtl"] .md\:pe-8 {
    padding-left: 2rem;
  }

  .md\:pl-0 {
    padding-left: 0;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pr-\[28px\] {
    padding-right: 28px;
  }

  [dir="ltr"] .md\:ps-8 {
    padding-left: 2rem;
  }

  [dir="rtl"] .md\:ps-8 {
    padding-right: 2rem;
  }

  .md\:pt-32 {
    padding-top: 8rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:pt-\[14px\] {
    padding-top: 14px;
  }

  .md\:text-\[16px\] {
    font-size: 16px;
  }

  .md\:text-\[22px\] {
    font-size: 22px;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:font-bold {
    font-weight: 700;
  }

  .md\:leading-default {
    line-height: 1.4;
  }

  .md\:leading-normal {
    line-height: 1.5;
  }

  .md\:text-inherit {
    color: inherit;
  }

  .md\:text-primary {
    color: var(--kds-text-primary);
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] .lg\:end-20 {
    right: 5rem;
  }

  [dir="ltr"] .lg\:start-20, [dir="rtl"] .lg\:end-20 {
    left: 5rem;
  }

  [dir="rtl"] .lg\:start-20 {
    right: 5rem;
  }

  .lg\:mt-3 {
    margin-top: .75rem;
  }

  .lg\:h-60 {
    height: 15rem;
  }

  .lg\:w-60 {
    width: 15rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pt-36 {
    padding-top: 9rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:font-bold {
    font-weight: 700;
  }

  .lg\:text-primary {
    color: var(--kds-text-primary);
  }

  .lg\:text-tertiary {
    color: var(--kds-text-tertiary);
  }
}

@media (min-width: 1440px) {
  .xl\:mt-0 {
    margin-top: 0;
  }

  .xl\:mt-1\.5 {
    margin-top: .375rem;
  }

  .xl\:mt-2 {
    margin-top: .5rem;
  }

  .xl\:mt-3 {
    margin-top: .75rem;
  }

  .xl\:mt-3\.5 {
    margin-top: .875rem;
  }

  .xl\:mt-4 {
    margin-top: 1rem;
  }

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

  .xl\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }
}

.rtl\:-left-2\.5:where([dir="rtl"], [dir="rtl"] *) {
  left: -.625rem;
}

.rtl\:end-0:where([dir="rtl"], [dir="rtl"] *) {
  left: 0;
}

.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *) {
  left: 0;
}

.rtl\:left-8:where([dir="rtl"], [dir="rtl"] *) {
  left: 2rem;
}

.rtl\:left-auto:where([dir="rtl"], [dir="rtl"] *) {
  left: auto;
}

.rtl\:right-0:where([dir="rtl"], [dir="rtl"] *) {
  right: 0;
}

.rtl\:right-2:where([dir="rtl"], [dir="rtl"] *) {
  right: .5rem;
}

.rtl\:right-\[1px\]:where([dir="rtl"], [dir="rtl"] *) {
  right: 1px;
}

.rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *) {
  right: auto;
}

.rtl\:start-auto:where([dir="rtl"], [dir="rtl"] *) {
  right: auto;
}

.rtl\:me-0:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0;
}

.rtl\:me-1:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: .25rem;
}

.rtl\:me-2:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: .5rem;
}

.rtl\:me-6:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 1.5rem;
}

.rtl\:ml-0:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0;
}

.rtl\:ml-2\.5:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: .625rem;
}

.rtl\:mr-0:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0;
}

.rtl\:mr-1:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: .25rem;
}

.rtl\:ms-0:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0;
}

.rtl\:ms-1\.5:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: .375rem;
}

.rtl\:ms-2\.5:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: .625rem;
}

.rtl\:ms-3:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: .75rem;
}

.rtl\:ms-4:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 1rem;
}

.rtl\:ms-\[21px\]:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 21px;
}

.rtl\:origin-right:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: 100%;
}

.rtl\:translate-x-0:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:rotate-0:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:scale-x-\[-1\]:where([dir="rtl"], [dir="rtl"] *) {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:rounded-bl-2xl:where([dir="rtl"], [dir="rtl"] *) {
  border-bottom-left-radius: 1rem;
}

.rtl\:rounded-br-none:where([dir="rtl"], [dir="rtl"] *) {
  border-bottom-right-radius: 0;
}

.rtl\:rounded-tl-2xl:where([dir="rtl"], [dir="rtl"] *) {
  border-top-left-radius: 1rem;
}

.rtl\:rounded-tr-none:where([dir="rtl"], [dir="rtl"] *) {
  border-top-right-radius: 0;
}

.rtl\:border-l-0:where([dir="rtl"], [dir="rtl"] *) {
  border-left-width: 0;
}

.rtl\:border-r:where([dir="rtl"], [dir="rtl"] *) {
  border-right-width: 1px;
}

.rtl\:pe-3:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: .75rem;
}

.rtl\:pl-0:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0;
}

.rtl\:pr-2:where([dir="rtl"], [dir="rtl"] *) {
  padding-right: .5rem;
}

.rtl\:ps-2:where([dir="rtl"], [dir="rtl"] *) {
  padding-right: .5rem;
}

.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}

.rtl\:\[transform\:rotateY\(180deg\)\]:where([dir="rtl"], [dir="rtl"] *) {
  transform: rotateY(180deg);
}

.rtl\:after\:left-auto:where([dir="rtl"], [dir="rtl"] *):after {
  content: var(--tw-content);
  left: auto;
}

.rtl\:after\:right-\[30px\]:where([dir="rtl"], [dir="rtl"] *):after {
  content: var(--tw-content);
  right: 30px;
}

.rtl\:last\:ml-0:last-child:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0;
}

@media (min-width: 768px) {
  .md\:rtl\:border-r-0:where([dir="rtl"], [dir="rtl"] *) {
    border-right-width: 0;
  }

  .md\:rtl\:pr-0:where([dir="rtl"], [dir="rtl"] *) {
    padding-right: 0;
  }
}

.dark\:border:where([data-theme="dark"], [data-theme="dark"] *) {
  border-width: 1px;
}

.dark\:border-neutral\/8:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: rgba(var(--kds-neutral),.08);
}

.dark\:bg-neutral\/8:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: rgba(var(--kds-neutral),.08);
}

.dark\:bg-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: #0000;
}

.\[\&\.inTrade\]\:flex.inTrade {
  display: flex;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-lg::-webkit-scrollbar-thumb {
  border-radius: .5rem;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-sm::-webkit-scrollbar-thumb {
  border-radius: .125rem;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-soft::-webkit-scrollbar-thumb {
  background-color: var(--kds-background-soft);
}

.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
  background-color: #0000;
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}

.\[\&\:\:-webkit-scrollbar\]\:w-0::-webkit-scrollbar {
  width: 0;
}

.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
  width: .25rem;
}

.\[\&\:\:-webkit-scrollbar\]\:bg-transparent::-webkit-scrollbar {
  background-color: #0000;
}

.\[\&\:hover_\.arrowIcon\]\:rotate-\[-180deg\]:hover .arrowIcon {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>\*\:last-child\>div\>a\]\:mr-0 > :last-child > div > a, .\[\&\>\*\:last-child\]\:mr-0 > :last-child {
  margin-right: 0;
}

.rtl\:\[\&\>\*\:last-child\]\:mr-\[15px\] > :last-child:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 15px;
}

.\[\&\>div\.trigger\]\:w-full > div.trigger {
  width: 100%;
}

.\[\&\>div\:\:-webkit-scrollbar-thumb\]\:rounded-lg > div::-webkit-scrollbar-thumb {
  border-radius: .5rem;
}

.\[\&\>div\:\:-webkit-scrollbar-thumb\]\:bg-soft > div::-webkit-scrollbar-thumb {
  background-color: var(--kds-background-soft);
}

.\[\&\>div\:\:-webkit-scrollbar-track\]\:bg-transparent > div::-webkit-scrollbar-track {
  background-color: #0000;
}

.\[\&\>div\:\:-webkit-scrollbar\]\:w-1 > div::-webkit-scrollbar {
  width: .25rem;
}

.\[\&\>div\:\:-webkit-scrollbar\]\:bg-transparent > div::-webkit-scrollbar {
  background-color: #0000;
}

.\[\&\>div\]\:relative > div {
  position: relative;
}

.\[\&\>div\]\:self-center > div {
  align-self: center;
}

.\[\&\>input\]\:h-12 > input {
  height: 3rem;
}

.\[\&\>input\]\:py-0 > input {
  padding-top: 0;
  padding-bottom: 0;
}

.\[\&\>input\]\:text-\[16px\] > input {
  font-size: 16px;
}

.\[\&\>input\]\:text-sm > input {
  font-size: .875rem;
  line-height: 1.25rem;
}

.\[\&\>input\]\:font-normal > input {
  font-weight: 400;
}

.\[\&\>input\]\:text-primary > input {
  color: var(--kds-text-primary);
}

.\[\&\>input\]\:placeholder\:text-secondary > input::placeholder {
  color: var(--kds-text-secondary);
}

.\[\&\>input\]\:placeholder\:text-tertiary > input::placeholder {
  color: var(--kds-text-tertiary);
}

.\[\&\>li\>div\]\:h-full > li > div, .\[\&\>li\]\:h-full > li {
  height: 100%;
}

[dir="ltr"] .\[\&\>span\]\:ms-1\.5 > span {
  margin-left: .375rem;
}

[dir="rtl"] .\[\&\>span\]\:ms-1\.5 > span {
  margin-right: .375rem;
}

[dir="ltr"] .\[\&\>span\]\:ms-2 > span {
  margin-left: .5rem;
}

[dir="rtl"] .\[\&\>span\]\:ms-2 > span {
  margin-right: .5rem;
}

.\[\&\>span\]\:inline-block > span {
  display: inline-block;
}

.\[\&\>span\]\:origin-center > span {
  transform-origin: center;
}

.\[\&\>span\]\:scale-\[0\.833\] > span {
  --tw-scale-x: .833;
  --tw-scale-y: .833;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>span\]\:overflow-hidden > span {
  overflow: hidden;
}

.\[\&\>span\]\:text-ellipsis > span {
  text-overflow: ellipsis;
}

.\[\&\>span\]\:whitespace-nowrap > span {
  white-space: nowrap;
}

.\[\&\>span\]\:text-xs > span {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&\>span\]\:font-medium > span {
  font-weight: 500;
}

.\[\&\>span\]\:leading-\[140\%\] > span {
  line-height: 140%;
}

.\[\&\>span\]\:\!text-inherit > span {
  color: inherit !important;
}

[dir="ltr"] .\[\&\>svg\]\:me-2 > svg {
  margin-right: .5rem;
}

[dir="rtl"] .\[\&\>svg\]\:me-2 > svg {
  margin-left: .5rem;
}

.first\:\[\&\]\:pt-0:first-child {
  padding-top: 0;
}

.\[\&_\.AnimateDropdown-overlay\]\:absolute .AnimateDropdown-overlay {
  position: absolute;
}

.\[\&_\.AnimateDropdown-overlay\]\:bottom-0 .AnimateDropdown-overlay {
  bottom: 0;
}

.\[\&_\.AnimateDropdown-overlay\]\:top-auto .AnimateDropdown-overlay {
  top: auto;
}

.\[\&_\.feedContent\]\:px-8 .feedContent {
  padding-left: 2rem;
  padding-right: 2rem;
}

.\[\&_\.feedContent\]\:pb-5 .feedContent {
  padding-bottom: 1.25rem;
}

.\[\&_\.highlight\]\:text-primary .highlight {
  color: var(--kds-text-primary);
}

.\[\&_\.kux-button\.kux-button-outlined\]\:rounded-xl .kux-button.kux-button-outlined {
  border-radius: .75rem;
}

.\[\&_\.kux-button\.kux-button-outlined\]\:border .kux-button.kux-button-outlined {
  border-width: 1px;
}

.\[\&_\.kux-button\.kux-button-outlined\]\:border-default .kux-button.kux-button-outlined {
  border-color: var(--kds-border);
}

.\[\&_\.kux-modal-content\]\:p-0 .kux-modal-content {
  padding: 0;
}

.\[\&_\.logo\]\:align-middle .logo {
  vertical-align: middle;
}

[dir="ltr"] .\[\&_\.navListItem\]\:me-5 .navListItem {
  margin-right: 1.25rem;
}

[dir="rtl"] .\[\&_\.navListItem\]\:me-5 .navListItem {
  margin-left: 1.25rem;
}

[dir="ltr"] .\[\&_\.navUserItem\[data-menu\=\"notice\"\]\>span\]\:ms-0 .navUserItem[data-menu="notice"] > span {
  margin-left: 0;
}

[dir="rtl"] .\[\&_\.navUserItem\[data-menu\=\"notice\"\]\>span\]\:ms-0 .navUserItem[data-menu="notice"] > span {
  margin-right: 0;
}

.\[\&_\.navUserItem\[data-menu\=\"notice\"\]\>span\]\:h-8 .navUserItem[data-menu="notice"] > span {
  height: 2rem;
}

.\[\&_\.navUserItem\[data-menu\=\"notice\"\]\>span\]\:w-8 .navUserItem[data-menu="notice"] > span {
  width: 2rem;
}

.\[\&_\.navUserItem\[data-menu\=\"notice\"\]_svg\]\:w-4 .navUserItem[data-menu="notice"] svg {
  width: 1rem;
}

.\[\&_\.navUserItem\[data-menu\=\"search\"\]\]\:hidden .navUserItem[data-menu="search"] {
  display: none;
}

.\[\&_\.navUserItem\]\:flex .navUserItem {
  display: flex;
}

.\[\&_\.navUserItem\]\:w-auto .navUserItem {
  width: auto;
}

.\[\&_\.navUserItem\]\:w-full .navUserItem {
  width: 100%;
}

.\[\&_\.navUserItem\]\:shrink-0 .navUserItem {
  flex-shrink: 0;
}

.\[\&_\.navUserItem\]\:cursor-pointer .navUserItem {
  cursor: pointer;
}

.\[\&_\.navUserItem\]\:items-center .navUserItem {
  align-items: center;
}

.\[\&_\.navUserItem\]\:justify-center .navUserItem {
  justify-content: center;
}

.\[\&_\.navUserItem\]\:whitespace-nowrap .navUserItem {
  white-space: nowrap;
}

.\[\&_\.navUserItem\]\:bg-clip-border .navUserItem {
  background-clip: border-box;
}

.\[\&_\.navUserItem\]\:p-0 .navUserItem {
  padding: 0;
}

.\[\&_\.navUserItem\]\:text-\[14px\] .navUserItem {
  font-size: 14px;
}

.\[\&_\.navUserItem\]\:text-primary .navUserItem {
  color: var(--kds-text-primary);
}

.\[\&_\.navUserItem\]\:no-underline .navUserItem {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.\[\&_\.navUtilityIcons\]\:shrink-0 .navUtilityIcons {
  flex-shrink: 0;
}

.\[\&_a\:hover\]\:bg-neutral\/2 a:hover {
  background-color: rgba(var(--kds-neutral),.02);
}

.\[\&_a\:hover\]\:text-primary a:hover {
  color: var(--kds-text-primary);
}

.\[\&_a\]\:block a {
  display: block;
}

.\[\&_a\]\:\!inline-block a {
  display: inline-block !important;
}

.\[\&_a\]\:flex a {
  display: flex;
}

.\[\&_a\]\:h-10 a {
  height: 2.5rem;
}

.\[\&_a\]\:\!w-auto a {
  width: auto !important;
}

.\[\&_a\]\:w-fit a {
  width: fit-content;
}

.\[\&_a\]\:w-full a {
  width: 100%;
}

.\[\&_a\]\:cursor-pointer a {
  cursor: pointer;
}

.\[\&_a\]\:items-center a {
  align-items: center;
}

.\[\&_a\]\:break-words a {
  overflow-wrap: break-word;
}

.\[\&_a\]\:\!py-0 a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.\[\&_a\]\:px-6 a {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.\[\&_a\]\:py-1 a {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.\[\&_a\]\:\!text-\[12px\] a {
  font-size: 12px !important;
}

.\[\&_a\]\:text-sm a {
  font-size: .875rem;
  line-height: 1.25rem;
}

.\[\&_a\]\:\!leading-\[1\.4\] a {
  line-height: 1.4 !important;
}

.\[\&_a\]\:leading-\[1\.4\] a {
  line-height: 1.4;
}

.\[\&_a\]\:\!text-brandgreen a {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--kds-brandgreen),var(--tw-text-opacity, 1)) !important;
}

.\[\&_a\]\:text-primary a {
  color: var(--kds-text-primary);
}

.\[\&_a\]\:text-secondary a {
  color: var(--kds-text-secondary);
}

.\[\&_a\]\:underline a {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.\[\&_a\]\:no-underline a {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.hover\:\[\&_a\]\:\!text-brandgreen a:hover {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--kds-brandgreen),var(--tw-text-opacity, 1)) !important;
}

.hover\:\[\&_a\]\:text-primary a:hover {
  color: var(--kds-text-primary);
}

.\[\&_dd\]\:m-0 dd {
  margin: 0;
}

.\[\&_dd\]\:p-0 dd {
  padding: 0;
}

.\[\&_h4\:first-child\]\:mb-1 h4:first-child {
  margin-bottom: .25rem;
}

.\[\&_h4\:first-child\]\:mt-0 h4:first-child {
  margin-top: 0;
}

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

.\[\&_h4\]\:text-sm h4 {
  font-size: .875rem;
  line-height: 1.25rem;
}

.\[\&_h4\]\:font-medium h4 {
  font-weight: 500;
}

.\[\&_h4\]\:leading-\[22px\] h4 {
  line-height: 22px;
}

.\[\&_h4\]\:text-secondary h4 {
  color: var(--kds-text-secondary);
}

.\[\&_img\]\:h-5 img {
  height: 1.25rem;
}

.\[\&_img\]\:h-6 img {
  height: 1.5rem;
}

.\[\&_img\]\:h-7 img {
  height: 1.75rem;
}

.\[\&_img\]\:w-5 img {
  width: 1.25rem;
}

.\[\&_img\]\:w-6 img {
  width: 1.5rem;
}

.\[\&_img\]\:w-7 img {
  width: 1.75rem;
}

.\[\&_img\]\:rounded-full img {
  border-radius: 9999px;
}

.\[\&_img\]\:object-contain img {
  -o-object-fit: contain;
  object-fit: contain;
}

.\[\&_input\]\:h-12 input {
  height: 3rem;
}

.\[\&_input\]\:py-0 input {
  padding-top: 0;
  padding-bottom: 0;
}

.\[\&_input\]\:text-primary input {
  color: var(--kds-text-primary);
}

.\[\&_input\]\:placeholder\:text-tertiary input::placeholder {
  color: var(--kds-text-tertiary);
}

.\[\&_li\]\:text-sm li {
  font-size: .875rem;
  line-height: 1.25rem;
}

.\[\&_li\]\:font-normal li {
  font-weight: 400;
}

.\[\&_li\]\:leading-5 li {
  line-height: 1.25rem;
}

.\[\&_li\]\:text-secondary li {
  color: var(--kds-text-secondary);
}

.\[\&_ol\]\:m-0 ol {
  margin: 0;
}

.\[\&_ol\]\:list-none ol {
  list-style-type: none;
}

.\[\&_ol\]\:p-0 ol {
  padding: 0;
}

.\[\&_p\]\:m-0 p {
  margin: 0;
}

.\[\&_p\]\:text-xs p {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&_p\]\:font-normal p {
  font-weight: 400;
}

.\[\&_p\]\:leading-5 p {
  line-height: 1.25rem;
}

.\[\&_p\]\:text-secondary p {
  color: var(--kds-text-secondary);
}

[dir="ltr"] .\[\&_span\]\:ms-0\.5 span {
  margin-left: .125rem;
}

[dir="rtl"] .\[\&_span\]\:ms-0\.5 span {
  margin-right: .125rem;
}

.\[\&_span\]\:flex span {
  display: flex;
}

.\[\&_span\]\:scale-75 span {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&_span\]\:text-xs span {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&_span\]\:font-normal span {
  font-weight: 400;
}

.\[\&_span\]\:font-semibold span {
  font-weight: 600;
}

.\[\&_span\]\:leading-\[130\%\] span {
  line-height: 130%;
}

.\[\&_span\]\:leading-none span {
  line-height: 1;
}

.\[\&_span\]\:text-tertiary span {
  color: var(--kds-text-tertiary);
}

[dir="ltr"] .\[\&_svg\]\:ms-1 svg {
  margin-left: .25rem;
}

[dir="rtl"] .\[\&_svg\]\:ms-1 svg {
  margin-right: .25rem;
}

.\[\&_svg\]\:block svg {
  display: block;
}

.\[\&_svg\]\:h-4 svg {
  height: 1rem;
}

.\[\&_svg\]\:w-4 svg {
  width: 1rem;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&_svg\]\:text-disabled svg {
  color: var(--kds-text-disabled);
}

.\[\&_svg\]\:opacity-40 svg {
  opacity: .4;
}

.hover\:\[\&_svg\]\:text-brandgreen svg:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--kds-brandgreen),var(--tw-text-opacity, 1));
}

@media not all and (min-width: 768px) {
  .max-md\:\[\&_svg\]\:h-4 svg {
    height: 1rem;
  }

  .max-md\:\[\&_svg\]\:w-4 svg {
    width: 1rem;
  }
}

.\[\&_svg_path\]\:fill-brandgreen svg path {
  fill: rgba(var(--kds-brandgreen),1);
}

.\[\&_tr\:last-of-type\>td\]\:border-b-0 tr:last-of-type > td {
  border-bottom-width: 0;
}

.\[\&_ul\]\:m-0 ul {
  margin: 0;
}

.\[\&_ul\]\:p-0 ul {
  padding: 0;
}