/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
@layer properties;
:root, :host {
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-orange-50: oklch(98% 0.016 73.684);
  --color-orange-100: oklch(95.4% 0.038 75.164);
  --color-orange-200: oklch(90.1% 0.076 70.697);
  --color-orange-300: oklch(83.7% 0.128 66.29);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-orange-600: oklch(64.6% 0.222 41.116);
  --color-orange-700: oklch(55.3% 0.195 38.402);
  --color-orange-800: oklch(47% 0.157 37.304);
  --color-orange-900: oklch(40.8% 0.123 38.172);
  --color-orange-950: oklch(26.6% 0.079 36.259);
  --color-yellow-100: oklch(97.3% 0.071 103.193);
  --color-yellow-300: oklch(90.5% 0.182 98.111);
  --color-yellow-400: oklch(85.2% 0.199 91.936);
  --color-yellow-800: oklch(47.6% 0.114 61.907);
  --color-yellow-900: oklch(42.1% 0.095 57.708);
  --color-lime-500: oklch(76.8% 0.233 130.85);
  --color-lime-600: oklch(64.8% 0.2 131.684);
  --color-green-100: oklch(96.2% 0.044 156.743);
  --color-green-300: oklch(87.1% 0.15 154.449);
  --color-green-400: oklch(79.2% 0.209 151.711);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-green-900: oklch(39.3% 0.095 152.535);
  --color-emerald-50: oklch(97.9% 0.021 166.113);
  --color-emerald-100: oklch(95% 0.052 163.051);
  --color-emerald-200: oklch(90.5% 0.093 164.15);
  --color-emerald-300: oklch(84.5% 0.143 164.978);
  --color-emerald-600: oklch(59.6% 0.145 163.225);
  --color-emerald-700: oklch(50.8% 0.118 165.612);
  --color-emerald-800: oklch(43.2% 0.095 166.913);
  --color-emerald-900: oklch(37.8% 0.077 168.94);
  --color-emerald-950: oklch(26.2% 0.051 172.552);
  --color-teal-500: oklch(70.4% 0.14 182.503);
  --color-teal-600: oklch(60% 0.118 184.704);
  --color-cyan-500: oklch(71.5% 0.143 215.221);
  --color-cyan-600: oklch(60.9% 0.126 221.723);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-900: oklch(37.9% 0.146 265.522);
  --color-blue-950: oklch(28.2% 0.091 267.935);
  --color-indigo-100: oklch(93% 0.034 272.788);
  --color-indigo-300: oklch(78.5% 0.115 274.713);
  --color-indigo-500: oklch(58.5% 0.233 277.117);
  --color-indigo-600: oklch(51.1% 0.262 276.966);
  --color-indigo-800: oklch(39.8% 0.195 277.366);
  --color-indigo-900: oklch(35.9% 0.144 278.697);
  --color-purple-100: oklch(94.6% 0.033 307.174);
  --color-purple-300: oklch(82.7% 0.119 306.383);
  --color-purple-500: oklch(62.7% 0.265 303.9);
  --color-purple-600: oklch(55.8% 0.288 302.321);
  --color-purple-800: oklch(43.8% 0.218 303.724);
  --color-purple-900: oklch(38.1% 0.176 304.987);
  --color-fuchsia-500: oklch(66.7% 0.295 322.15);
  --color-fuchsia-600: oklch(59.1% 0.293 322.896);
  --color-pink-100: oklch(94.8% 0.028 342.258);
  --color-pink-200: oklch(89.9% 0.061 343.231);
  --color-pink-300: oklch(82.3% 0.12 346.018);
  --color-pink-500: oklch(65.6% 0.241 354.308);
  --color-pink-600: oklch(59.2% 0.249 0.584);
  --color-pink-800: oklch(45.9% 0.187 3.815);
  --color-pink-900: oklch(40.8% 0.153 2.432);
  --color-rose-50: oklch(96.9% 0.015 12.422);
  --color-rose-100: oklch(94.1% 0.03 12.58);
  --color-rose-200: oklch(89.2% 0.058 10.001);
  --color-rose-300: oklch(81% 0.117 11.638);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-700: oklch(51.4% 0.222 16.935);
  --color-rose-800: oklch(45.5% 0.188 13.697);
  --color-rose-900: oklch(41% 0.159 10.272);
  --color-rose-950: oklch(27.1% 0.105 12.094);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-gray-950: oklch(13% 0.028 261.692);
  --color-white: #fff;
  --spacing: 0.25rem;
  --breakpoint-xl: 80rem;
  --container-lg: 32rem;
  --container-5xl: 64rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --tracking-tight: -0.4px;
  --tracking-wider: 0.05em;
  --leading-relaxed: 1.625;
  --radius-xs: 4px;
  --radius-md: 0.375rem;
  --radius-lg: 16px;
  --radius-3xl: 1.5rem;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --radius: 8px;
  --leading-none: 1;
  --leading-5: 20px;
  --radius-base: 12px;
  --color-body: var(--color-gray-600);
  --color-body-subtle: var(--color-gray-500);
  --color-heading: var(--color-gray-900);
  --color-fg-danger: var(--color-rose-700);
  --color-fg-danger-strong: var(--color-rose-900);
  --color-fg-disabled: var(--color-gray-400);
  --color-neutral-primary-soft: var(--color-white);
  --color-neutral-primary-medium: var(--color-white);
  --color-neutral-secondary-medium: var(--color-gray-50);
  --color-neutral-tertiary: var(--color-gray-100);
  --color-neutral-tertiary-medium: var(--color-gray-100);
  --color-neutral-quaternary: var(--color-gray-200);
  --color-neutral-quaternary-medium: var(--color-gray-200);
  --color-gray: var(--color-gray-300);
  --color-brand-soft: var(--color-blue-100);
  --color-brand: var(--color-blue-700);
  --color-brand-medium: var(--color-blue-200);
  --color-danger-soft: var(--color-rose-50);
  --color-danger: var(--color-rose-700);
  --color-muted: var(--color-gray-50);
  --color-light: var(--color-gray-100);
  --color-default: var(--color-gray-200);
  --color-default-medium: var(--color-gray-200);
  --color-brand-subtle: var(--color-blue-200);
  --font-quicksand: 'Quicksand', sans-serif;
  --shadow-line: 0 0 0 1px rgba(0, 26, 108, 0.2) inset;
  --shadow-darkline: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  --shadow-diffuse: 0 20px 40px 0 rgba(232, 49, 85, 0.2);
  --color-marketdata-lightorange: #ffdfb9;
  --color-marketdata-darkorange: #e83155;
  --color-marketdata-lightblue: #0085f2;
  --color-marketdata-darkblue: #003286;
  --color-marketdata-bluebg: #001a6c;
  --color-note-bg: rgb(253, 253, 254);
  --color-note-border: rgb(212, 213, 216);
  --color-note-text: rgb(71, 71, 72);
  --color-note-darkbg: rgb(71, 71, 72);
  --color-note-darkborder: rgb(212, 213, 216);
  --color-note-darktext: rgb(253, 253, 254);
  --color-tip-bg: rgb(230, 246, 230);
  --color-tip-border: rgb(0, 148, 0);
  --color-tip-text: rgb(0, 49, 0);
  --color-tip-darkbg: rgb(0, 49, 0);
  --color-tip-darkborder: rgb(0, 148, 0);
  --color-tip-darktext: rgb(230, 246, 230);
  --color-info-bg: rgb(238, 249, 253);
  --color-info-border: rgb(76, 179, 212);
  --color-info-text: rgb(25, 60, 71);
  --color-info-darkbg: rgb(25, 60, 71);
  --color-info-darkborder: rgb(76, 179, 212);
  --color-info-darktext: rgb(238, 249, 253);
  --color-warning-bg: rgb(255, 248, 230);
  --color-warning-border: rgb(230, 167, 0);
  --color-warning-text: rgb(77, 56, 0);
  --color-warning-darkbg: rgb(77, 56, 0);
  --color-warning-darkborder: rgb(230, 167, 0);
  --color-warning-darktext: rgb(255, 248, 230);
  --color-danger-bg: rgb(255, 235, 236);
  --color-danger-border: rgb(225, 50, 56);
  --color-danger-text: rgb(75, 17, 19);
  --color-danger-darkbg: rgb(75, 17, 19);
  --color-danger-darkborder: rgb(225, 50, 56);
  --color-danger-darktext: rgb(255, 235, 236);
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
.visible {
  visibility: visible;
}
.radio-button-input {
  background-color: var(--radio-btn-bg, var(--color-gray-50));
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  appearance: none;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  color: var(--color-brand);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-600);
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand-subtle);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  position: relative;
  margin-top: calc(var(--spacing) * 0.5);
  flex-shrink: 0;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    border-color: var(--color-light);
  }
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    background-color: var(--radio-btn-bg, var(--color-gray-800));
  }
  &:checked {
    border-color: var(--color-brand);
  }
  &:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 100%;
    background-color: var(--color-brand);
    transform: translate(-50%, -50%);
  }
  &:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 100%;
    background-color: var(--color-white);
    transform: translate(-50%, -50%);
  }
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.start {
  inset-inline-start: var(--spacing);
}
.end {
  inset-inline-end: var(--spacing);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.z-40 {
  z-index: 40;
}
.grid-content-container {
  grid-column: span 12 / span 12;
  margin-inline: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 4);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-quaternary);
  background-color: var(--color-neutral-primary-medium);
  padding: calc(var(--spacing) * 4);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
  @media (width >= 80rem) {
    padding: calc(var(--spacing) * 8);
  }
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  @media (width >= 80rem) {
    grid-column: span 10 / span 10;
  }
  @media (width >= 80rem) {
    grid-column-start: 2;
  }
  @media (width >= 80rem) {
    margin-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 80rem) {
    margin-bottom: calc(var(--spacing) * 16);
  }
  @media (width >= 96rem) {
    grid-column: span 8 / span 8;
  }
  @media (width >= 96rem) {
    grid-column-start: 3;
  }
}
.grid-content-position {
  grid-column: span 12 / span 12;
  margin-inline: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 80rem) {
    grid-column: span 10 / span 10;
  }
  @media (width >= 80rem) {
    grid-column-start: 2;
  }
  @media (width >= 80rem) {
    margin-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 96rem) {
    grid-column: span 8 / span 8;
  }
  @media (width >= 96rem) {
    grid-column-start: 3;
  }
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.cta-banner-inner {
  margin-inline: auto;
  max-width: var(--breakpoint-xl);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 8);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 16);
  }
}
.mx-0 {
  margin-inline: calc(var(--spacing) * 0);
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-auto {
  margin-inline: auto;
}
.admonition {
  margin-block: calc(var(--spacing) * 4);
  border-radius: var(--radius-lg);
  padding: calc(var(--spacing) * 4);
  background-color: var(--admonition-bg);
  border-left: 4px solid var(--admonition-border);
  color: var(--admonition-text);
}
.ms-2 {
  margin-inline-start: calc(var(--spacing) * 2);
}
.badge-pill-blue {
  margin-inline-end: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-400);
  background-color: var(--color-blue-100);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-800);
  text-transform: capitalize;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-blue-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-blue-300);
  }
}
.badge-pill-red {
  margin-inline-end: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-red-400);
  background-color: var(--color-red-100);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-red-800);
  text-transform: capitalize;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-red-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-red-300);
  }
}
.badge-pill-green {
  margin-inline-end: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green-400);
  background-color: var(--color-green-100);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-green-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-green-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-green-300);
  }
}
.badge-pill {
  margin-inline-end: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.admonition-content {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  & > * + * {
    margin-top: calc(var(--spacing) * 3);
  }
  & > :last-child {
    margin-bottom: 0;
  }
  & a {
    color: inherit;
    text-decoration-line: underline;
    text-underline-offset: 2px;
  }
  & code {
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: 0.85em;
    background-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, currentColor 15%, transparent);
    }
  }
  & ul {
    list-style-type: disc;
    padding-inline-start: calc(var(--spacing) * 5);
  }
  & ol {
    list-style-type: decimal;
    padding-inline-start: calc(var(--spacing) * 5);
  }
  & li + li {
    margin-top: calc(var(--spacing) * 1);
  }
}
.cta-banner-action {
  margin-top: calc(var(--spacing) * 6);
  width: 100%;
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.form-helper-text {
  margin-top: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-subtle);
  &::first-letter {
    text-transform: uppercase;
  }
}
.form-helper-text-error {
  margin-top: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-fg-danger);
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-12 {
  margin-top: calc(var(--spacing) * 12);
}
.admonition-heading {
  margin-bottom: calc(var(--spacing) * 2);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}
.form-label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-heading);
}
.cta-banner-heading {
  margin-bottom: calc(var(--spacing) * 4);
  width: 100%;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  @media (width >= 40rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.cta-banner-text {
  margin-bottom: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: var(--color-gray-400);
  @media (width >= 40rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.form-heading {
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-heading);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.-ml-px {
  margin-left: -1px;
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.admonition-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  -webkit-mask-image: var(--admonition-icon);
  mask-image: var(--admonition-icon);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.radio-group-item {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: flex-start;
  gap: calc(var(--spacing) * 3);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.form-input-disabled {
  display: block;
  width: 100%;
  cursor: not-allowed;
  border-radius: var(--radius-base);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  background-color: var(--color-gray-100);
  padding: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray-900);
  &:focus {
    border-color: var(--color-brand);
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-600);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-700);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-400);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
}
.form-dropdown-input {
  display: block;
  width: 100%;
  border-radius: var(--radius-base);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-gray-300);
  background-color: var(--color-gray-50);
  padding-block: calc(var(--spacing) * 2.5);
  padding-inline-start: calc(var(--spacing) * 3);
  padding-inline-end: calc(var(--spacing) * 10);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-heading);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    border-color: var(--color-brand);
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-600);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-700);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3e%3c/svg%3e");
  }
}
.form-input {
  display: block;
  width: 100%;
  border-radius: var(--radius-base);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-gray-300);
  background-color: var(--color-gray-50);
  padding: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-heading);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    border-color: var(--color-brand);
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-600);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-700);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
}
.btn-orange-to-outline {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  --tw-border-style: none;
  border-style: none;
  background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
  color: var(--color-white);
  --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    @media (hover: hover) {
      background-image: none;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-marketdata-darkblue);
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-pink-200);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:focus {
      --tw-ring-color: var(--color-pink-800);
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.btn-blue-to-outline {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  --tw-border-style: none;
  border-style: none;
  background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
  color: var(--color-white);
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    @media (hover: hover) {
      background-image: none;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-marketdata-darkblue);
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand-medium);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.btn-orange-to-blue {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  --tw-border-style: none;
  border-style: none;
  background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
  color: var(--color-white);
  --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-pink-200);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:focus {
      --tw-ring-color: var(--color-pink-800);
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.btn-blue-to-orange {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  --tw-border-style: none;
  border-style: none;
  background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
  color: var(--color-white);
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand-medium);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.btn-hover-orange {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  background-color: transparent;
  color: var(--color-marketdata-darkblue);
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-pink-200);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:focus {
      --tw-ring-color: var(--color-pink-800);
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: none;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        color: var(--color-marketdata-darkblue);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.btn-outline-to-orange {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  background-color: transparent;
  color: var(--color-marketdata-darkblue);
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-pink-200);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:focus {
      --tw-ring-color: var(--color-pink-800);
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: none;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        color: var(--color-marketdata-darkblue);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.btn-hover-blue {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  background-color: transparent;
  color: var(--color-marketdata-darkblue);
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand-medium);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: none;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        color: var(--color-marketdata-darkblue);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.btn-outline-to-blue {
  display: inline-flex;
  max-width: max-content;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  text-align: center;
  white-space: nowrap;
  text-decoration-line: none;
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
  font-family: var(--font-quicksand);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  background-color: transparent;
  color: var(--color-marketdata-darkblue);
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand-medium);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  cursor: pointer;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: none;
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        color: var(--color-marketdata-darkblue);
      }
    }
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.grid-layout-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: calc(var(--spacing) * 4);
}
.cta-banner-content {
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 16);
  @media (width >= 64rem) {
    display: flex;
  }
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 24);
  }
}
.radio-button-helper {
  display: block;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-body-subtle);
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.checkbox-input {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  appearance: none;
  border-radius: var(--radius-xs);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-medium);
  background-color: var(--color-neutral-secondary-medium);
  color: var(--color-brand);
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-brand-soft);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  flex-shrink: 0;
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    border-color: var(--color-light);
  }
  background-position: center;
  background-repeat: no-repeat;
  &:checked {
    background-color: var(--color-brand);
    border-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
  }
  &:disabled:checked {
    background-color: var(--color-default-medium);
  }
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-24 {
  height: calc(var(--spacing) * 24);
}
.max-h-24 {
  max-height: calc(var(--spacing) * 24);
}
.max-h-32 {
  max-height: calc(var(--spacing) * 32);
}
.min-h-20 {
  min-height: calc(var(--spacing) * 20);
}
.min-h-30 {
  min-height: calc(var(--spacing) * 30);
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-full {
  width: 100%;
}
.max-w-5xl {
  max-width: var(--container-5xl);
}
.max-w-48 {
  max-width: calc(var(--spacing) * 48);
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-max {
  max-width: max-content;
}
.max-w-none {
  max-width: none;
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.flex-shrink {
  flex-shrink: 1;
}
.shrink {
  flex-shrink: 1;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.resize-x {
  resize: horizontal;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_0\.5rem_repeat\(3\,minmax\(0\,1fr\)\)\] {
  grid-template-columns: repeat(3,minmax(0,1fr)) 0.5rem repeat(3,minmax(0,1fr));
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-12 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-16 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.radio-group-container {
  --radio-btn-bg: var(--color-gray-100);
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-300);
  }
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-gray-300);
  background-color: var(--color-gray-50);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-600);
    }
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-600);
  }
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    background-color: var(--radio-group-bg, var(--color-gray-800));
    --radio-btn-bg: var(--form-radio-btn-bg, var(--color-gray-900));
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.form-container {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-quaternary);
  background-color: var(--color-neutral-primary-medium);
  padding: calc(var(--spacing) * 4);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
  @media (width >= 80rem) {
    padding: calc(var(--spacing) * 8);
  }
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    --radio-group-bg: var(--color-gray-700);
    --form-radio-btn-bg: var(--color-gray-800);
  }
}
.card-surface {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-quaternary);
  background-color: var(--color-neutral-primary-medium);
  padding: calc(var(--spacing) * 4);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
  @media (width >= 80rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.cta-banner-card {
  border-radius: var(--radius-lg);
  background-color: var(--color-gray-900);
  padding: calc(var(--spacing) * 6);
  color: var(--color-white);
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 12);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-800);
  }
}
.badge {
  border-radius: var(--radius-xs);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.rounded {
  border-radius: var(--radius);
}
.rounded-base {
  border-radius: var(--radius-base);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-l-lg {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.rounded-r-lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.form-input-error {
  border-color: var(--color-danger);
  color: var(--color-fg-danger-strong);
  &::placeholder {
    color: var(--color-fg-danger-strong);
  }
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    border-color: var(--color-danger);
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-danger);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
.border-blue-200 {
  border-color: var(--color-blue-200);
}
.border-blue-600 {
  border-color: var(--color-blue-600);
}
.border-brand {
  border-color: var(--color-brand);
}
.border-default-medium {
  border-color: var(--color-default-medium);
}
.border-gray {
  border-color: var(--color-gray);
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-marketdata-darkblue\/40 {
  border-color: color-mix(in srgb, #003286 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-marketdata-darkblue) 40%, transparent);
  }
}
.border-marketdata-darkorange\/40 {
  border-color: color-mix(in srgb, #e83155 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-marketdata-darkorange) 40%, transparent);
  }
}
.border-neutral-quaternary {
  border-color: var(--color-neutral-quaternary);
}
.default {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-heading);
  background-color: var(--color-neutral-primary-soft);
}
.badge-blue {
  background-color: var(--color-blue-100);
  color: var(--color-blue-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-blue-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-blue-300);
  }
}
.badge-gray {
  background-color: var(--color-gray-100);
  color: var(--color-gray-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-700);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-300);
  }
}
.badge-green {
  background-color: var(--color-green-100);
  color: var(--color-green-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-green-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-green-300);
  }
}
.badge-indigo {
  background-color: var(--color-indigo-100);
  color: var(--color-indigo-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-indigo-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-indigo-300);
  }
}
.badge-pink {
  background-color: var(--color-pink-100);
  color: var(--color-pink-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-pink-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-pink-300);
  }
}
.badge-purple {
  background-color: var(--color-purple-100);
  color: var(--color-purple-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-purple-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-purple-300);
  }
}
.badge-red {
  background-color: var(--color-red-100);
  color: var(--color-red-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-red-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-red-300);
  }
}
.badge-yellow {
  background-color: var(--color-yellow-100);
  color: var(--color-yellow-800);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-yellow-900);
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-yellow-300);
  }
}
.cta-banner {
  background-color: var(--color-white);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-900);
  }
}
.bg-\[var\(--color-danger-bg\)\] {
  background-color: var(--color-danger-bg);
}
.bg-\[var\(--color-danger-border\)\] {
  background-color: var(--color-danger-border);
}
.bg-\[var\(--color-danger-darkbg\)\] {
  background-color: var(--color-danger-darkbg);
}
.bg-\[var\(--color-danger-darkborder\)\] {
  background-color: var(--color-danger-darkborder);
}
.bg-\[var\(--color-danger-darktext\)\] {
  background-color: var(--color-danger-darktext);
}
.bg-\[var\(--color-danger-text\)\] {
  background-color: var(--color-danger-text);
}
.bg-\[var\(--color-info-bg\)\] {
  background-color: var(--color-info-bg);
}
.bg-\[var\(--color-info-border\)\] {
  background-color: var(--color-info-border);
}
.bg-\[var\(--color-info-darkbg\)\] {
  background-color: var(--color-info-darkbg);
}
.bg-\[var\(--color-info-darkborder\)\] {
  background-color: var(--color-info-darkborder);
}
.bg-\[var\(--color-info-darktext\)\] {
  background-color: var(--color-info-darktext);
}
.bg-\[var\(--color-info-text\)\] {
  background-color: var(--color-info-text);
}
.bg-\[var\(--color-note-bg\)\] {
  background-color: var(--color-note-bg);
}
.bg-\[var\(--color-note-border\)\] {
  background-color: var(--color-note-border);
}
.bg-\[var\(--color-note-darkbg\)\] {
  background-color: var(--color-note-darkbg);
}
.bg-\[var\(--color-note-darkborder\)\] {
  background-color: var(--color-note-darkborder);
}
.bg-\[var\(--color-note-darktext\)\] {
  background-color: var(--color-note-darktext);
}
.bg-\[var\(--color-note-text\)\] {
  background-color: var(--color-note-text);
}
.bg-\[var\(--color-tip-bg\)\] {
  background-color: var(--color-tip-bg);
}
.bg-\[var\(--color-tip-border\)\] {
  background-color: var(--color-tip-border);
}
.bg-\[var\(--color-tip-darkbg\)\] {
  background-color: var(--color-tip-darkbg);
}
.bg-\[var\(--color-tip-darkborder\)\] {
  background-color: var(--color-tip-darkborder);
}
.bg-\[var\(--color-tip-darktext\)\] {
  background-color: var(--color-tip-darktext);
}
.bg-\[var\(--color-tip-text\)\] {
  background-color: var(--color-tip-text);
}
.bg-\[var\(--color-warning-bg\)\] {
  background-color: var(--color-warning-bg);
}
.bg-\[var\(--color-warning-border\)\] {
  background-color: var(--color-warning-border);
}
.bg-\[var\(--color-warning-darkbg\)\] {
  background-color: var(--color-warning-darkbg);
}
.bg-\[var\(--color-warning-darkborder\)\] {
  background-color: var(--color-warning-darkborder);
}
.bg-\[var\(--color-warning-darktext\)\] {
  background-color: var(--color-warning-darktext);
}
.bg-\[var\(--color-warning-text\)\] {
  background-color: var(--color-warning-text);
}
.bg-blue-50 {
  background-color: var(--color-blue-50);
}
.bg-blue-100 {
  background-color: var(--color-blue-100);
}
.bg-blue-600 {
  background-color: var(--color-blue-600);
}
.bg-danger-soft {
  background-color: var(--color-danger-soft);
}
.bg-gray {
  background-color: var(--color-gray);
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-200\/50 {
  background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
  }
}
.bg-gray-800 {
  background-color: var(--color-gray-800);
}
.bg-green-100 {
  background-color: var(--color-green-100);
}
.bg-indigo-100 {
  background-color: var(--color-indigo-100);
}
.bg-marketdata-bluebg {
  background-color: var(--color-marketdata-bluebg);
}
.bg-marketdata-darkblue {
  background-color: var(--color-marketdata-darkblue);
}
.bg-marketdata-darkblue\/20 {
  background-color: color-mix(in srgb, #003286 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-marketdata-darkblue) 20%, transparent);
  }
}
.bg-marketdata-darkorange {
  background-color: var(--color-marketdata-darkorange);
}
.bg-marketdata-darkorange\/20 {
  background-color: color-mix(in srgb, #e83155 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-marketdata-darkorange) 20%, transparent);
  }
}
.bg-marketdata-lightblue {
  background-color: var(--color-marketdata-lightblue);
}
.bg-marketdata-lightorange {
  background-color: var(--color-marketdata-lightorange);
}
.bg-neutral-primary-medium {
  background-color: var(--color-neutral-primary-medium);
}
.bg-neutral-secondary-medium {
  background-color: var(--color-neutral-secondary-medium);
}
.bg-neutral-tertiary-medium {
  background-color: var(--color-neutral-tertiary-medium);
}
.bg-orange-100 {
  background-color: var(--color-orange-100);
}
.bg-purple-100 {
  background-color: var(--color-purple-100);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/90 {
  background-color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.bg-yellow-100 {
  background-color: var(--color-yellow-100);
}
.bg-gradient-blue {
  background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
}
.bg-gradient-orange {
  background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-7 {
  padding-inline: calc(var(--spacing) * 7);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.font-mono {
  font-family: var(--font-mono);
}
.font-quicksand {
  font-family: var(--font-quicksand);
}
.font-sans {
  font-family: var(--font-sans);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.leading-none {
  --tw-leading: var(--leading-none);
  line-height: var(--leading-none);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.text-blue-800 {
  color: var(--color-blue-800);
}
.text-blue-900 {
  color: var(--color-blue-900);
}
.text-body {
  color: var(--color-body);
}
.text-body-subtle {
  color: var(--color-body-subtle);
}
.text-brand {
  color: var(--color-brand);
}
.text-fg-danger {
  color: var(--color-fg-danger);
}
.text-fg-disabled {
  color: var(--color-fg-disabled);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-green-800 {
  color: var(--color-green-800);
}
.text-heading {
  color: var(--color-heading);
}
.text-indigo-800 {
  color: var(--color-indigo-800);
}
.text-marketdata-lightblue {
  color: var(--color-marketdata-lightblue);
}
.text-orange-800 {
  color: var(--color-orange-800);
}
.text-purple-800 {
  color: var(--color-purple-800);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-800 {
  color: var(--color-yellow-800);
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.no-underline {
  text-decoration-line: none;
}
.underline {
  text-decoration-line: underline;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-darkline {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-diffuse {
  --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-line {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-brand {
  --tw-ring-color: var(--color-brand);
}
.ring-brand-medium {
  --tw-ring-color: var(--color-brand-medium);
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.backdrop-blur {
  --tw-backdrop-blur: 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-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.admonition-danger {
  --admonition-bg: var(--color-danger-bg);
  --admonition-border: var(--color-danger-border);
  --admonition-text: var(--color-danger-text);
  --admonition-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3e%3cpath fill-rule='evenodd' d='M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z'/%3e%3c/svg%3e");
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    --admonition-bg: var(--color-danger-darkbg);
    --admonition-border: var(--color-danger-darkborder);
    --admonition-text: var(--color-danger-darktext);
  }
}
.admonition-info {
  --admonition-bg: var(--color-info-bg);
  --admonition-border: var(--color-info-border);
  --admonition-text: var(--color-info-text);
  --admonition-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3e%3cpath fill-rule='evenodd' d='M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z'/%3e%3c/svg%3e");
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    --admonition-bg: var(--color-info-darkbg);
    --admonition-border: var(--color-info-darkborder);
    --admonition-text: var(--color-info-darktext);
  }
}
.admonition-note {
  --admonition-bg: var(--color-note-bg);
  --admonition-border: var(--color-note-border);
  --admonition-text: var(--color-note-text);
  --admonition-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3e%3cpath fill-rule='evenodd' d='M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z'/%3e%3c/svg%3e");
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    --admonition-bg: var(--color-note-darkbg);
    --admonition-border: var(--color-note-darkborder);
    --admonition-text: var(--color-note-darktext);
  }
}
.admonition-tip {
  --admonition-bg: var(--color-tip-bg);
  --admonition-border: var(--color-tip-border);
  --admonition-text: var(--color-tip-text);
  --admonition-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3e%3cpath fill-rule='evenodd' d='M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z'/%3e%3c/svg%3e");
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    --admonition-bg: var(--color-tip-darkbg);
    --admonition-border: var(--color-tip-darkborder);
    --admonition-text: var(--color-tip-darktext);
  }
}
.admonition-warning {
  --admonition-bg: var(--color-warning-bg);
  --admonition-border: var(--color-warning-border);
  --admonition-text: var(--color-warning-text);
  --admonition-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z'/%3e%3c/svg%3e");
  &:where(.dark, .dark *, [data-theme='dark'], [data-theme='dark'] *) {
    --admonition-bg: var(--color-warning-darkbg);
    --admonition-border: var(--color-warning-darkborder);
    --admonition-text: var(--color-warning-darktext);
  }
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-gray-300 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-300);
    }
  }
}
.hover\:bg-neutral-tertiary {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-neutral-tertiary);
    }
  }
}
.hover\:bg-gradient-blue {
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #003286 0%, #0085f2 100%);
    }
  }
}
.hover\:bg-gradient-orange {
  &:hover {
    @media (hover: hover) {
      background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
    }
  }
}
.hover\:text-gray-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-700);
    }
  }
}
.hover\:text-gray-900 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-900);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.focus\:z-10 {
  &:focus {
    z-index: 10;
  }
}
.focus\:ring-2 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-blue-500 {
  &:focus {
    --tw-ring-color: var(--color-blue-500);
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.disabled\:cursor-not-allowed {
  &:disabled {
    cursor: not-allowed;
  }
}
.disabled\:opacity-50 {
  &:disabled {
    opacity: 50%;
  }
}
.disabled\:hover\:bg-gradient-orange {
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(103deg, #e83155 0%, #ffdfb9 100%);
      }
    }
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-3 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.md\:mx-6 {
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 6);
  }
}
.md\:grid-cols-5 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.lg\:p-8 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.lg\:px-10 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
}
.lg\:py-3\.5 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3.5);
  }
}
.lg\:text-base {
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.lg\:leading-none {
  @media (width >= 64rem) {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
}
.xl\:p-8 {
  @media (width >= 80rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.dark\:border-blue-500 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-blue-500);
  }
}
.dark\:border-blue-800 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-blue-800);
  }
}
.dark\:border-gray-600 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-600);
  }
}
.dark\:border-gray-700 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-700);
  }
}
.dark\:border-gray-800 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--color-gray-800);
  }
}
.dark\:bg-blue-900 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-blue-900);
  }
}
.dark\:bg-blue-900\/20 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
    }
  }
}
.dark\:bg-gray-700 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-700);
  }
}
.dark\:bg-gray-700\/30 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
    }
  }
}
.dark\:bg-gray-800 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-gray-800);
  }
}
.dark\:bg-gray-800\/50 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
    }
  }
}
.dark\:bg-gray-900\/90 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
    }
  }
}
.dark\:bg-green-900 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-green-900);
  }
}
.dark\:bg-indigo-900 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-indigo-900);
  }
}
.dark\:bg-orange-900 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-orange-900);
  }
}
.dark\:bg-purple-900 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-purple-900);
  }
}
.dark\:bg-yellow-900 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-yellow-900);
  }
}
.dark\:text-blue-200 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-blue-200);
  }
}
.dark\:text-blue-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-blue-300);
  }
}
.dark\:text-gray-200 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.dark\:text-gray-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-300);
  }
}
.dark\:text-gray-400 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-400);
  }
}
.dark\:text-gray-500 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-500);
  }
}
.dark\:text-green-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-green-300);
  }
}
.dark\:text-indigo-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-indigo-300);
  }
}
.dark\:text-orange-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-orange-300);
  }
}
.dark\:text-purple-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-purple-300);
  }
}
.dark\:text-white {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }
}
.dark\:text-yellow-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-yellow-300);
  }
}
.dark\:shadow-darkline {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.dark\:hover\:bg-gray-600 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-600);
      }
    }
  }
}
.dark\:hover\:bg-gray-700 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
}
.dark\:hover\:text-gray-300 {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-300);
      }
    }
  }
}
.dark\:hover\:text-white {
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
}
.dark {
  --color-body: var(--color-gray-400);
  --color-body-subtle: var(--color-gray-400);
  --color-heading: var(--color-white);
  --color-fg-brand-subtle: var(--color-blue-200);
  --color-fg-brand: var(--color-blue-500);
  --color-fg-brand-strong: var(--color-blue-400);
  --color-fg-success: var(--color-emerald-600);
  --color-fg-success-strong: var(--color-emerald-300);
  --color-fg-danger: var(--color-rose-500);
  --color-fg-danger-strong: var(--color-rose-300);
  --color-fg-warning-subtle: var(--color-orange-500);
  --color-fg-warning: var(--color-orange-300);
  --color-fg-yellow: var(--color-yellow-400);
  --color-fg-disabled: var(--color-gray-600);
  --color-fg-purple: var(--color-purple-500);
  --color-fg-cyan: var(--color-cyan-500);
  --color-fg-indigo: var(--color-indigo-500);
  --color-fg-pink: var(--color-pink-500);
  --color-fg-lime: var(--color-lime-500);
  --color-neutral-primary-soft: var(--color-gray-900);
  --color-neutral-primary: var(--color-gray-950);
  --color-neutral-primary-medium: var(--color-gray-800);
  --color-neutral-primary-strong: var(--color-gray-700);
  --color-neutral-secondary-soft: var(--color-gray-900);
  --color-neutral-secondary: var(--color-gray-950);
  --color-neutral-secondary-medium: var(--color-gray-800);
  --color-neutral-secondary-strong: var(--color-gray-700);
  --color-neutral-secondary-strongest: var(--color-gray-600);
  --color-neutral-tertiary-soft: var(--color-gray-900);
  --color-neutral-tertiary: var(--color-gray-800);
  --color-neutral-tertiary-medium: var(--color-gray-700);
  --color-neutral-quaternary: var(--color-gray-700);
  --color-neutral-quaternary-medium: var(--color-gray-600);
  --color-gray: var(--color-gray-600);
  --color-brand-softer: var(--color-blue-950);
  --color-brand-soft: var(--color-blue-900);
  --color-brand: var(--color-blue-600);
  --color-brand-medium: var(--color-blue-900);
  --color-brand-strong: var(--color-blue-700);
  --color-success-soft: var(--color-emerald-950);
  --color-success: var(--color-emerald-600);
  --color-success-medium: var(--color-emerald-900);
  --color-success-strong: var(--color-emerald-700);
  --color-danger-soft: var(--color-rose-950);
  --color-danger: var(--color-rose-700);
  --color-danger-medium: var(--color-rose-900);
  --color-danger-strong: var(--color-rose-800);
  --color-warning-soft: var(--color-orange-950);
  --color-warning: var(--color-orange-600);
  --color-warning-medium: var(--color-orange-900);
  --color-warning-strong: var(--color-orange-700);
  --color-dark-soft: var(--color-gray-700);
  --color-dark: var(--color-gray-800);
  --color-dark-strong: var(--color-gray-700);
  --color-disabled: var(--color-gray-800);
  --color-purple: var(--color-purple-500);
  --color-sky: var(--color-sky-500);
  --color-teal: var(--color-teal-500);
  --color-pink: var(--color-pink-500);
  --color-cyan: var(--color-cyan-500);
  --color-fuchsia: var(--color-fuchsia-500);
  --color-indigo: var(--color-indigo-500);
  --color-orange: var(--color-orange-400);
  --color-buffer: var(--color-gray-950);
  --color-buffer-medium: var(--color-gray-900);
  --color-buffer-strong: var(--color-gray-800);
  --color-muted: var(--color-gray-900);
  --color-light-subtle: var(--color-gray-900);
  --color-light: var(--color-gray-800);
  --color-light-medium: var(--color-gray-700);
  --color-default-subtle: var(--color-gray-900);
  --color-default: var(--color-gray-800);
  --color-default-medium: var(--color-gray-700);
  --color-default-strong: var(--color-gray-600);
  --color-success-subtle: var(--color-emerald-900);
  --color-danger-subtle: var(--color-rose-900);
  --color-warning-subtle: var(--color-orange-900);
  --color-brand-subtle: var(--color-blue-900);
  --color-brand-light: var(--color-blue-600);
  --color-dark-subtle: var(--color-gray-700);
  --color-dark-backdrop: var(--color-gray-950);
}
.resena-widget, .resena-widget *, .resena-widget *::before, .resena-widget *::after {
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.resena-widget:not(.resena-small) {
  color: #191919;
  text-align: center;
  margin: 0 auto;
  position: relative;
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  justify-content: center;
  max-width: none;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget:not(.resena-small) .resena-enlace {
  color: #191919;
  text-decoration: none;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget:not(.resena-small) .resena-enlace span {
  color: #191919;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget .clientes-dicen {
  color: #191919;
  text-align: center;
  margin: 0 16px 0 0;
  display: none;
  @media (width >= 64rem) {
    display: block;
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget .resena-puntuacion {
  color: #191919;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 500;
  font-size: 18px;
  margin: 0 16px 0 0;
  display: none;
  @media (width >= 64rem) {
    display: block;
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget .resena-estrellas {
  width: 130px;
  margin: 0 16px 0 0;
}
.resena-widget .resena-rating {
  color: #191919;
  margin: 0 16px 0 0;
  display: none;
  @media (width >= 64rem) {
    display: block;
  }
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget .resena-creditos {
  color: #191919;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget .resena-texto {
  color: #191919;
  display: none;
  margin: 0 16px 0 0;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget .traduccion-creditos {
  color: #191919;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-200);
  }
}
.resena-widget .resena-logo {
  width: 80px;
}
.resena-widget .resena-aspecto-estrellas {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 18.326693227091635%;
}
.resena-widget .resena-aspecto-logo {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 24.6031746031746%;
}
.resena-widget .resena-aspecto-estrellas svg, .resena-widget .resena-aspecto-logo svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
}
.resena-widget.resena-small {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.resena-widget.resena-small .resena-enlace {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  color: #191919;
  text-decoration: none;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }
}
.resena-widget.resena-small .resena-enlace svg {
  align-self: flex-start;
  margin-bottom: 4px;
  height: calc(var(--spacing) * 6);
}
.resena-widget.resena-small .resena-enlace .resena-descripcion {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-500);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-gray-400);
  }
}
.resena-widget.resena-small .resena-enlace .resena-numero {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-900);
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-white);
  }
}
.resena-widget .estrella__fondo, .resena-widget .estrella__fondo--mitad {
  fill: #00b67a;
}
.resena-widget .estrella__forma {
  fill: #fff;
}
.resena-widget .logo__texto {
  fill: #191919;
  &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    fill: var(--color-gray-200);
  }
}
.resena-widget .logo__estrella {
  fill: #00b67a;
}
.resena-widget .logo__estrella-marca {
  fill: #005128;
}
:where(.checkbox-input, .radio-button-input):disabled ~ label {
  color: var(--color-fg-disabled);
  cursor: not-allowed;
}
label:has(:where(.checkbox-input, .radio-button-input):disabled) {
  cursor: not-allowed;
}
label:has(:where(.checkbox-input, .radio-button-input):disabled) :where(.text-heading, .radio-button-helper) {
  color: var(--color-fg-disabled);
}
.user-profile-container {
  display: inline-flex;
  min-height: calc(var(--spacing) * 10);
  align-items: center;
  min-width: 7.375rem;
}
.user-profile-wrapper {
  position: relative;
  display: inline-block;
}
.user-profile-wrapper .user-profile-avatar {
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  cursor: pointer;
  border-radius: calc(infinity * 1px);
}
.user-profile-wrapper .user-profile-avatar--img {
  object-fit: cover;
}
.user-profile-wrapper .user-profile-avatar--placeholder {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: var(--color-gray);
}
.user-profile-wrapper .user-profile-dropdown {
  position: absolute;
  right: calc(var(--spacing) * 0);
  z-index: 10;
  width: calc(var(--spacing) * 44);
  border-radius: var(--radius-base);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-medium);
  background-color: var(--color-neutral-primary-medium);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  top: calc(100% + 0.5rem);
  max-width: calc(100vw - 1rem);
}
.user-profile-wrapper .user-profile-dropdown::before {
  content: '';
  position: absolute;
  left: calc(var(--spacing) * 0);
  width: 100%;
  top: -0.5rem;
  height: 0.5rem;
}
.user-profile-wrapper .user-profile-dropdown-menu {
  margin: calc(var(--spacing) * 0);
  list-style-type: none;
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-body);
}
.user-profile-wrapper .user-profile-dropdown-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-default-medium);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-heading);
}
.user-profile-wrapper .user-profile-dropdown-name {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.user-profile-wrapper .user-profile-dropdown-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-profile-wrapper .user-profile-dropdown-link {
  display: block;
  width: 100%;
  border-radius: var(--radius-md);
  padding: calc(var(--spacing) * 2);
  color: inherit;
  text-decoration-line: none;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-neutral-tertiary-medium);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-heading);
    }
  }
  transition: background 0.15s, color 0.15s;
}
.user-profile-wrapper .user-profile-dropdown-divider-above {
  padding-bottom: calc(var(--spacing) * 1.5);
}
.user-profile-wrapper .user-profile-dropdown-divider-below {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-default-medium);
  padding-top: calc(var(--spacing) * 1.5);
}
.user-profile-wrapper .user-profile-dropdown-signout {
  display: block;
  width: 100%;
  border-radius: var(--radius-md);
  padding: calc(var(--spacing) * 2);
  color: var(--color-fg-danger);
  text-decoration-line: none;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-danger-soft);
    }
  }
  transition: background 0.15s, color 0.15s;
}
.user-profile-wrapper .user-profile-login-pill {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-medium);
  background-color: var(--color-neutral-secondary-medium);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2.5);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-5);
  line-height: var(--leading-5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-body);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-neutral-tertiary-medium);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-heading);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-neutral-tertiary);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.user-profile-wrapper .user-profile-login-pill svg {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
}
.user-profile-wrapper .user-profile-login-pill.user-profile-skeleton {
  pointer-events: none;
  animation: var(--animate-pulse);
  color: transparent;
}
.user-profile-wrapper .user-profile-login-pill.user-profile-skeleton svg {
  visibility: hidden;
}
.user-profile-wrapper .user-profile-dropdown-subtext {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-body-subtle);
}
.user-profile-wrapper .user-profile-avatar--placeholder svg {
  position: absolute;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  color: var(--color-body-subtle);
  left: -0.25rem;
}
.theme-toggle-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--spacing) * 1.5);
}
.theme-toggle-wrapper .theme-toggle-button {
  display: inline-flex;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  color: var(--color-body);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-neutral-tertiary-medium);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-body);
    }
  }
  &:active {
    background-color: transparent;
  }
  &:active {
    color: var(--color-body);
  }
  &:focus {
    background-color: transparent;
  }
  &:focus {
    color: var(--color-body);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s;
}
.theme-toggle-wrapper .theme-toggle-icon-light {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
.theme-toggle-wrapper .theme-toggle-icon-dark {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop {
    --tw-border-style: solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-font-weight: initial;
    --tw-leading: initial;
    --tw-tracking: initial;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-divide-y-reverse: 0;
    --tw-outline-style: solid;
    --tw-backdrop-blur: initial;
    --tw-backdrop-brightness: initial;
    --tw-backdrop-contrast: initial;
    --tw-backdrop-grayscale: initial;
    --tw-backdrop-hue-rotate: initial;
    --tw-backdrop-invert: initial;
    --tw-backdrop-opacity: initial;
    --tw-backdrop-saturate: initial;
    --tw-backdrop-sepia: initial;
  }
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-lime-600: oklch(64.8% 0.2 131.684);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-pink-800: oklch(45.9% 0.187 3.815);
    --color-pink-900: oklch(40.8% 0.153 2.432);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-xl: 80rem;
    --container-lg: 32rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.4px;
    --tracking-wider: 0.05em;
    --leading-relaxed: 1.625;
    --radius-xs: 4px;
    --radius-md: 0.375rem;
    --radius-lg: 16px;
    --radius-3xl: 1.5rem;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius: 8px;
    --leading-none: 1;
    --leading-5: 20px;
    --radius-base: 12px;
    --color-body: var(--color-gray-600);
    --color-body-subtle: var(--color-gray-500);
    --color-heading: var(--color-gray-900);
    --color-fg-danger: var(--color-rose-700);
    --color-fg-danger-strong: var(--color-rose-900);
    --color-fg-disabled: var(--color-gray-400);
    --color-neutral-primary-soft: var(--color-white);
    --color-neutral-primary-medium: var(--color-white);
    --color-neutral-secondary-medium: var(--color-gray-50);
    --color-neutral-tertiary: var(--color-gray-100);
    --color-neutral-tertiary-medium: var(--color-gray-100);
    --color-neutral-quaternary: var(--color-gray-200);
    --color-neutral-quaternary-medium: var(--color-gray-200);
    --color-gray: var(--color-gray-300);
    --color-brand-soft: var(--color-blue-100);
    --color-brand: var(--color-blue-700);
    --color-brand-medium: var(--color-blue-200);
    --color-danger-soft: var(--color-rose-50);
    --color-danger: var(--color-rose-700);
    --color-muted: var(--color-gray-50);
    --color-light: var(--color-gray-100);
    --color-default: var(--color-gray-200);
    --color-default-medium: var(--color-gray-200);
    --color-brand-subtle: var(--color-blue-200);
    --font-quicksand: 'Quicksand', sans-serif;
    --shadow-line: 0 0 0 1px rgba(0, 26, 108, 0.2) inset;
    --shadow-darkline: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
    --shadow-diffuse: 0 20px 40px 0 rgba(232, 49, 85, 0.2);
    --color-marketdata-lightorange: #ffdfb9;
    --color-marketdata-darkorange: #e83155;
    --color-marketdata-lightblue: #0085f2;
    --color-marketdata-darkblue: #003286;
    --color-marketdata-bluebg: #001a6c;
    --color-note-bg: rgb(253, 253, 254);
    --color-note-border: rgb(212, 213, 216);
    --color-note-text: rgb(71, 71, 72);
    --color-note-darkbg: rgb(71, 71, 72);
    --color-note-darkborder: rgb(212, 213, 216);
    --color-note-darktext: rgb(253, 253, 254);
    --color-tip-bg: rgb(230, 246, 230);
    --color-tip-border: rgb(0, 148, 0);
    --color-tip-text: rgb(0, 49, 0);
    --color-tip-darkbg: rgb(0, 49, 0);
    --color-tip-darkborder: rgb(0, 148, 0);
    --color-tip-darktext: rgb(230, 246, 230);
    --color-info-bg: rgb(238, 249, 253);
    --color-info-border: rgb(76, 179, 212);
    --color-info-text: rgb(25, 60, 71);
    --color-info-darkbg: rgb(25, 60, 71);
    --color-info-darkborder: rgb(76, 179, 212);
    --color-info-darktext: rgb(238, 249, 253);
    --color-warning-bg: rgb(255, 248, 230);
    --color-warning-border: rgb(230, 167, 0);
    --color-warning-text: rgb(77, 56, 0);
    --color-warning-darkbg: rgb(77, 56, 0);
    --color-warning-darkborder: rgb(230, 167, 0);
    --color-warning-darktext: rgb(255, 248, 230);
    --color-danger-bg: rgb(255, 235, 236);
    --color-danger-border: rgb(225, 50, 56);
    --color-danger-text: rgb(75, 17, 19);
    --color-danger-darkbg: rgb(75, 17, 19);
    --color-danger-darkborder: rgb(225, 50, 56);
    --color-danger-darktext: rgb(255, 235, 236);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .z-40 {
    z-index: 40;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .-ml-px {
    margin-left: -1px;
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-30 {
    min-height: calc(var(--spacing) * 30);
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-full {
    width: 100%;
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-none {
    max-width: none;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-x {
    resize: horizontal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_0\.5rem_repeat\(3\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(3,minmax(0,1fr)) 0.5rem repeat(3,minmax(0,1fr));
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-16 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: var(--radius);
  }
  .rounded-base {
    border-radius: var(--radius-base);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-brand {
    border-color: var(--color-brand);
  }
  .border-default-medium {
    border-color: var(--color-default-medium);
  }
  .border-gray {
    border-color: var(--color-gray);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-marketdata-darkblue\/40 {
    border-color: color-mix(in srgb, #003286 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-marketdata-darkblue) 40%, transparent);
    }
  }
  .border-marketdata-darkorange\/40 {
    border-color: color-mix(in srgb, #e83155 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-marketdata-darkorange) 40%, transparent);
    }
  }
  .border-neutral-quaternary {
    border-color: var(--color-neutral-quaternary);
  }
  .bg-\[var\(--color-danger-bg\)\] {
    background-color: var(--color-danger-bg);
  }
  .bg-\[var\(--color-danger-border\)\] {
    background-color: var(--color-danger-border);
  }
  .bg-\[var\(--color-danger-darkbg\)\] {
    background-color: var(--color-danger-darkbg);
  }
  .bg-\[var\(--color-danger-darkborder\)\] {
    background-color: var(--color-danger-darkborder);
  }
  .bg-\[var\(--color-danger-darktext\)\] {
    background-color: var(--color-danger-darktext);
  }
  .bg-\[var\(--color-danger-text\)\] {
    background-color: var(--color-danger-text);
  }
  .bg-\[var\(--color-info-bg\)\] {
    background-color: var(--color-info-bg);
  }
  .bg-\[var\(--color-info-border\)\] {
    background-color: var(--color-info-border);
  }
  .bg-\[var\(--color-info-darkbg\)\] {
    background-color: var(--color-info-darkbg);
  }
  .bg-\[var\(--color-info-darkborder\)\] {
    background-color: var(--color-info-darkborder);
  }
  .bg-\[var\(--color-info-darktext\)\] {
    background-color: var(--color-info-darktext);
  }
  .bg-\[var\(--color-info-text\)\] {
    background-color: var(--color-info-text);
  }
  .bg-\[var\(--color-note-bg\)\] {
    background-color: var(--color-note-bg);
  }
  .bg-\[var\(--color-note-border\)\] {
    background-color: var(--color-note-border);
  }
  .bg-\[var\(--color-note-darkbg\)\] {
    background-color: var(--color-note-darkbg);
  }
  .bg-\[var\(--color-note-darkborder\)\] {
    background-color: var(--color-note-darkborder);
  }
  .bg-\[var\(--color-note-darktext\)\] {
    background-color: var(--color-note-darktext);
  }
  .bg-\[var\(--color-note-text\)\] {
    background-color: var(--color-note-text);
  }
  .bg-\[var\(--color-tip-bg\)\] {
    background-color: var(--color-tip-bg);
  }
  .bg-\[var\(--color-tip-border\)\] {
    background-color: var(--color-tip-border);
  }
  .bg-\[var\(--color-tip-darkbg\)\] {
    background-color: var(--color-tip-darkbg);
  }
  .bg-\[var\(--color-tip-darkborder\)\] {
    background-color: var(--color-tip-darkborder);
  }
  .bg-\[var\(--color-tip-darktext\)\] {
    background-color: var(--color-tip-darktext);
  }
  .bg-\[var\(--color-tip-text\)\] {
    background-color: var(--color-tip-text);
  }
  .bg-\[var\(--color-warning-bg\)\] {
    background-color: var(--color-warning-bg);
  }
  .bg-\[var\(--color-warning-border\)\] {
    background-color: var(--color-warning-border);
  }
  .bg-\[var\(--color-warning-darkbg\)\] {
    background-color: var(--color-warning-darkbg);
  }
  .bg-\[var\(--color-warning-darkborder\)\] {
    background-color: var(--color-warning-darkborder);
  }
  .bg-\[var\(--color-warning-darktext\)\] {
    background-color: var(--color-warning-darktext);
  }
  .bg-\[var\(--color-warning-text\)\] {
    background-color: var(--color-warning-text);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-danger-soft {
    background-color: var(--color-danger-soft);
  }
  .bg-gray {
    background-color: var(--color-gray);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-200\/50 {
    background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
    }
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-marketdata-bluebg {
    background-color: var(--color-marketdata-bluebg);
  }
  .bg-marketdata-darkblue {
    background-color: var(--color-marketdata-darkblue);
  }
  .bg-marketdata-darkblue\/20 {
    background-color: color-mix(in srgb, #003286 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-marketdata-darkblue) 20%, transparent);
    }
  }
  .bg-marketdata-darkorange {
    background-color: var(--color-marketdata-darkorange);
  }
  .bg-marketdata-darkorange\/20 {
    background-color: color-mix(in srgb, #e83155 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-marketdata-darkorange) 20%, transparent);
    }
  }
  .bg-marketdata-lightblue {
    background-color: var(--color-marketdata-lightblue);
  }
  .bg-marketdata-lightorange {
    background-color: var(--color-marketdata-lightorange);
  }
  .bg-neutral-primary-medium {
    background-color: var(--color-neutral-primary-medium);
  }
  .bg-neutral-secondary-medium {
    background-color: var(--color-neutral-secondary-medium);
  }
  .bg-neutral-tertiary-medium {
    background-color: var(--color-neutral-tertiary-medium);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-quicksand {
    font-family: var(--font-quicksand);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .leading-none {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-body {
    color: var(--color-body);
  }
  .text-body-subtle {
    color: var(--color-body-subtle);
  }
  .text-brand {
    color: var(--color-brand);
  }
  .text-fg-danger {
    color: var(--color-fg-danger);
  }
  .text-fg-disabled {
    color: var(--color-fg-disabled);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-heading {
    color: var(--color-heading);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-marketdata-lightblue {
    color: var(--color-marketdata-lightblue);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-darkline {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-diffuse {
    --tw-shadow: 0 20px 40px 0 var(--tw-shadow-color, rgba(232, 49, 85, 0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-line {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 26, 108, 0.2)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-brand {
    --tw-ring-color: var(--color-brand);
  }
  .ring-brand-medium {
    --tw-ring-color: var(--color-brand-medium);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .backdrop-blur {
    --tw-backdrop-blur: 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-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-neutral-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-tertiary);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .focus\:z-10 {
    &:focus {
      z-index: 10;
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:mx-6 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-3\.5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:leading-none {
    @media (width >= 64rem) {
      --tw-leading: var(--leading-none);
      line-height: var(--leading-none);
    }
  }
  .xl\:p-8 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .dark\:border-blue-500 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-blue-500);
    }
  }
  .dark\:border-blue-800 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-blue-800);
    }
  }
  .dark\:border-gray-600 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-600);
    }
  }
  .dark\:border-gray-700 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:border-gray-800 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-800);
    }
  }
  .dark\:bg-blue-900 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-blue-900);
    }
  }
  .dark\:bg-blue-900\/20 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-gray-700 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-700);
    }
  }
  .dark\:bg-gray-700\/30 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
      }
    }
  }
  .dark\:bg-gray-800 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-800\/50 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-gray-900\/90 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
      }
    }
  }
  .dark\:bg-green-900 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-green-900);
    }
  }
  .dark\:bg-indigo-900 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-indigo-900);
    }
  }
  .dark\:bg-orange-900 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-orange-900);
    }
  }
  .dark\:bg-purple-900 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-purple-900);
    }
  }
  .dark\:bg-yellow-900 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-yellow-900);
    }
  }
  .dark\:text-blue-200 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-blue-200);
    }
  }
  .dark\:text-blue-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-blue-300);
    }
  }
  .dark\:text-gray-200 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-200);
    }
  }
  .dark\:text-gray-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-gray-400 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-400);
    }
  }
  .dark\:text-gray-500 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-500);
    }
  }
  .dark\:text-green-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-green-300);
    }
  }
  .dark\:text-indigo-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-indigo-300);
    }
  }
  .dark\:text-orange-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-orange-300);
    }
  }
  .dark\:text-purple-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-purple-300);
    }
  }
  .dark\:text-white {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-white);
    }
  }
  .dark\:text-yellow-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-yellow-300);
    }
  }
  .dark\:shadow-darkline {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.4)) inset;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:hover\:bg-gray-600 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-600);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-700 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-700);
        }
      }
    }
  }
  .dark\:hover\:text-gray-300 {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-300);
        }
      }
    }
  }
  .dark\:hover\:text-white {
    &:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
}
.dark {
  --color-body: var(--color-gray-400);
  --color-body-subtle: var(--color-gray-400);
  --color-heading: var(--color-white);
  --color-fg-brand-subtle: var(--color-blue-200);
  --color-fg-brand: var(--color-blue-500);
  --color-fg-brand-strong: var(--color-blue-400);
  --color-fg-success: var(--color-emerald-600);
  --color-fg-success-strong: var(--color-emerald-300);
  --color-fg-danger: var(--color-rose-500);
  --color-fg-danger-strong: var(--color-rose-300);
  --color-fg-warning-subtle: var(--color-orange-500);
  --color-fg-warning: var(--color-orange-300);
  --color-fg-yellow: var(--color-yellow-400);
  --color-fg-disabled: var(--color-gray-600);
  --color-fg-purple: var(--color-purple-500);
  --color-fg-cyan: var(--color-cyan-500);
  --color-fg-indigo: var(--color-indigo-500);
  --color-fg-pink: var(--color-pink-500);
  --color-fg-lime: var(--color-lime-500);
  --color-neutral-primary-soft: var(--color-gray-900);
  --color-neutral-primary: var(--color-gray-950);
  --color-neutral-primary-medium: var(--color-gray-800);
  --color-neutral-primary-strong: var(--color-gray-700);
  --color-neutral-secondary-soft: var(--color-gray-900);
  --color-neutral-secondary: var(--color-gray-950);
  --color-neutral-secondary-medium: var(--color-gray-800);
  --color-neutral-secondary-strong: var(--color-gray-700);
  --color-neutral-secondary-strongest: var(--color-gray-600);
  --color-neutral-tertiary-soft: var(--color-gray-900);
  --color-neutral-tertiary: var(--color-gray-800);
  --color-neutral-tertiary-medium: var(--color-gray-700);
  --color-neutral-quaternary: var(--color-gray-700);
  --color-neutral-quaternary-medium: var(--color-gray-600);
  --color-gray: var(--color-gray-600);
  --color-brand-softer: var(--color-blue-950);
  --color-brand-soft: var(--color-blue-900);
  --color-brand: var(--color-blue-600);
  --color-brand-medium: var(--color-blue-900);
  --color-brand-strong: var(--color-blue-700);
  --color-success-soft: var(--color-emerald-950);
  --color-success: var(--color-emerald-600);
  --color-success-medium: var(--color-emerald-900);
  --color-success-strong: var(--color-emerald-700);
  --color-danger-soft: var(--color-rose-950);
  --color-danger: var(--color-rose-700);
  --color-danger-medium: var(--color-rose-900);
  --color-danger-strong: var(--color-rose-800);
  --color-warning-soft: var(--color-orange-950);
  --color-warning: var(--color-orange-600);
  --color-warning-medium: var(--color-orange-900);
  --color-warning-strong: var(--color-orange-700);
  --color-dark-soft: var(--color-gray-700);
  --color-dark: var(--color-gray-800);
  --color-dark-strong: var(--color-gray-700);
  --color-disabled: var(--color-gray-800);
  --color-purple: var(--color-purple-500);
  --color-sky: var(--color-sky-500);
  --color-teal: var(--color-teal-500);
  --color-pink: var(--color-pink-500);
  --color-cyan: var(--color-cyan-500);
  --color-fuchsia: var(--color-fuchsia-500);
  --color-indigo: var(--color-indigo-500);
  --color-orange: var(--color-orange-400);
  --color-buffer: var(--color-gray-950);
  --color-buffer-medium: var(--color-gray-900);
  --color-buffer-strong: var(--color-gray-800);
  --color-muted: var(--color-gray-900);
  --color-light-subtle: var(--color-gray-900);
  --color-light: var(--color-gray-800);
  --color-light-medium: var(--color-gray-700);
  --color-default-subtle: var(--color-gray-900);
  --color-default: var(--color-gray-800);
  --color-default-medium: var(--color-gray-700);
  --color-default-strong: var(--color-gray-600);
  --color-success-subtle: var(--color-emerald-900);
  --color-danger-subtle: var(--color-rose-900);
  --color-warning-subtle: var(--color-orange-900);
  --color-brand-subtle: var(--color-blue-900);
  --color-brand-light: var(--color-blue-600);
  --color-dark-subtle: var(--color-gray-700);
  --color-dark-backdrop: var(--color-gray-950);
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-font-weight: initial;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}