/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

    --font-sans: "Open Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

    --font-mono: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace';

    --color-red-50: #f5c2c1;

    --color-red-100: #f5c2c1;

    --color-red-200: #f5c2c1;

    --color-red-300: #f5c2c1;

    --color-red-400: #e27672;

    --color-red-500: #e27672;

    --color-red-600: #b42318;

    --color-red-700: #9f261d;

    --color-red-800: #7a1b15;

    --color-red-900: #641710;

    --color-red-950: oklch(25.8% 0.092 26.042);

    --color-orange-50: #fcb196;

    --color-orange-100: #fcb196;

    --color-orange-200: #fcb196;

    --color-orange-300: #f0916e;

    --color-orange-400: #f0916e;

    --color-orange-500: #f0916e;

    --color-orange-600: #ee7b51;

    --color-orange-700: #ee7b51;

    --color-orange-800: #ee7b51;

    --color-orange-900: #ee7b51;

    --color-orange-950: oklch(26.6% 0.079 36.259);

    --color-amber-50: #fce7bd;

    --color-amber-100: #fce7bd;

    --color-amber-200: #fce7bd;

    --color-amber-500: #fbd551;

    --color-amber-600: #ffbf00;

    --color-amber-700: #854d0e;

    --color-amber-800: #713f12;

    --color-amber-900: #5d3210;

    --color-yellow-50: #fce7bd;

    --color-yellow-100: #fce7bd;

    --color-yellow-200: #fce7bd;

    --color-yellow-300: #fbd551;

    --color-yellow-400: #fbd551;

    --color-yellow-500: #fbd551;

    --color-yellow-600: #ffbf00;

    --color-yellow-700: #854d0e;

    --color-yellow-800: #713f12;

    --color-yellow-900: #5d3210;

    --color-lime-200: oklch(93.8% 0.127 124.321);

    --color-lime-300: oklch(89.7% 0.196 126.665);

    --color-lime-400: oklch(84.1% 0.238 128.85);

    --color-lime-500: oklch(76.8% 0.233 130.85);

    --color-lime-600: oklch(64.8% 0.2 131.684);

    --color-lime-800: oklch(45.3% 0.124 130.933);

    --color-green-50: #ace3d0;

    --color-green-100: #ace3d0;

    --color-green-200: #ace3d0;

    --color-green-300: #65c7a6;

    --color-green-400: #65c7a6;

    --color-green-500: #65c7a6;

    --color-green-600: #087f5b;

    --color-green-700: #047857;

    --color-green-800: #036b4f;

    --color-green-900: #05543f;

    --color-green-950: oklch(26.6% 0.065 152.934);

    --color-emerald-50: #ace3d0;

    --color-emerald-100: #ace3d0;

    --color-emerald-200: #ace3d0;

    --color-emerald-300: #65c7a6;

    --color-emerald-500: #65c7a6;

    --color-emerald-600: #087f5b;

    --color-emerald-700: #047857;

    --color-emerald-800: #036b4f;

    --color-emerald-900: #05543f;

    --color-emerald-950: oklch(26.2% 0.051 172.552);

    --color-teal-50: #a0e7e3;

    --color-teal-100: #a0e7e3;

    --color-teal-200: #5de1e6;

    --color-teal-300: #5de1e6;

    --color-teal-400: #5fbbd8;

    --color-teal-500: #5fbbd8;

    --color-teal-600: #5fbbd8;

    --color-teal-700: #5fbbd8;

    --color-teal-800: #5fbbd8;

    --color-cyan-50: #a0e7e3;

    --color-cyan-100: #a0e7e3;

    --color-cyan-200: #5de1e6;

    --color-cyan-300: #5de1e6;

    --color-cyan-400: #5fbbd8;

    --color-cyan-500: #5fbbd8;

    --color-cyan-600: #5fbbd8;

    --color-cyan-700: #5fbbd8;

    --color-cyan-800: #5fbbd8;

    --color-cyan-900: #164e63;

    --color-cyan-950: oklch(30.2% 0.056 229.695);

    --color-sky-400: #67a3e7;

    --color-sky-500: #67a3e7;

    --color-sky-600: #1d4ed8;

    --color-blue-50: #b9d9fc;

    --color-blue-100: #b9d9fc;

    --color-blue-200: #b9d9fc;

    --color-blue-300: #67a3e7;

    --color-blue-400: #67a3e7;

    --color-blue-500: #67a3e7;

    --color-blue-600: #1d4ed8;

    --color-blue-700: #1e40af;

    --color-blue-800: #1e3a8a;

    --color-blue-900: #172554;

    --color-blue-950: oklch(28.2% 0.091 267.935);

    --color-indigo-50: #dee2f4;

    --color-indigo-100: #dee2f4;

    --color-indigo-200: #d3d8ed;

    --color-indigo-300: #d3d8ed;

    --color-indigo-400: #22316d;

    --color-indigo-500: #22316d;

    --color-indigo-600: #22316d;

    --color-indigo-700: #22316d;

    --color-indigo-800: #17214a;

    --color-indigo-900: #17214a;

    --color-indigo-950: oklch(25.7% 0.09 281.288);

    --color-purple-50: #dfa8f2;

    --color-purple-100: #dfa8f2;

    --color-purple-200: #dfa8f2;

    --color-purple-300: #dfa8f2;

    --color-purple-400: #dfa8f2;

    --color-purple-500: #dfa8f2;

    --color-purple-600: #dfa8f2;

    --color-purple-700: #b097e5;

    --color-purple-800: #b097e5;

    --color-purple-900: #b097e5;

    --color-fuchsia-500: oklch(66.7% 0.295 322.15);

    --color-fuchsia-600: oklch(59.1% 0.293 322.896);

    --color-pink-50: #fdb3d6;

    --color-pink-100: #fdb3d6;

    --color-pink-200: #fdb3d6;

    --color-pink-300: #fdb3d6;

    --color-pink-400: #fdb3d6;

    --color-pink-500: #fdb3d6;

    --color-pink-600: #fdb3d6;

    --color-pink-700: #fdb3d6;

    --color-pink-800: #fdb3d6;

    --color-pink-900: #fdb3d6;

    --color-pink-950: oklch(28.4% 0.109 3.907);

    --color-rose-50: #f5c2c1;

    --color-rose-100: #f5c2c1;

    --color-rose-200: #f5c2c1;

    --color-rose-300: #f5c2c1;

    --color-rose-500: #e27672;

    --color-rose-600: #de5d59;

    --color-rose-700: #de5d59;

    --color-rose-800: #de5d59;

    --color-rose-900: #de5d59;

    --color-rose-950: oklch(27.1% 0.105 12.094);

    --color-slate-50: #ffffff;

    --color-slate-100: #f3f4f7;

    --color-slate-200: #e0e2eb;

    --color-slate-300: #c2c6d6;

    --color-slate-400: #b3b7c8;

    --color-slate-500: #676f89;

    --color-slate-600: #626984;

    --color-slate-700: #5a617e;

    --color-slate-800: #2d3248;

    --color-slate-900: #121523;

    --color-slate-950: #121523;

    --color-gray-50: #ffffff;

    --color-gray-100: #f3f4f7;

    --color-gray-200: #e0e2eb;

    --color-gray-300: #c2c6d6;

    --color-gray-400: #b3b7c8;

    --color-gray-500: #676f89;

    --color-gray-600: #626984;

    --color-gray-700: #5a617e;

    --color-gray-800: #2d3248;

    --color-gray-900: #121523;

    --color-gray-950: #121523;

    --color-zinc-50: oklch(98.5% 0 none);

    --color-zinc-100: oklch(96.7% 0.001 286.375);

    --color-zinc-200: oklch(92% 0.004 286.32);

    --color-zinc-300: oklch(87.1% 0.006 286.286);

    --color-zinc-400: oklch(70.5% 0.015 286.067);

    --color-zinc-500: oklch(55.2% 0.016 285.938);

    --color-zinc-600: oklch(44.2% 0.017 285.786);

    --color-zinc-700: oklch(37% 0.013 285.805);

    --color-zinc-800: oklch(27.4% 0.006 286.033);

    --color-zinc-900: oklch(21% 0.006 285.885);

    --color-zinc-950: oklch(14.1% 0.005 285.823);

    --color-neutral-50: oklch(98.5% 0 none);

    --color-neutral-100: oklch(97% 0 none);

    --color-neutral-200: oklch(92.2% 0 none);

    --color-neutral-300: oklch(87% 0 none);

    --color-neutral-400: oklch(70.8% 0 none);

    --color-neutral-500: oklch(55.6% 0 none);

    --color-neutral-600: oklch(43.9% 0 none);

    --color-neutral-700: oklch(37.1% 0 none);

    --color-neutral-800: oklch(26.9% 0 none);

    --color-neutral-900: oklch(20.5% 0 none);

    --color-neutral-950: oklch(14.5% 0 none);

    --color-stone-50: oklch(98.5% 0.001 106.423);

    --color-stone-100: oklch(97% 0.001 106.424);

    --color-stone-200: oklch(92.3% 0.003 48.717);

    --color-stone-300: oklch(86.9% 0.005 56.366);

    --color-stone-400: oklch(70.9% 0.01 56.259);

    --color-stone-500: oklch(55.3% 0.013 58.071);

    --color-stone-600: oklch(44.4% 0.011 73.639);

    --color-stone-700: oklch(37.4% 0.01 67.558);

    --color-stone-800: oklch(26.8% 0.007 34.298);

    --color-stone-900: oklch(21.6% 0.006 56.043);

    --color-stone-950: oklch(14.7% 0.004 49.25);

    --color-white: #ffffff;

    --spacing: 0.25rem;

    --breakpoint-md: 48rem;

    --breakpoint-lg: 64rem;

    --breakpoint-xl: 80rem;

    --breakpoint-2xl: 96rem;

    --container-2xs: 18rem;

    --container-xs: 20rem;

    --container-sm: 24rem;

    --container-md: 28rem;

    --container-lg: 32rem;

    --container-xl: 36rem;

    --container-2xl: 42rem;

    --container-3xl: 48rem;

    --container-4xl: 56rem;

    --container-5xl: 64rem;

    --container-6xl: 72rem;

    --container-7xl: 80rem;

    --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);

    --text-5xl: 3rem;

    --text-5xl--line-height: 1;

    --text-6xl: 3.75rem;

    --text-6xl--line-height: 1;

    --text-7xl: 4.5rem;

    --text-7xl--line-height: 1;

    --text-8xl: 6rem;

    --text-8xl--line-height: 1;

    --text-9xl: 8rem;

    --text-9xl--line-height: 1;

    --font-weight-thin: 100;

    --font-weight-extralight: 200;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --font-weight-extrabold: 800;

    --font-weight-black: 900;

    --tracking-tighter: -0.8px;

    --tracking-tight: -0.4px;

    --tracking-normal: 0em;

    --tracking-wide: 0.025em;

    --tracking-wider: 0.05em;

    --tracking-widest: 0.1em;

    --leading-tight: 1.25;

    --leading-normal: 1.5;

    --leading-relaxed: 1.625;

    --leading-loose: 2;

    --radius-xs: 4px;

    --radius-sm: 4px;

    --radius-md: 4px;

    --radius-lg: 4px;

    --radius-xl: 4px;

    --radius-2xl: 4px;

    --radius-3xl: 4px;

    --radius-4xl: 4px;

    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

    --ease-in: cubic-bezier(0.4, 0, 1, 1);

    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --animate-spin: spin 1s linear infinite;

    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

    --blur-xs: 4px;

    --blur-sm: 8px;

    --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: 4px;

    --font-body: "Open Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

    --spacing-8xl: 90rem;

    --leading-9: 36px;

    --leading-8: 32px;

    --leading-6: 24px;

    --leading-none: 1;

    --leading-5: 20px;

    --radius-xxs: 4px;

    --radius-base: 4px;

    --color-body: var(--color-gray-600);

    --color-heading: var(--color-gray-900);

    --color-fg-brand: var(--color-blue-700);

    --color-fg-disabled: var(--color-gray-400);

    --color-neutral-primary: var(--color-white);

    --color-neutral-primary-medium: var(--color-white);

    --color-neutral-secondary-soft: var(--color-gray-50);

    --color-neutral-secondary: var(--color-gray-50);

    --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-brand-soft: var(--color-blue-100);

    --color-brand: var(--color-blue-700);

    --color-brand-medium: var(--color-blue-200);

    --color-brand-strong: var(--color-blue-800);

    --color-success: var(--color-emerald-700);

    --color-danger: var(--color-rose-700);

    --color-warning: var(--color-orange-500);

    --color-dark: var(--color-gray-800);

    --color-buffer: var(--color-white);

    --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-dark-backdrop: var(--color-gray-950);

    --radius-full: calc(infinity * 1px);

    --color-surface-muted: #f6f6f8;

    --color-input: #858b9d;

    --color-focus-ring: #7d84a0;

    --color-primary-50: #dee2f4;

    --color-primary-100: #dee2f4;

    --color-primary-200: #d3d8ed;

    --color-primary-300: #d3d8ed;

    --color-primary-400: #22316d;

    --color-primary-500: #22316d;

    --color-primary-600: #22316d;

    --color-primary-700: #22316d;

    --color-primary-800: #17214a;

    --color-primary-900: #17214a;

    --color-success-200: #ace3d0;

    --color-success-600: #65c7a6;

    --color-success-700: #3caa84;

    --color-danger-200: #f5c2c1;

    --color-danger-500: #e27672;

    --color-danger-600: #b42318;

    --color-danger-700: #b42318;
  }
}

@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%;

    -moz-tab-size: 4;

      -o-tab-size: 4;

         tab-size: 4;

    font-family: "Open Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");

    font-feature-settings: normal;

    font-feature-settings: var(--default-font-feature-settings, normal);

    font-variation-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: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace';

    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);

    font-feature-settings: normal;

    font-feature-settings: var(--default-mono-font-feature-settings, normal);

    font-variation-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:where(:not(iframe)) {

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

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button))  or
    (contain-intrinsic-size: 1px) {

    ::-moz-placeholder {

      color: currentcolor;

      @supports (color: color-mix(in lab, red, red)) {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }

    ::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 {

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {

    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {

    display: none !important;
  }
}

@layer utilities {

  .\@container {

    container-type: inline-size;
  }

  .pointer-events-auto {

    pointer-events: auto;
  }

  .pointer-events-none {

    pointer-events: none;
  }

  .\!visible {

    visibility: visible !important;
  }

  .collapse {

    visibility: collapse;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .visible\! {

    visibility: visible !important;
  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip-path: inset(50%);

    white-space: nowrap;

    border-width: 0;
  }

  .datatable-wrapper {

    width: 100%;

    & .datatable-top {

      display: flex;

      justify-content: space-between;

      flex-direction: column-reverse;

      align-items: start;

      gap: 1rem;

      margin-bottom: 1rem;

      @media (min-width: 640px) {

        flex-direction: row-reverse;

        align-items: center;
      }
    }

    & .datatable-search .datatable-input {

      color: #121523;

      color: var(--color-heading);

      font-size: 0.875rem;

      border: 1px solid #e0e2eb;

      border: 1px solid var(--color-default);

      border-radius: 4px;

      border-radius: var(--radius-base);

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary-soft);

      min-width: 16rem;
    }

    & .datatable-input {

      color: #121523;

      color: var(--color-heading);

      font-size: 0.875rem;

      border: 1px solid #e0e2eb;

      border: 1px solid var(--color-default);

      border-radius: 4px;

      border-radius: var(--radius-base);

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary-soft);

      min-width: 16rem;
    }

    & thead th .datatable-input {

      background-color: #ffffff;

      background-color: var(--color-neutral-primary);

      font-weight: 400;

      color: #121523;

      color: var(--color-heading);

      padding-top: .35rem;

      padding-bottom: .35rem;

      min-width: 0;
    }

    & .datatable-top .datatable-dropdown {

      color: #626984;

      color: var(--color-body);

      font-size: 0.875rem;
    }

    & .datatable-top .datatable-dropdown .datatable-selector {

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary-soft);

      color: #121523;

      color: var(--color-heading);

      font-size: 0.875rem;

      border: 1px solid #e0e2eb;

      border: 1px solid var(--color-default);

      border-radius: 4px;

      border-radius: var(--radius-base);

      margin-right: 0.25rem;

      min-width: 4rem;
    }

    & .datatable-container thead tr.search-filtering-row th {

      padding-top: 0;
    }

    & .datatable-search .datatable-input:focus {

      border-color: #1e40af;

      border-color: var(--color-brand);
    }

    & .datatable-container {

      overflow-x: auto;

      border: 1px solid #e0e2eb;

      border: 1px solid var(--color-default);

      border-radius: 4px;

      border-radius: var(--radius-base);
    }

    & .datatable-table {

      width: 100%;

      font-size: 0.875rem;

      color: #626984;

      color: var(--color-body);

      text-align: left;
    }

    & .datatable-table thead {

      font-size: 0.75rem;

      color: #626984;

      color: var(--color-body);

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary-medium);

      border-bottom: 1px solid #e0e2eb;

      border-bottom: 1px solid var(--color-default);
    }

    & .datatable-table thead th {

      white-space: nowrap;
    }

    & .datatable-table thead th {

      width: auto !important;

      padding-top: 0.75rem;

      padding-bottom: 0.75rem;

      padding-left: 1.5rem;

      padding-right: 1.5rem;
    }

    & .datatable-table tbody th {

      width: auto !important;

      padding-top: 0.75rem;

      padding-bottom: 0.75rem;

      padding-left: 1.5rem;

      padding-right: 1.5rem;
    }

    & .datatable-table tbody td {

      width: auto !important;

      padding-top: 0.75rem;

      padding-bottom: 0.75rem;

      padding-left: 1.5rem;

      padding-right: 1.5rem;
    }

    & .datatable-table thead th .datatable-sorter {

      text-transform: uppercase;
    }

    & .datatable-table thead th {

      text-transform: uppercase;
    }

    & .datatable-table thead th .datatable-sorter:hover {

      color: #121523;

      color: var(--color-heading);
    }

    & .datatable-table thead th.datatable-ascending .datatable-sorter {

      color: #121523;

      color: var(--color-heading);
    }

    & .datatable-table thead th.datatable-descending .datatable-sorter {

      color: #121523;

      color: var(--color-heading);
    }

    & .datatable-table tbody tr.selected {

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary);
    }

    & .datatable-table tbody tr {

      border-bottom: 1px solid #e0e2eb;

      border-bottom: 1px solid var(--color-default);
    }

    & .datatable-table tbody tr:last-child {

      border-bottom: 0;
    }

    & .datatable-table .datatable-empty {

      text-align: center;
    }

    & .datatable-bottom {

      display: flex;

      flex-direction: column;

      justify-content: space-between;

      align-items: start;

      margin-top: 1rem;

      gap: 1rem;

      @media (min-width: 640px) {

        flex-direction: row;

        align-items: center;
      }
    }

    & .datatable-bottom .datatable-info {

      color: #626984;

      color: var(--color-body);

      font-size: 0.875rem;
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list {

      display: flex;

      align-items: center;

      height: 2rem;

      font-size: 0.875rem;
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {

      display: flex;

      align-items: center;

      color: #626984;

      color: var(--color-body);

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary-medium);

      font-weight: 500;

      padding-left: 0.75rem;

      padding-right: 0.75rem;

      height: 2rem;

      font-size: 0.875rem;

      border-top: 1px solid #e0e2eb;

      border-top: 1px solid var(--color-default);

      border-bottom: 1px solid #e0e2eb;

      border-bottom: 1px solid var(--color-default);

      border-right: 1px solid #e0e2eb;

      border-right: 1px solid var(--color-default);
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:hover .datatable-pagination-list-item-link {

      color: #121523;

      color: var(--color-heading);

      background-color: #f3f4f7;

      background-color: var(--color-neutral-tertiary-medium);
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type {

      position: relative;
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type {

      position: relative;
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item.datatable-active .datatable-pagination-list-item-link {

      color: #1e40af;

      color: var(--color-fg-brand);

      background-color: #f3f4f7;

      background-color: var(--color-neutral-tertiary-medium);
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {

      border-top-left-radius: 4px;

      border-top-left-radius: var(--radius-base);

      border-bottom-left-radius: 4px;

      border-bottom-left-radius: var(--radius-base);

      border-left: 1px solid #e0e2eb;

      border-left: 1px solid var(--color-default);
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {

      border-top-right-radius: 4px;

      border-top-right-radius: var(--radius-base);

      border-bottom-right-radius: 4px;

      border-bottom-right-radius: var(--radius-base);

      border-left: 0;
    }

    & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary-medium);

      color: #626984;

      color: var(--color-body);
    }
  }

  .datatable-wrapper .datatable-bottom {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: start;

    margin-top: 1rem;

    gap: 1rem;

    @media (min-width: 640px) {

      flex-direction: row;

      align-items: center;
    }
  }

  .datatable-wrapper .datatable-bottom .datatable-info {

    color: #626984;

    color: var(--color-body);

    font-size: 0.875rem;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list {

    display: flex;

    align-items: center;

    height: 2rem;

    font-size: 0.875rem;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {

    display: flex;

    align-items: center;

    color: #626984;

    color: var(--color-body);

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    font-weight: 500;

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    height: 2rem;

    font-size: 0.875rem;

    border-top: 1px solid #e0e2eb;

    border-top: 1px solid var(--color-default);

    border-bottom: 1px solid #e0e2eb;

    border-bottom: 1px solid var(--color-default);

    border-right: 1px solid #e0e2eb;

    border-right: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:hover .datatable-pagination-list-item-link {

    color: #121523;

    color: var(--color-heading);

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type {

    position: relative;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type {

    position: relative;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item.datatable-active .datatable-pagination-list-item-link {

    color: #1e40af;

    color: var(--color-fg-brand);

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {

    border-top-left-radius: 4px;

    border-top-left-radius: var(--radius-base);

    border-bottom-left-radius: 4px;

    border-bottom-left-radius: var(--radius-base);

    border-left: 1px solid #e0e2eb;

    border-left: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {

    border-top-right-radius: 4px;

    border-top-right-radius: var(--radius-base);

    border-bottom-right-radius: 4px;

    border-bottom-right-radius: var(--radius-base);

    border-left: 0;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    color: #626984;

    color: var(--color-body);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list {

    display: flex;

    align-items: center;

    height: 2rem;

    font-size: 0.875rem;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {

    display: flex;

    align-items: center;

    color: #626984;

    color: var(--color-body);

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    font-weight: 500;

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    height: 2rem;

    font-size: 0.875rem;

    border-top: 1px solid #e0e2eb;

    border-top: 1px solid var(--color-default);

    border-bottom: 1px solid #e0e2eb;

    border-bottom: 1px solid var(--color-default);

    border-right: 1px solid #e0e2eb;

    border-right: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:hover .datatable-pagination-list-item-link {

    color: #121523;

    color: var(--color-heading);

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type {

    position: relative;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type {

    position: relative;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item.datatable-active .datatable-pagination-list-item-link {

    color: #1e40af;

    color: var(--color-fg-brand);

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {

    border-top-left-radius: 4px;

    border-top-left-radius: var(--radius-base);

    border-bottom-left-radius: 4px;

    border-bottom-left-radius: var(--radius-base);

    border-left: 1px solid #e0e2eb;

    border-left: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {

    border-top-right-radius: 4px;

    border-top-right-radius: var(--radius-base);

    border-bottom-right-radius: 4px;

    border-bottom-right-radius: var(--radius-base);

    border-left: 0;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    color: #626984;

    color: var(--color-body);
  }

  .absolute {

    position: absolute;
  }

  .absolute\! {

    position: absolute !important;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .relative\! {

    position: relative !important;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

    inset: 0px;
  }

  .-top-1 {

    top: calc(0.25rem * -1);

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

  .top-0 {

    top: 0px;
  }

  .top-2 {

    top: calc(0.25rem * 2);

    top: calc(var(--spacing) * 2);
  }

  .top-3 {

    top: calc(0.25rem * 3);

    top: calc(var(--spacing) * 3);
  }

  .top-11 {

    top: calc(0.25rem * 11);

    top: calc(var(--spacing) * 11);
  }

  .top-12 {

    top: calc(0.25rem * 12);

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

  .top-14 {

    top: calc(0.25rem * 14);

    top: calc(var(--spacing) * 14);
  }

  .top-20 {

    top: calc(0.25rem * 20);

    top: calc(var(--spacing) * 20);
  }

  .-right-1 {

    right: calc(0.25rem * -1);

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

  .right-0 {

    right: 0px;
  }

  .right-2 {

    right: calc(0.25rem * 2);

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

  .right-3 {

    right: calc(0.25rem * 3);

    right: calc(var(--spacing) * 3);
  }

  .right-4 {

    right: calc(0.25rem * 4);

    right: calc(var(--spacing) * 4);
  }

  .bottom-0 {

    bottom: 0px;
  }

  .bottom-\[60px\] {

    bottom: 60px;
  }

  .left-0 {

    left: 0px;
  }

  .isolate {

    isolation: isolate;
  }

  .z-0 {

    z-index: 0;
  }

  .z-10 {

    z-index: 10;
  }

  .z-20 {

    z-index: 20;
  }

  .z-30 {

    z-index: 30;
  }

  .z-40 {

    z-index: 40;
  }

  .z-50 {

    z-index: 50;
  }

  .z-\[60\] {

    z-index: 60;
  }

  .z-\[1031\] {

    z-index: 1031;
  }

  .z-\[10000\] {

    z-index: 10000;
  }

  .z-\[100000000\] {

    z-index: 100000000;
  }

  .z-\[999999999\] {

    z-index: 999999999;
  }

  .col-1 {

    grid-column: 1;
  }

  .col-2 {

    grid-column: 2;
  }

  .col-3 {

    grid-column: 3;
  }

  .col-4 {

    grid-column: 4;
  }

  .col-6 {

    grid-column: 6;
  }

  .col-8 {

    grid-column: 8;
  }

  .col-9 {

    grid-column: 9;
  }

  .col-12 {

    grid-column: 12;
  }

  .col-auto {

    grid-column: auto;
  }

  .col-span-full {

    grid-column: 1 / -1;
  }

  .row-1 {

    grid-row: 1;
  }

  .container {

    width: 100%;

    @media (min-width: 40rem) {

      max-width: 40rem;
    }

    @media (min-width: 48rem) {

      max-width: 48rem;
    }

    @media (min-width: 64rem) {

      max-width: 64rem;
    }

    @media (min-width: 80rem) {

      max-width: 80rem;
    }

    @media (min-width: 96rem) {

      max-width: 96rem;
    }
  }

  .format {

    color: oklch(55.1% 0.027 264.364);

    color: var(--tw-format-body);

    max-width: 65ch;

    :where([class~="lead"]):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-lead);

      font-size: 1.25em;

      line-height: 1.6;

      margin-top: 1.2em;

      margin-bottom: 1.2em;
    }

    :where(a):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-links);

      text-decoration: underline;

      font-weight: 500;

      &:hover {

        text-decoration: none;
      }
    }

    :where(strong):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-bold);

      font-weight: 700;
    }

    :where(a strong):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(blockquote strong):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(thead th strong):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(ol):not(:where([class~="not-format"] *)) {

      list-style-type: decimal;

      margin-top: 1.25em;

      margin-bottom: 1.25em;

      padding-left: 1.625em;
    }

    :where(ol[type="A"]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-alpha;
    }

    :where(ol[type="a"]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-alpha;
    }

    :where(ol[type="A" s]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-alpha;
    }

    :where(ol[type="a" s]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-alpha;
    }

    :where(ol[type="I"]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-roman;
    }

    :where(ol[type="i"]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-roman;
    }

    :where(ol[type="I" s]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-roman;
    }

    :where(ol[type="i" s]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-roman;
    }

    :where(ol[type="1"]):not(:where([class~="not-format"] *)) {

      list-style-type: decimal;
    }

    :where(ul):not(:where([class~="not-format"] *)) {

      list-style-type: disc;

      margin-top: 1.25em;

      margin-bottom: 1.25em;

      padding-left: 1.625em;
    }

    :where(ol > li):not(:where([class~="not-format"] *))::marker {

      font-weight: 400;

      color: var(--tw-format-counters);
    }

    :where(ul > li):not(:where([class~="not-format"] *))::marker {

      color: var(--tw-format-bullets);
    }

    :where(hr):not(:where([class~="not-format"] *)) {

      border-color: var(--tw-format-hr);

      border-top-width: 1;

      margin-top: 3em;

      margin-bottom: 3em;
    }

    :where(blockquote):not(:where([class~="not-format"] *)) {

      font-size: 1.1111111em;

      font-weight: 700;

      font-style: italic;

      color: var(--tw-format-quotes);

      quotes: "\201C""\201D""\2018""\2019";

      margin-bottom: 1.6em;
    }

    :where(blockquote):not(:where([class~="not-format"] *))::before {

      content: "";

      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 -7.15256e-07L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM-9.53674e-07 24V14.1453C-9.53674e-07 6.54 4.99733 1.384 12 -7.15256e-07L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H-9.53674e-07Z' fill='%239CA3AF'/%3E%3C/svg%3E%0A");

      background-repeat: no-repeat;

      color: var(--tw-format-quotes);

      width: 1.7777778em;

      height: 1.3333333em;

      display: block;

      margin-top: 1.6em;
    }

    :where(blockquote p:first-of-type):not(:where([class~="not-format"] *))::before {

      content: open-quote;
    }

    :where(blockquote p:last-of-type):not(:where([class~="not-format"] *))::after {

      content: close-quote;
    }

    :where(h1):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings);

      font-weight: 800;

      font-size: 2.25em;

      margin-top: 0;

      margin-bottom: 0.8888889em;

      line-height: 1.1111111;
    }

    :where(h1 strong):not(:where([class~="not-format"] *)) {

      font-weight: 900;

      color: inherit;
    }

    :where(h2):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings);

      font-weight: 700;

      font-size: 1.5em;

      margin-top: 0;

      margin-bottom: 1em;

      line-height: 1.3333333;
    }

    :where(h2 strong):not(:where([class~="not-format"] *)) {

      font-weight: 800;

      color: inherit;
    }

    :where(h3):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings);

      font-weight: 700;

      font-size: 1.25em;

      margin-top: 0;

      margin-bottom: 0.6em;

      line-height: 1.6;
    }

    :where(h3 strong):not(:where([class~="not-format"] *)) {

      font-weight: 800;

      color: inherit;
    }

    :where(h4):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings);

      font-weight: 600;

      margin-top: 0;

      margin-bottom: 0.5em;

      line-height: 1.5;
    }

    :where(h4 strong):not(:where([class~="not-format"] *)) {

      font-weight: 700;

      color: inherit;
    }

    :where(img):not(:where([class~="not-format"] *)) {

      margin-top: 2em;

      margin-bottom: 2em;
    }

    :where(figure > *):not(:where([class~="not-format"] *)) {

      margin-top: 0;

      margin-bottom: 0;
    }

    :where(figcaption):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-captions);

      font-size: 0.875em;

      line-height: 1.4285714;

      margin-top: 0.8571429em;
    }

    :where(code):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-code);

      font-weight: 600;

      background-color: var(--tw-format-code-bg);

      padding-top: 0.3333333em;

      padding-bottom: 0.3333333em;

      padding-left: 0.5555556em;

      padding-right: 0.5555556em;

      border-radius: 0.2222222em;

      font-size: 0.875em;
    }

    :where(a code):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(h1 code):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(h2 code):not(:where([class~="not-format"] *)) {

      color: inherit;

      font-size: 0.875em;
    }

    :where(h3 code):not(:where([class~="not-format"] *)) {

      color: inherit;

      font-size: 0.9em;
    }

    :where(h4 code):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(blockquote code):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(thead th code):not(:where([class~="not-format"] *)) {

      color: inherit;
    }

    :where(pre):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-pre-code);

      background-color: var(--tw-format-pre-bg);

      overflow-x: auto;

      font-weight: 400;

      font-size: 0.875em;

      line-height: 1.7142857;

      margin-top: 1.7142857em;

      margin-bottom: 1.7142857em;

      border-radius: 0.375rem;

      padding-top: 0.8571429em;

      padding-right: 1.1428571em;

      padding-bottom: 0.8571429em;

      padding-left: 1.1428571em;
    }

    :where(pre code):not(:where([class~="not-format"] *)) {

      background-color: transparent;

      border-width: 0;

      border-radius: 0;

      padding: 0;

      font-weight: inherit;

      color: inherit;

      font-size: inherit;

      font-family: inherit;

      line-height: inherit;
    }

    :where(pre code):not(:where([class~="not-format"] *))::before {

      content: none;
    }

    :where(pre code):not(:where([class~="not-format"] *))::after {

      content: none;
    }

    :where(table):not(:where([class~="not-format"] *)) {

      width: 100%;

      table-layout: auto;

      text-align: left;

      margin-top: 2em;

      margin-bottom: 2em;

      font-size: 0.875em;

      line-height: 1.7142857;
    }

    :where(thead):not(:where([class~="not-format"] *)) {

      background-color: var(--tw-format-th-bg);

      border-radius: 0.2777778em;
    }

    :where(thead th):not(:where([class~="not-format"] *)) {

      background-color: var(--tw-format-th-bg);

      color: var(--tw-format-headings);

      font-weight: 600;

      vertical-align: bottom;

      padding: 0.5555556em;

      padding-right: 0.5714286em;

      padding-bottom: 0.5714286em;

      padding-left: 0.5714286em;
    }

    :where(tbody th):not(:where([class~="not-format"] *)) {

      background-color: var(--tw-format-th-bg);

      color: var(--tw-format-headings);

      font-weight: 600;

      vertical-align: bottom;

      padding: 0.5555556em;
    }

    :where(tbody tr th p, tbody tr td p):not(:where([class~="not-format"] *)) {

      margin: 0 !important;
    }

    :where(tbody tr th, tbody tr td):not(:where([class~="not-format"] *)) {

      padding: 0.6666667em !important;
    }

    :where(tbody tr):not(:where([class~="not-format"] *)) {

      border-bottom-width: 1px;

      border-bottom-color: var(--tw-format-td-borders);
    }

    :where(tbody tr:last-child):not(:where([class~="not-format"] *)) {

      border-bottom-width: 0;
    }

    :where(tbody td):not(:where([class~="not-format"] *)) {

      vertical-align: baseline;
    }

    :where(tfoot):not(:where([class~="not-format"] *)) {

      border-top-width: 1px;

      border-top-color: var(--tw-format-th-borders);
    }

    :where(tfoot td):not(:where([class~="not-format"] *)) {

      vertical-align: top;
    }

    --tw-format-body: oklch(55.1% 0.027 264.364);

    --tw-format-headings: oklch(21% 0.034 264.665);

    --tw-format-lead: oklch(55.1% 0.027 264.364);

    --tw-format-links: oklch(44.6% 0.03 256.802);

    --tw-format-bold: oklch(21% 0.034 264.665);

    --tw-format-counters: oklch(55.1% 0.027 264.364);

    --tw-format-bullets: oklch(55.1% 0.027 264.364);

    --tw-format-hr: oklch(92.8% 0.006 264.531);

    --tw-format-quotes: oklch(21% 0.034 264.665);

    --tw-format-quote-borders: oklch(92.8% 0.006 264.531);

    --tw-format-captions: oklch(55.1% 0.027 264.364);

    --tw-format-code: oklch(21% 0.034 264.665);

    --tw-format-code-bg: oklch(96.7% 0.003 264.542);

    --tw-format-pre-code: oklch(44.6% 0.03 256.802);

    --tw-format-pre-bg: oklch(96.7% 0.003 264.542);

    --tw-format-th-borders: oklch(92.8% 0.006 264.531);

    --tw-format-th-bg: oklch(98.5% 0.002 247.839);

    --tw-format-td-borders: oklch(92.8% 0.006 264.531);

    --tw-format-invert-body: oklch(70.7% 0.022 261.325);

    --tw-format-invert-headings: #fff;

    --tw-format-invert-lead: oklch(70.7% 0.022 261.325);

    --tw-format-invert-links: #fff;

    --tw-format-invert-bold: #fff;

    --tw-format-invert-counters: oklch(70.7% 0.022 261.325);

    --tw-format-invert-bullets: oklch(44.6% 0.03 256.802);

    --tw-format-invert-hr: oklch(37.3% 0.034 259.733);

    --tw-format-invert-quotes: oklch(96.7% 0.003 264.542);

    --tw-format-invert-quote-borders: oklch(37.3% 0.034 259.733);

    --tw-format-invert-captions: oklch(70.7% 0.022 261.325);

    --tw-format-invert-code: #fff;

    --tw-format-invert-code-bg: oklch(27.8% 0.033 256.848);

    --tw-format-invert-pre-code: oklch(87.2% 0.01 258.338);

    --tw-format-invert-pre-bg: oklch(37.3% 0.034 259.733);

    --tw-format-invert-th-borders: oklch(44.6% 0.03 256.802);

    --tw-format-invert-td-borders: oklch(37.3% 0.034 259.733);

    --tw-format-invert-th-bg: oklch(37.3% 0.034 259.733);

    font-size: 1rem;

    line-height: 1.75;

    :where(p):not(:where([class~="not-format"] *)) {

      margin-top: 1.25em;

      margin-bottom: 1.25em;
    }

    :where(blockquote > p:first-child):not(:where([class~="not-format"] *)) {

      margin-top: 0;
    }

    :where(video):not(:where([class~="not-format"] *)) {

      margin-top: 2em;

      margin-bottom: 2em;
    }

    :where(figure):not(:where([class~="not-format"] *)) {

      margin-top: 2em;

      margin-bottom: 2em;
    }

    :where(li):not(:where([class~="not-format"] *)) {

      margin-top: 0.5em;

      margin-bottom: 0.5em;
    }

    :where(ol > li):not(:where([class~="not-format"] *)) {

      padding-left: 0.375em;
    }

    :where(ul > li):not(:where([class~="not-format"] *)) {

      padding-left: 0.375em;
    }

    :where(.format > ul > li p):not(:where([class~="not-format"] *)) {

      margin-top: 0.75em;

      margin-bottom: 0.75em;
    }

    :where(.format > ul > li > *:first-child):not(:where([class~="not-format"] *)) {

      margin-top: 1.25em;
    }

    :where(.format > ul > li > *:last-child):not(:where([class~="not-format"] *)) {

      margin-bottom: 1.25em;
    }

    :where(.format > ol > li > *:first-child):not(:where([class~="not-format"] *)) {

      margin-top: 1.25em;
    }

    :where(.format > ol > li > *:last-child):not(:where([class~="not-format"] *)) {

      margin-bottom: 1.25em;
    }

    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-format"] *)) {

      margin-top: 0.75em;

      margin-bottom: 0.75em;
    }

    :where(hr + *):not(:where([class~="not-format"] *)) {

      margin-top: 0;
    }

    :where(h2 + *):not(:where([class~="not-format"] *)) {

      margin-top: 0;
    }

    :where(h3 + *):not(:where([class~="not-format"] *)) {

      margin-top: 0;
    }

    :where(h4 + *):not(:where([class~="not-format"] *)) {

      margin-top: 0;
    }

    :where(thead th:last-child):not(:where([class~="not-format"] *)) {

      padding-right: 0;
    }

    :where(tbody td, tfoot td):not(:where([class~="not-format"] *)) {

      padding-top: 0.5714286em;

      padding-right: 0.5714286em;

      padding-bottom: 0.5714286em;

      padding-left: 0.5714286em;
    }

    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-format"] *)) {

      padding-right: 0;
    }

    :where(.format > :first-child):not(:where([class~="not-format"] *)) {

      margin-top: 0;
    }

    :where(.format > :last-child):not(:where([class~="not-format"] *)) {

      margin-bottom: 0;
    }
  }

  .format\! {

    color: oklch(55.1% 0.027 264.364) !important;

    color: var(--tw-format-body) !important;

    max-width: 65ch !important;

    :where([class~="lead"]):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-lead) !important;

      font-size: 1.25em !important;

      line-height: 1.6 !important;

      margin-top: 1.2em !important;

      margin-bottom: 1.2em !important;
    }

    :where(a):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-links) !important;

      text-decoration: underline !important;

      font-weight: 500 !important;

      &:hover {

        text-decoration: none !important;
      }
    }

    :where(strong):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-bold) !important;

      font-weight: 700 !important;
    }

    :where(a strong):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(blockquote strong):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(thead th strong):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(ol):not(:where([class~="not-format"] *)) {

      list-style-type: decimal !important;

      margin-top: 1.25em !important;

      margin-bottom: 1.25em !important;

      padding-left: 1.625em !important;
    }

    :where(ol[type="A"]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-alpha !important;
    }

    :where(ol[type="a"]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-alpha !important;
    }

    :where(ol[type="A" s]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-alpha !important;
    }

    :where(ol[type="a" s]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-alpha !important;
    }

    :where(ol[type="I"]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-roman !important;
    }

    :where(ol[type="i"]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-roman !important;
    }

    :where(ol[type="I" s]):not(:where([class~="not-format"] *)) {

      list-style-type: upper-roman !important;
    }

    :where(ol[type="i" s]):not(:where([class~="not-format"] *)) {

      list-style-type: lower-roman !important;
    }

    :where(ol[type="1"]):not(:where([class~="not-format"] *)) {

      list-style-type: decimal !important;
    }

    :where(ul):not(:where([class~="not-format"] *)) {

      list-style-type: disc !important;

      margin-top: 1.25em !important;

      margin-bottom: 1.25em !important;

      padding-left: 1.625em !important;
    }

    :where(ol > li):not(:where([class~="not-format"] *))::marker {

      font-weight: 400 !important;

      color: var(--tw-format-counters) !important;
    }

    :where(ul > li):not(:where([class~="not-format"] *))::marker {

      color: var(--tw-format-bullets) !important;
    }

    :where(hr):not(:where([class~="not-format"] *)) {

      border-color: var(--tw-format-hr) !important;

      border-top-width: 1 !important;

      margin-top: 3em !important;

      margin-bottom: 3em !important;
    }

    :where(blockquote):not(:where([class~="not-format"] *)) {

      font-size: 1.1111111em !important;

      font-weight: 700 !important;

      font-style: italic !important;

      color: var(--tw-format-quotes) !important;

      quotes: "\201C""\201D""\2018""\2019" !important;

      margin-bottom: 1.6em !important;
    }

    :where(blockquote):not(:where([class~="not-format"] *))::before {

      content: "" !important;

      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 -7.15256e-07L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM-9.53674e-07 24V14.1453C-9.53674e-07 6.54 4.99733 1.384 12 -7.15256e-07L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H-9.53674e-07Z' fill='%239CA3AF'/%3E%3C/svg%3E%0A") !important;

      background-repeat: no-repeat !important;

      color: var(--tw-format-quotes) !important;

      width: 1.7777778em !important;

      height: 1.3333333em !important;

      display: block !important;

      margin-top: 1.6em !important;
    }

    :where(blockquote p:first-of-type):not(:where([class~="not-format"] *))::before {

      content: open-quote !important;
    }

    :where(blockquote p:last-of-type):not(:where([class~="not-format"] *))::after {

      content: close-quote !important;
    }

    :where(h1):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings) !important;

      font-weight: 800 !important;

      font-size: 2.25em !important;

      margin-top: 0 !important;

      margin-bottom: 0.8888889em !important;

      line-height: 1.1111111 !important;
    }

    :where(h1 strong):not(:where([class~="not-format"] *)) {

      font-weight: 900 !important;

      color: inherit !important;
    }

    :where(h2):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings) !important;

      font-weight: 700 !important;

      font-size: 1.5em !important;

      margin-top: 0 !important;

      margin-bottom: 1em !important;

      line-height: 1.3333333 !important;
    }

    :where(h2 strong):not(:where([class~="not-format"] *)) {

      font-weight: 800 !important;

      color: inherit !important;
    }

    :where(h3):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings) !important;

      font-weight: 700 !important;

      font-size: 1.25em !important;

      margin-top: 0 !important;

      margin-bottom: 0.6em !important;

      line-height: 1.6 !important;
    }

    :where(h3 strong):not(:where([class~="not-format"] *)) {

      font-weight: 800 !important;

      color: inherit !important;
    }

    :where(h4):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-headings) !important;

      font-weight: 600 !important;

      margin-top: 0 !important;

      margin-bottom: 0.5em !important;

      line-height: 1.5 !important;
    }

    :where(h4 strong):not(:where([class~="not-format"] *)) {

      font-weight: 700 !important;

      color: inherit !important;
    }

    :where(img):not(:where([class~="not-format"] *)) {

      margin-top: 2em !important;

      margin-bottom: 2em !important;
    }

    :where(figure > *):not(:where([class~="not-format"] *)) {

      margin-top: 0 !important;

      margin-bottom: 0 !important;
    }

    :where(figcaption):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-captions) !important;

      font-size: 0.875em !important;

      line-height: 1.4285714 !important;

      margin-top: 0.8571429em !important;
    }

    :where(code):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-code) !important;

      font-weight: 600 !important;

      background-color: var(--tw-format-code-bg) !important;

      padding-top: 0.3333333em !important;

      padding-bottom: 0.3333333em !important;

      padding-left: 0.5555556em !important;

      padding-right: 0.5555556em !important;

      border-radius: 0.2222222em !important;

      font-size: 0.875em !important;
    }

    :where(a code):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(h1 code):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(h2 code):not(:where([class~="not-format"] *)) {

      color: inherit !important;

      font-size: 0.875em !important;
    }

    :where(h3 code):not(:where([class~="not-format"] *)) {

      color: inherit !important;

      font-size: 0.9em !important;
    }

    :where(h4 code):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(blockquote code):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(thead th code):not(:where([class~="not-format"] *)) {

      color: inherit !important;
    }

    :where(pre):not(:where([class~="not-format"] *)) {

      color: var(--tw-format-pre-code) !important;

      background-color: var(--tw-format-pre-bg) !important;

      overflow-x: auto !important;

      font-weight: 400 !important;

      font-size: 0.875em !important;

      line-height: 1.7142857 !important;

      margin-top: 1.7142857em !important;

      margin-bottom: 1.7142857em !important;

      border-radius: 0.375rem !important;

      padding-top: 0.8571429em !important;

      padding-right: 1.1428571em !important;

      padding-bottom: 0.8571429em !important;

      padding-left: 1.1428571em !important;
    }

    :where(pre code):not(:where([class~="not-format"] *)) {

      background-color: transparent !important;

      border-width: 0 !important;

      border-radius: 0 !important;

      padding: 0 !important;

      font-weight: inherit !important;

      color: inherit !important;

      font-size: inherit !important;

      font-family: inherit !important;

      line-height: inherit !important;
    }

    :where(pre code):not(:where([class~="not-format"] *))::before {

      content: none !important;
    }

    :where(pre code):not(:where([class~="not-format"] *))::after {

      content: none !important;
    }

    :where(table):not(:where([class~="not-format"] *)) {

      width: 100% !important;

      table-layout: auto !important;

      text-align: left !important;

      margin-top: 2em !important;

      margin-bottom: 2em !important;

      font-size: 0.875em !important;

      line-height: 1.7142857 !important;
    }

    :where(thead):not(:where([class~="not-format"] *)) {

      background-color: var(--tw-format-th-bg) !important;

      border-radius: 0.2777778em !important;
    }

    :where(thead th):not(:where([class~="not-format"] *)) {

      background-color: var(--tw-format-th-bg) !important;

      color: var(--tw-format-headings) !important;

      font-weight: 600 !important;

      vertical-align: bottom !important;

      padding: 0.5555556em !important;

      padding-right: 0.5714286em !important;

      padding-bottom: 0.5714286em !important;

      padding-left: 0.5714286em !important;
    }

    :where(tbody th):not(:where([class~="not-format"] *)) {

      background-color: var(--tw-format-th-bg) !important;

      color: var(--tw-format-headings) !important;

      font-weight: 600 !important;

      vertical-align: bottom !important;

      padding: 0.5555556em !important;
    }

    :where(tbody tr th p, tbody tr td p):not(:where([class~="not-format"] *)) {

      margin: 0 !important !important;
    }

    :where(tbody tr th, tbody tr td):not(:where([class~="not-format"] *)) {

      padding: 0.6666667em !important !important;
    }

    :where(tbody tr):not(:where([class~="not-format"] *)) {

      border-bottom-width: 1px !important;

      border-bottom-color: var(--tw-format-td-borders) !important;
    }

    :where(tbody tr:last-child):not(:where([class~="not-format"] *)) {

      border-bottom-width: 0 !important;
    }

    :where(tbody td):not(:where([class~="not-format"] *)) {

      vertical-align: baseline !important;
    }

    :where(tfoot):not(:where([class~="not-format"] *)) {

      border-top-width: 1px !important;

      border-top-color: var(--tw-format-th-borders) !important;
    }

    :where(tfoot td):not(:where([class~="not-format"] *)) {

      vertical-align: top !important;
    }

    --tw-format-body: oklch(55.1% 0.027 264.364) !important;

    --tw-format-headings: oklch(21% 0.034 264.665) !important;

    --tw-format-lead: oklch(55.1% 0.027 264.364) !important;

    --tw-format-links: oklch(44.6% 0.03 256.802) !important;

    --tw-format-bold: oklch(21% 0.034 264.665) !important;

    --tw-format-counters: oklch(55.1% 0.027 264.364) !important;

    --tw-format-bullets: oklch(55.1% 0.027 264.364) !important;

    --tw-format-hr: oklch(92.8% 0.006 264.531) !important;

    --tw-format-quotes: oklch(21% 0.034 264.665) !important;

    --tw-format-quote-borders: oklch(92.8% 0.006 264.531) !important;

    --tw-format-captions: oklch(55.1% 0.027 264.364) !important;

    --tw-format-code: oklch(21% 0.034 264.665) !important;

    --tw-format-code-bg: oklch(96.7% 0.003 264.542) !important;

    --tw-format-pre-code: oklch(44.6% 0.03 256.802) !important;

    --tw-format-pre-bg: oklch(96.7% 0.003 264.542) !important;

    --tw-format-th-borders: oklch(92.8% 0.006 264.531) !important;

    --tw-format-th-bg: oklch(98.5% 0.002 247.839) !important;

    --tw-format-td-borders: oklch(92.8% 0.006 264.531) !important;

    --tw-format-invert-body: oklch(70.7% 0.022 261.325) !important;

    --tw-format-invert-headings: #fff !important;

    --tw-format-invert-lead: oklch(70.7% 0.022 261.325) !important;

    --tw-format-invert-links: #fff !important;

    --tw-format-invert-bold: #fff !important;

    --tw-format-invert-counters: oklch(70.7% 0.022 261.325) !important;

    --tw-format-invert-bullets: oklch(44.6% 0.03 256.802) !important;

    --tw-format-invert-hr: oklch(37.3% 0.034 259.733) !important;

    --tw-format-invert-quotes: oklch(96.7% 0.003 264.542) !important;

    --tw-format-invert-quote-borders: oklch(37.3% 0.034 259.733) !important;

    --tw-format-invert-captions: oklch(70.7% 0.022 261.325) !important;

    --tw-format-invert-code: #fff !important;

    --tw-format-invert-code-bg: oklch(27.8% 0.033 256.848) !important;

    --tw-format-invert-pre-code: oklch(87.2% 0.01 258.338) !important;

    --tw-format-invert-pre-bg: oklch(37.3% 0.034 259.733) !important;

    --tw-format-invert-th-borders: oklch(44.6% 0.03 256.802) !important;

    --tw-format-invert-td-borders: oklch(37.3% 0.034 259.733) !important;

    --tw-format-invert-th-bg: oklch(37.3% 0.034 259.733) !important;

    font-size: 1rem !important;

    line-height: 1.75 !important;

    :where(p):not(:where([class~="not-format"] *)) {

      margin-top: 1.25em !important;

      margin-bottom: 1.25em !important;
    }

    :where(blockquote > p:first-child):not(:where([class~="not-format"] *)) {

      margin-top: 0 !important;
    }

    :where(video):not(:where([class~="not-format"] *)) {

      margin-top: 2em !important;

      margin-bottom: 2em !important;
    }

    :where(figure):not(:where([class~="not-format"] *)) {

      margin-top: 2em !important;

      margin-bottom: 2em !important;
    }

    :where(li):not(:where([class~="not-format"] *)) {

      margin-top: 0.5em !important;

      margin-bottom: 0.5em !important;
    }

    :where(ol > li):not(:where([class~="not-format"] *)) {

      padding-left: 0.375em !important;
    }

    :where(ul > li):not(:where([class~="not-format"] *)) {

      padding-left: 0.375em !important;
    }

    :where(.format\! > ul > li p):not(:where([class~="not-format"] *)) {

      margin-top: 0.75em !important;

      margin-bottom: 0.75em !important;
    }

    :where(.format\! > ul > li > *:first-child):not(:where([class~="not-format"] *)) {

      margin-top: 1.25em !important;
    }

    :where(.format\! > ul > li > *:last-child):not(:where([class~="not-format"] *)) {

      margin-bottom: 1.25em !important;
    }

    :where(.format\! > ol > li > *:first-child):not(:where([class~="not-format"] *)) {

      margin-top: 1.25em !important;
    }

    :where(.format\! > ol > li > *:last-child):not(:where([class~="not-format"] *)) {

      margin-bottom: 1.25em !important;
    }

    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-format"] *)) {

      margin-top: 0.75em !important;

      margin-bottom: 0.75em !important;
    }

    :where(hr + *):not(:where([class~="not-format"] *)) {

      margin-top: 0 !important;
    }

    :where(h2 + *):not(:where([class~="not-format"] *)) {

      margin-top: 0 !important;
    }

    :where(h3 + *):not(:where([class~="not-format"] *)) {

      margin-top: 0 !important;
    }

    :where(h4 + *):not(:where([class~="not-format"] *)) {

      margin-top: 0 !important;
    }

    :where(thead th:last-child):not(:where([class~="not-format"] *)) {

      padding-right: 0 !important;
    }

    :where(tbody td, tfoot td):not(:where([class~="not-format"] *)) {

      padding-top: 0.5714286em !important;

      padding-right: 0.5714286em !important;

      padding-bottom: 0.5714286em !important;

      padding-left: 0.5714286em !important;
    }

    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-format"] *)) {

      padding-right: 0 !important;
    }

    :where(.format\! > :first-child):not(:where([class~="not-format"] *)) {

      margin-top: 0 !important;
    }

    :where(.format\! > :last-child):not(:where([class~="not-format"] *)) {

      margin-bottom: 0 !important;
    }
  }

  .-m-1 {

    margin: calc(0.25rem * -1);

    margin: calc(var(--spacing) * -1);
  }

  .m-0 {

    margin: 0px;
  }

  .-mx-1\.5 {

    margin-inline: calc(0.25rem * -1.5);

    margin-inline: calc(var(--spacing) * -1.5);
  }

  .-mx-4 {

    margin-inline: calc(0.25rem * -4);

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

  .mx-5 {

    margin-inline: calc(0.25rem * 5);

    margin-inline: calc(var(--spacing) * 5);
  }

  .mx-auto {

    margin-inline: auto;
  }

  .-my-1\.5 {

    margin-block: calc(0.25rem * -1.5);

    margin-block: calc(var(--spacing) * -1.5);
  }

  .my-2 {

    margin-block: calc(0.25rem * 2);

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

  .my-4 {

    margin-block: calc(0.25rem * 4);

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

  .my-5 {

    margin-block: calc(0.25rem * 5);

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

  .ms-auto {

    margin-inline-start: auto;
  }

  .mt-0\.5 {

    margin-top: calc(0.25rem * 0.5);

    margin-top: calc(var(--spacing) * 0.5);
  }

  .mt-1 {

    margin-top: 0.25rem;

    margin-top: var(--spacing);
  }

  .mt-2 {

    margin-top: calc(0.25rem * 2);

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

  .mt-3 {

    margin-top: calc(0.25rem * 3);

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

  .mt-4 {

    margin-top: calc(0.25rem * 4);

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

  .mt-5 {

    margin-top: calc(0.25rem * 5);

    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {

    margin-top: calc(0.25rem * 6);

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

  .mt-10 {

    margin-top: calc(0.25rem * 10);

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

  .mt-auto {

    margin-top: auto;
  }

  .apexcharts-canvas .apexcharts-tooltip {

    background-color: primary !important;

    color: #626984 !important;

    color: var(--color-body) !important;

    border: 0 !important;

    border-radius: 4px !important;

    border-radius: var(--radius-base) !important;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip {

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;

    border-color: #e0e2eb !important;

    border-color: var(--color-default) !important;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    padding-right: 0.75rem !important;

    padding-left: 0.75rem !important;

    margin-bottom: 0.75rem !important;

    background-color: #f3f4f7 !important;

    background-color: var(--color-neutral-tertiary-medium) !important;

    border-color: #f3f4f7 !important;

    border-color: var(--color-light) !important;

    font-size: 0.875rem !important;

    font-weight: 600 !important;

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {

    background-color: #f3f4f7 !important;

    background-color: var(--color-neutral-tertiary-medium) !important;

    border-color: #f3f4f7 !important;

    border-color: var(--color-light) !important;

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip {

    color: #626984 !important;

    color: var(--color-body) !important;

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    padding-right: 0.75rem !important;

    padding-left: 0.75rem !important;

    border-color: transparent !important;

    background-color: white !important;

    border-radius: 4px !important;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  }

  .dark .apexcharts-canvas .apexcharts-xaxistooltip {

    color: #626984 !important;

    color: var(--color-body) !important;

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {

    color: #626984 !important;

    color: var(--color-body) !important;

    font-size: 0.875rem !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {

    color: white !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip-text {

    font-weight: 400 !important;

    font-size: 0.875rem !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:after {

    border-bottom-color: #ffffff !important;

    border-bottom-color: var(--color-neutral-primary-medium) !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:before {

    border-bottom-color: #ffffff !important;

    border-bottom-color: var(--color-neutral-primary-medium) !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:after {

    border-width: 8px !important;

    margin-left: -8px !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:before {

    border-width: 10px !important;

    margin-left: -10px !important;
  }

  .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {

    padding: 0 !important;
  }

  .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {

    padding-left: 0.75rem !important;

    padding-right: 0.75rem !important;

    padding-bottom: 0.75rem !important;

    background-color: #ffffff !important;

    background-color: var(--color-neutral-primary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type {

    padding-top: 0.75rem !important;
  }

  .apexcharts-canvas .apexcharts-legend {

    padding: 0 !important;
  }

  .apexcharts-canvas .apexcharts-legend-text {

    font-size: 0.75rem !important;

    font-weight: 500 !important;

    padding-left: 1.25rem !important;

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  :is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text {

    padding-right: 0.5rem !important;
  }

  .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .dark .apexcharts-canvas .apexcharts-legend-text {

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {

    color: heading !important;
  }

  .apexcharts-canvas .apexcharts-legend-series {

    margin-left: 0.5rem !important;

    margin-right: 0.5rem !important;

    margin-bottom: 0.25rem !important;

    display: flex !important;

    align-items: center !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {

    fill: white !important;
  }

  .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {

    fill: #626984 !important;

    fill: var(--color-body) !important;

    font-size: 1rem,[object Object] !important;

    font-weight: 400 !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {

    fill: #626984 !important;

    fill: var(--color-body) !important;
  }

  .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label {

    font-size: 0.75rem,[object Object] !important;

    font-weight: 600 !important;

    text-shadow: none !important;

    filter: none !important;
  }

  .apexcharts-canvas .apexcharts-legend-series {

    margin-left: 0.5rem !important;

    margin-right: 0.5rem !important;

    margin-bottom: 0.25rem !important;

    display: flex !important;

    align-items: center !important;
  }

  .apexcharts-canvas .apexcharts-tooltip {

    background-color: primary !important;

    color: #626984 !important;

    color: var(--color-body) !important;

    border: 0 !important;

    border-radius: 4px !important;

    border-radius: var(--radius-base) !important;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip {

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;

    border-color: #e0e2eb !important;

    border-color: var(--color-default) !important;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    padding-right: 0.75rem !important;

    padding-left: 0.75rem !important;

    margin-bottom: 0.75rem !important;

    background-color: #f3f4f7 !important;

    background-color: var(--color-neutral-tertiary-medium) !important;

    border-color: #f3f4f7 !important;

    border-color: var(--color-light) !important;

    font-size: 0.875rem !important;

    font-weight: 600 !important;

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {

    background-color: #f3f4f7 !important;

    background-color: var(--color-neutral-tertiary-medium) !important;

    border-color: #f3f4f7 !important;

    border-color: var(--color-light) !important;

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {

    color: #626984 !important;

    color: var(--color-body) !important;

    font-size: 0.875rem !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem !important;
  }

  :is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker {

    margin-right: 0px !important;

    margin-left: 0.375rem !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {

    color: white !important;
  }

  .datatable-wrapper .datatable-top {

    display: flex;

    justify-content: space-between;

    flex-direction: column-reverse;

    align-items: start;

    gap: 1rem;

    margin-bottom: 1rem;

    @media (min-width: 640px) {

      flex-direction: row-reverse;

      align-items: center;
    }
  }

  .datatable-wrapper .datatable-top .datatable-dropdown {

    color: #626984;

    color: var(--color-body);

    font-size: 0.875rem;
  }

  .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-soft);

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem;

    border: 1px solid #e0e2eb;

    border: 1px solid var(--color-default);

    border-radius: 4px;

    border-radius: var(--radius-base);

    margin-right: 0.25rem;

    min-width: 4rem;
  }

  :is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker {

    margin-right: 0px !important;

    margin-left: 0.375rem !important;
  }

  .datatable-wrapper .datatable-top .datatable-dropdown {

    color: #626984;

    color: var(--color-body);

    font-size: 0.875rem;
  }

  .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-soft);

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem;

    border: 1px solid #e0e2eb;

    border: 1px solid var(--color-default);

    border-radius: 4px;

    border-radius: var(--radius-base);

    margin-right: 0.25rem;

    min-width: 4rem;
  }

  .mr-0 {

    margin-right: 0px;
  }

  .mr-1 {

    margin-right: 0.25rem;

    margin-right: var(--spacing);
  }

  .mr-2 {

    margin-right: calc(0.25rem * 2);

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

  .mr-3 {

    margin-right: calc(0.25rem * 3);

    margin-right: calc(var(--spacing) * 3);
  }

  .mr-4 {

    margin-right: calc(0.25rem * 4);

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

  .mr-6 {

    margin-right: calc(0.25rem * 6);

    margin-right: calc(var(--spacing) * 6);
  }

  .mr-8 {

    margin-right: calc(0.25rem * 8);

    margin-right: calc(var(--spacing) * 8);
  }

  .mr-15 {

    margin-right: calc(0.25rem * 15);

    margin-right: calc(var(--spacing) * 15);
  }

  .mr-auto {

    margin-right: auto;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    padding-right: 0.75rem !important;

    padding-left: 0.75rem !important;

    margin-bottom: 0.75rem !important;

    background-color: #f3f4f7 !important;

    background-color: var(--color-neutral-tertiary-medium) !important;

    border-color: #f3f4f7 !important;

    border-color: var(--color-light) !important;

    font-size: 0.875rem !important;

    font-weight: 600 !important;

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {

    background-color: #f3f4f7 !important;

    background-color: var(--color-neutral-tertiary-medium) !important;

    border-color: #f3f4f7 !important;

    border-color: var(--color-light) !important;

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .mb-0 {

    margin-bottom: 0px;
  }

  .mb-1 {

    margin-bottom: 0.25rem;

    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {

    margin-bottom: calc(0.25rem * 1.5);

    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {

    margin-bottom: calc(0.25rem * 2);

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

  .mb-2\.5 {

    margin-bottom: calc(0.25rem * 2.5);

    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {

    margin-bottom: calc(0.25rem * 3);

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

  .mb-4 {

    margin-bottom: calc(0.25rem * 4);

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

  .mb-5 {

    margin-bottom: calc(0.25rem * 5);

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

  .mb-6 {

    margin-bottom: calc(0.25rem * 6);

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

  .mb-8 {

    margin-bottom: calc(0.25rem * 8);

    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {

    margin-bottom: calc(0.25rem * 10);

    margin-bottom: calc(var(--spacing) * 10);
  }

  .apexcharts-canvas .apexcharts-xaxistooltip {

    color: #626984 !important;

    color: var(--color-body) !important;

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    padding-right: 0.75rem !important;

    padding-left: 0.75rem !important;

    border-color: transparent !important;

    background-color: white !important;

    border-radius: 4px !important;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  }

  .dark .apexcharts-canvas .apexcharts-xaxistooltip {

    color: #626984 !important;

    color: var(--color-body) !important;

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:after {

    border-bottom-color: #ffffff !important;

    border-bottom-color: var(--color-neutral-primary-medium) !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:before {

    border-bottom-color: #ffffff !important;

    border-bottom-color: var(--color-neutral-primary-medium) !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:after {

    border-width: 8px !important;

    margin-left: -8px !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip:before {

    border-width: 10px !important;

    margin-left: -10px !important;
  }

  .ml-1 {

    margin-left: 0.25rem;

    margin-left: var(--spacing);
  }

  .ml-2 {

    margin-left: calc(0.25rem * 2);

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

  .ml-3 {

    margin-left: calc(0.25rem * 3);

    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {

    margin-left: calc(0.25rem * 4);

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

  .ml-9 {

    margin-left: calc(0.25rem * 9);

    margin-left: calc(var(--spacing) * 9);
  }

  .ml-auto {

    margin-left: auto;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {

    display: flex;

    align-items: center;

    color: #626984;

    color: var(--color-body);

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    font-weight: 500;

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    height: 2rem;

    font-size: 0.875rem;

    border-top: 1px solid #e0e2eb;

    border-top: 1px solid var(--color-default);

    border-bottom: 1px solid #e0e2eb;

    border-bottom: 1px solid var(--color-default);

    border-right: 1px solid #e0e2eb;

    border-right: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:hover .datatable-pagination-list-item-link {

    color: #121523;

    color: var(--color-heading);

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item.datatable-active .datatable-pagination-list-item-link {

    color: #1e40af;

    color: var(--color-fg-brand);

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {

    border-top-left-radius: 4px;

    border-top-left-radius: var(--radius-base);

    border-bottom-left-radius: 4px;

    border-bottom-left-radius: var(--radius-base);

    border-left: 1px solid #e0e2eb;

    border-left: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {

    border-top-right-radius: 4px;

    border-top-right-radius: var(--radius-base);

    border-bottom-right-radius: 4px;

    border-bottom-right-radius: var(--radius-base);

    border-left: 0;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    color: #626984;

    color: var(--color-body);
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list {

    display: flex;

    align-items: center;

    height: 2rem;

    font-size: 0.875rem;
  }

  .\!block {

    display: block !important;
  }

  .\!table {

    display: table !important;
  }

  .block {

    display: block;
  }

  .block\! {

    display: block !important;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .flex\! {

    display: flex !important;
  }

  .flow-root {

    display: flow-root;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .hidden\! {

    display: none !important;
  }

  .inline {

    display: inline;
  }

  .inline\! {

    display: inline !important;
  }

  .inline-block {

    display: inline-block;
  }

  .inline-flex {

    display: inline-flex;
  }

  .inline-grid {

    display: inline-grid;
  }

  .inline-table {

    display: inline-table;
  }

  .list-item {

    display: list-item;
  }

  .table {

    display: table;
  }

  .table\! {

    display: table !important;
  }

  .table-caption {

    display: table-caption;
  }

  .table-cell {

    display: table-cell;
  }

  .table-column {

    display: table-column;
  }

  .table-column-group {

    display: table-column-group;
  }

  .table-footer-group {

    display: table-footer-group;
  }

  .table-header-group {

    display: table-header-group;
  }

  .table-row {

    display: table-row;
  }

  .table-row-group {

    display: table-row-group;
  }

  .size-3 {

    width: calc(0.25rem * 3);

    width: calc(var(--spacing) * 3);

    height: calc(0.25rem * 3);

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

  .h-1\.5 {

    height: calc(0.25rem * 1.5);

    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {

    height: calc(0.25rem * 2);

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

  .h-2\.5 {

    height: calc(0.25rem * 2.5);

    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {

    height: calc(0.25rem * 3);

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

  .h-3\.5 {

    height: calc(0.25rem * 3.5);

    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {

    height: calc(0.25rem * 4);

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

  .h-5 {

    height: calc(0.25rem * 5);

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

  .h-6 {

    height: calc(0.25rem * 6);

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

  .h-8 {

    height: calc(0.25rem * 8);

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

  .h-9 {

    height: calc(0.25rem * 9);

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

  .h-10 {

    height: calc(0.25rem * 10);

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

  .h-12 {

    height: calc(0.25rem * 12);

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

  .h-14 {

    height: calc(0.25rem * 14);

    height: calc(var(--spacing) * 14);
  }

  .h-16 {

    height: calc(0.25rem * 16);

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

  .h-24 {

    height: calc(0.25rem * 24);

    height: calc(var(--spacing) * 24);
  }

  .h-40 {

    height: calc(0.25rem * 40);

    height: calc(var(--spacing) * 40);
  }

  .h-100 {

    height: calc(0.25rem * 100);

    height: calc(var(--spacing) * 100);
  }

  .h-\[18px\] {

    height: 18px;
  }

  .h-\[35px\] {

    height: 35px;
  }

  .h-\[42px\] {

    height: 42px;
  }

  .h-\[300px\] {

    height: 300px;
  }

  .h-\[calc\(100\%-1rem\)\] {

    height: calc(100% - 1rem);
  }

  .h-auto {

    height: auto;
  }

  .h-fit {

    height: -moz-fit-content;

    height: fit-content;
  }

  .h-full {

    height: 100%;
  }

  .h-screen {

    height: 100vh;
  }

  .max-h-24 {

    max-height: calc(0.25rem * 24);

    max-height: calc(var(--spacing) * 24);
  }

  .max-h-32 {

    max-height: calc(0.25rem * 32);

    max-height: calc(var(--spacing) * 32);
  }

  .max-h-96 {

    max-height: calc(0.25rem * 96);

    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[85vh\] {

    max-height: 85vh;
  }

  .max-h-full {

    max-height: 100%;
  }

  .min-h-0 {

    min-height: 0px;
  }

  .min-h-10 {

    min-height: calc(0.25rem * 10);

    min-height: calc(var(--spacing) * 10);
  }

  .min-h-16 {

    min-height: calc(0.25rem * 16);

    min-height: calc(var(--spacing) * 16);
  }

  .min-h-56 {

    min-height: calc(0.25rem * 56);

    min-height: calc(var(--spacing) * 56);
  }

  .min-h-64 {

    min-height: calc(0.25rem * 64);

    min-height: calc(var(--spacing) * 64);
  }

  .min-h-\[42px\] {

    min-height: 42px;
  }

  .min-h-full {

    min-height: 100%;
  }

  .min-h-screen {

    min-height: 100vh;
  }

  .datatable-wrapper .datatable-table {

    width: 100%;

    font-size: 0.875rem;

    color: #626984;

    color: var(--color-body);

    text-align: left;
  }

  .datatable-wrapper .datatable-table thead {

    font-size: 0.75rem;

    color: #626984;

    color: var(--color-body);

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    border-bottom: 1px solid #e0e2eb;

    border-bottom: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-table thead th {

    white-space: nowrap;

    width: auto !important;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;
  }

  .datatable-wrapper .datatable-table tbody th {

    width: auto !important;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;
  }

  .datatable-wrapper .datatable-table tbody td {

    width: auto !important;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;
  }

  .datatable-wrapper .datatable-table thead th .datatable-sorter {

    text-transform: uppercase;
  }

  .datatable-wrapper .datatable-table thead th {

    text-transform: uppercase;
  }

  .datatable-wrapper .datatable-table thead th .datatable-sorter:hover {

    color: #121523;

    color: var(--color-heading);
  }

  .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter {

    color: #121523;

    color: var(--color-heading);
  }

  .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {

    color: #121523;

    color: var(--color-heading);
  }

  .datatable-wrapper .datatable-table tbody tr.selected {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary);
  }

  .datatable-wrapper .datatable-table tbody tr {

    border-bottom: 1px solid #e0e2eb;

    border-bottom: 1px solid var(--color-default);
  }

  .datatable-wrapper .datatable-table tbody tr:last-child {

    border-bottom: 0;
  }

  .datatable-wrapper .datatable-table .datatable-empty {

    text-align: center;
  }

  .w-1 {

    width: 0.25rem;

    width: var(--spacing);
  }

  .w-1\.5 {

    width: calc(0.25rem * 1.5);

    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {

    width: calc(1 / 2 * 100%);
  }

  .w-2 {

    width: calc(0.25rem * 2);

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

  .w-2\.5 {

    width: calc(0.25rem * 2.5);

    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/5 {

    width: calc(2 / 5 * 100%);
  }

  .w-3 {

    width: calc(0.25rem * 3);

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

  .w-3\.5 {

    width: calc(0.25rem * 3.5);

    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {

    width: calc(0.25rem * 4);

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

  .w-5 {

    width: calc(0.25rem * 5);

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

  .w-6 {

    width: calc(0.25rem * 6);

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

  .w-7 {

    width: calc(0.25rem * 7);

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

  .w-8 {

    width: calc(0.25rem * 8);

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

  .w-9 {

    width: calc(0.25rem * 9);

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

  .w-10 {

    width: calc(0.25rem * 10);

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

  .w-11 {

    width: calc(0.25rem * 11);

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

  .w-12 {

    width: calc(0.25rem * 12);

    width: calc(var(--spacing) * 12);
  }

  .w-14 {

    width: calc(0.25rem * 14);

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

  .w-16 {

    width: calc(0.25rem * 16);

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

  .w-20 {

    width: calc(0.25rem * 20);

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

  .w-24 {

    width: calc(0.25rem * 24);

    width: calc(var(--spacing) * 24);
  }

  .w-32 {

    width: calc(0.25rem * 32);

    width: calc(var(--spacing) * 32);
  }

  .w-36 {

    width: calc(0.25rem * 36);

    width: calc(var(--spacing) * 36);
  }

  .w-40 {

    width: calc(0.25rem * 40);

    width: calc(var(--spacing) * 40);
  }

  .w-44 {

    width: calc(0.25rem * 44);

    width: calc(var(--spacing) * 44);
  }

  .w-52 {

    width: calc(0.25rem * 52);

    width: calc(var(--spacing) * 52);
  }

  .w-56 {

    width: calc(0.25rem * 56);

    width: calc(var(--spacing) * 56);
  }

  .w-60 {

    width: calc(0.25rem * 60);

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

  .w-64 {

    width: calc(0.25rem * 64);

    width: calc(var(--spacing) * 64);
  }

  .w-72 {

    width: calc(0.25rem * 72);

    width: calc(var(--spacing) * 72);
  }

  .w-100 {

    width: calc(0.25rem * 100);

    width: calc(var(--spacing) * 100);
  }

  .w-\[5\.5rem\] {

    width: 5.5rem;
  }

  .w-\[7\.5rem\] {

    width: 7.5rem;
  }

  .w-\[18\%\] {

    width: 18%;
  }

  .w-\[18px\] {

    width: 18px;
  }

  .w-\[42px\] {

    width: 42px;
  }

  .w-\[180px\] {

    width: 180px;
  }

  .w-\[220px\] {

    width: 220px;
  }

  .w-\[300px\] {

    width: 300px;
  }

  .w-\[calc\(100vw-2rem\)\] {

    width: calc(100vw - 2rem);
  }

  .w-auto {

    width: auto;
  }

  .w-fit {

    width: -moz-fit-content;

    width: fit-content;
  }

  .w-full {

    width: 100%;
  }

  .max-w-2xl {

    max-width: 42rem;

    max-width: var(--container-2xl);
  }

  .max-w-3xl {

    max-width: 48rem;

    max-width: var(--container-3xl);
  }

  .max-w-4xl {

    max-width: 56rem;

    max-width: var(--container-4xl);
  }

  .max-w-5xl {

    max-width: 64rem;

    max-width: var(--container-5xl);
  }

  .max-w-6xl {

    max-width: 72rem;

    max-width: var(--container-6xl);
  }

  .max-w-7xl {

    max-width: 80rem;

    max-width: var(--container-7xl);
  }

  .max-w-24 {

    max-width: calc(0.25rem * 24);

    max-width: calc(var(--spacing) * 24);
  }

  .max-w-32 {

    max-width: calc(0.25rem * 32);

    max-width: calc(var(--spacing) * 32);
  }

  .max-w-\[22rem\] {

    max-width: 22rem;
  }

  .max-w-\[40vw\] {

    max-width: 40vw;
  }

  .max-w-full {

    max-width: 100%;
  }

  .max-w-lg {

    max-width: 32rem;

    max-width: var(--container-lg);
  }

  .max-w-md {

    max-width: 28rem;

    max-width: var(--container-md);
  }

  .max-w-screen-2xl {

    max-width: 96rem;

    max-width: var(--breakpoint-2xl);
  }

  .max-w-sm {

    max-width: 24rem;

    max-width: var(--container-sm);
  }

  .max-w-xl {

    max-width: 36rem;

    max-width: var(--container-xl);
  }

  .max-w-xs {

    max-width: 20rem;

    max-width: var(--container-xs);
  }

  .datatable-wrapper .datatable-search .datatable-input {

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem;

    border: 1px solid #e0e2eb;

    border: 1px solid var(--color-default);

    border-radius: 4px;

    border-radius: var(--radius-base);

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-soft);

    min-width: 16rem;
  }

  .datatable-wrapper .datatable-input {

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem;

    border: 1px solid #e0e2eb;

    border: 1px solid var(--color-default);

    border-radius: 4px;

    border-radius: var(--radius-base);

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-soft);

    min-width: 16rem;
  }

  .datatable-wrapper thead th .datatable-input {

    background-color: #ffffff;

    background-color: var(--color-neutral-primary);

    font-weight: 400;

    color: #121523;

    color: var(--color-heading);

    padding-top: .35rem;

    padding-bottom: .35rem;

    min-width: 0;
  }

  .datatable-wrapper .datatable-search .datatable-input:focus {

    border-color: #1e40af;

    border-color: var(--color-brand);
  }

  .datatable-wrapper .datatable-search .datatable-input {

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem;

    border: 1px solid #e0e2eb;

    border: 1px solid var(--color-default);

    border-radius: 4px;

    border-radius: var(--radius-base);

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-soft);

    min-width: 16rem;
  }

  .datatable-wrapper .datatable-search .datatable-input:focus {

    border-color: #1e40af;

    border-color: var(--color-brand);
  }

  .min-w-0 {

    min-width: 0px;
  }

  .min-w-4 {

    min-width: calc(0.25rem * 4);

    min-width: calc(var(--spacing) * 4);
  }

  .min-w-5 {

    min-width: calc(0.25rem * 5);

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

  .min-w-9 {

    min-width: calc(0.25rem * 9);

    min-width: calc(var(--spacing) * 9);
  }

  .min-w-14 {

    min-width: calc(0.25rem * 14);

    min-width: calc(var(--spacing) * 14);
  }

  .min-w-16 {

    min-width: calc(0.25rem * 16);

    min-width: calc(var(--spacing) * 16);
  }

  .min-w-20 {

    min-width: calc(0.25rem * 20);

    min-width: calc(var(--spacing) * 20);
  }

  .min-w-28 {

    min-width: calc(0.25rem * 28);

    min-width: calc(var(--spacing) * 28);
  }

  .min-w-36 {

    min-width: calc(0.25rem * 36);

    min-width: calc(var(--spacing) * 36);
  }

  .min-w-44 {

    min-width: calc(0.25rem * 44);

    min-width: calc(var(--spacing) * 44);
  }

  .min-w-80 {

    min-width: calc(0.25rem * 80);

    min-width: calc(var(--spacing) * 80);
  }

  .min-w-\[4rem\] {

    min-width: 4rem;
  }

  .min-w-\[64rem\] {

    min-width: 64rem;
  }

  .min-w-\[180px\] {

    min-width: 180px;
  }

  .min-w-\[640px\] {

    min-width: 640px;
  }

  .min-w-\[720px\] {

    min-width: 720px;
  }

  .min-w-\[760px\] {

    min-width: 760px;
  }

  .min-w-\[820px\] {

    min-width: 820px;
  }

  .min-w-\[900px\] {

    min-width: 900px;
  }

  .min-w-\[950px\] {

    min-width: 950px;
  }

  .min-w-\[1000px\] {

    min-width: 1000px;
  }

  .min-w-\[1100px\] {

    min-width: 1100px;
  }

  .min-w-\[1180px\] {

    min-width: 1180px;
  }

  .min-w-\[1200px\] {

    min-width: 1200px;
  }

  .min-w-full {

    min-width: 100%;
  }

  .min-w-max {

    min-width: -moz-max-content;

    min-width: max-content;
  }

  .flex-1 {

    flex: 1 1;
  }

  .flex-none {

    flex: none;
  }

  .flex-shrink {

    flex-shrink: 1;
  }

  .flex-shrink-0 {

    flex-shrink: 0;
  }

  .shrink {

    flex-shrink: 1;
  }

  .shrink-0 {

    flex-shrink: 0;
  }

  .flex-grow {

    flex-grow: 1;
  }

  .flex-grow-1 {

    flex-grow: 1;
  }

  .grow {

    flex-grow: 1;
  }

  .basis-48 {

    flex-basis: calc(0.25rem * 48);

    flex-basis: calc(var(--spacing) * 48);
  }

  .basis-full {

    flex-basis: 100%;
  }

  .border-collapse {

    border-collapse: collapse;
  }

  .-translate-x-full {

    --tw-translate-x: -100%;

    translate: -100% var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {

    --tw-translate-x: 0px;

    translate: 0px var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {

    --tw-translate-x: 100%;

    translate: 100% var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {

    --tw-translate-y: -100%;

    translate: var(--tw-translate-x) -100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {

    --tw-translate-y: 100%;

    translate: var(--tw-translate-x) 100%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {

    rotate: 180deg;
  }

  .transform {

    transform:          ;

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

  .transform-none {

    transform: none;
  }

  .animate-spin {

    animation: spin 1s linear infinite;

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

  .cursor-default {

    cursor: default;
  }

  .cursor-help {

    cursor: help;
  }

  .cursor-move {

    cursor: move;
  }

  .cursor-not-allowed {

    cursor: not-allowed;
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .resize {

    resize: both;
  }

  .list-decimal {

    list-style-type: decimal;
  }

  .list-disc {

    list-style-type: disc;
  }

  .appearance-none {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
  }

  .grid-cols-1 {

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

  .grid-cols-2 {

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

  .grid-cols-3 {

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

  .grid-cols-4 {

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

  .grid-cols-7 {

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

  .grid-cols-10 {

    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .flex-col {

    flex-direction: column;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .items-start {

    align-items: flex-start;
  }

  .items-stretch {

    align-items: stretch;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .justify-end {

    justify-content: flex-end;
  }

  .justify-start {

    justify-content: flex-start;
  }

  .gap-0\.5 {

    gap: calc(0.25rem * 0.5);

    gap: calc(var(--spacing) * 0.5);
  }

  .gap-1 {

    gap: 0.25rem;

    gap: var(--spacing);
  }

  .gap-2 {

    gap: calc(0.25rem * 2);

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

  .gap-3 {

    gap: calc(0.25rem * 3);

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

  .gap-4 {

    gap: calc(0.25rem * 4);

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

  .gap-5 {

    gap: calc(0.25rem * 5);

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

  .gap-6 {

    gap: calc(0.25rem * 6);

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

  :where(.space-y-0 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: 0;

    margin-block-end: 0;
  }

  :where(.space-y-1 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(0.25rem * 0);

    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));

    margin-block-end: calc(0.25rem * calc(1 - 0));

    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 2) * 0);

    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 2) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 3) * 0);

    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 3) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 4) * 0);

    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 4) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 5) * 0);

    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 5) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 6) * 0);

    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 6) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 8) * 0);

    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 8) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1 {

    -moz-column-gap: 0.25rem;

         column-gap: 0.25rem;

    -moz-column-gap: var(--spacing);

         column-gap: var(--spacing);
  }

  .gap-x-4 {

    -moz-column-gap: calc(0.25rem * 4);

         column-gap: calc(0.25rem * 4);

    -moz-column-gap: calc(var(--spacing) * 4);

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

  .gap-x-6 {

    -moz-column-gap: calc(0.25rem * 6);

         column-gap: calc(0.25rem * 6);

    -moz-column-gap: calc(var(--spacing) * 6);

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

  .gap-x-8 {

    -moz-column-gap: calc(0.25rem * 8);

         column-gap: calc(0.25rem * 8);

    -moz-column-gap: calc(var(--spacing) * 8);

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

  .gap-x-12 {

    -moz-column-gap: calc(0.25rem * 12);

         column-gap: calc(0.25rem * 12);

    -moz-column-gap: calc(var(--spacing) * 12);

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

  :where(.-space-x-px > :not(:last-child)) {

    --tw-space-x-reverse: 0;

    margin-inline-start: calc(-1px * 0);

    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));

    margin-inline-end: calc(-1px * calc(1 - 0));

    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {

    --tw-space-x-reverse: 0;

    margin-inline-start: calc(calc(0.25rem * 2) * 0);

    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));

    margin-inline-end: calc(calc(0.25rem * 2) * calc(1 - 0));

    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-3 {

    row-gap: calc(0.25rem * 3);

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

  .gap-y-4 {

    row-gap: calc(0.25rem * 4);

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

  .gap-y-6 {

    row-gap: calc(0.25rem * 6);

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

  :where(.divide-y > :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 * 0);

    border-top-width: calc(1px * var(--tw-divide-y-reverse));

    border-bottom-width: calc(1px * calc(1 - 0));

    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-gray-100 > :not(:last-child)) {

    border-color: #f3f4f7;

    border-color: var(--color-gray-100);
  }

  :where(.divide-gray-200 > :not(:last-child)) {

    border-color: #e0e2eb;

    border-color: var(--color-gray-200);
  }

  .self-center {

    align-self: center;
  }

  .self-end {

    align-self: flex-end;
  }

  .self-start {

    align-self: flex-start;
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-auto {

    overflow: auto;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .datatable-wrapper .datatable-container thead tr.search-filtering-row th {

    padding-top: 0;
  }

  .datatable-wrapper .datatable-container {

    overflow-x: auto;

    border: 1px solid #e0e2eb;

    border: 1px solid var(--color-default);

    border-radius: 4px;

    border-radius: var(--radius-base);
  }

  .overflow-x-auto {

    overflow-x: auto;
  }

  .overflow-x-hidden {

    overflow-x: hidden;
  }

  .overflow-y-auto {

    overflow-y: auto;
  }

  .rounded {

    border-radius: 4px;

    border-radius: var(--radius);
  }

  .rounded-base {

    border-radius: 4px;

    border-radius: var(--radius-base);
  }

  .rounded-full {

    border-radius: calc(infinity * 1px);

    border-radius: var(--radius-full);
  }

  .rounded-lg {

    border-radius: 4px;

    border-radius: var(--radius-lg);
  }

  .rounded-md {

    border-radius: 4px;

    border-radius: var(--radius-md);
  }

  .rounded-sm {

    border-radius: 4px;

    border-radius: var(--radius-sm);
  }

  .rounded-xs {

    border-radius: 4px;

    border-radius: var(--radius-xs);
  }

  .rounded-s-base {

    border-start-start-radius: 4px;

    border-start-start-radius: var(--radius-base);

    border-end-start-radius: 4px;

    border-end-start-radius: var(--radius-base);
  }

  .rounded-e-base {

    border-start-end-radius: 4px;

    border-start-end-radius: var(--radius-base);

    border-end-end-radius: 4px;

    border-end-end-radius: var(--radius-base);
  }

  .rounded-t {

    border-top-left-radius: 4px;

    border-top-left-radius: var(--radius);

    border-top-right-radius: 4px;

    border-top-right-radius: var(--radius);
  }

  .rounded-t-lg {

    border-top-left-radius: 4px;

    border-top-left-radius: var(--radius-lg);

    border-top-right-radius: 4px;

    border-top-right-radius: var(--radius-lg);
  }

  .rounded-l-lg {

    border-top-left-radius: 4px;

    border-top-left-radius: var(--radius-lg);

    border-bottom-left-radius: 4px;

    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-r-lg {

    border-top-right-radius: 4px;

    border-top-right-radius: var(--radius-lg);

    border-bottom-right-radius: 4px;

    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-b {

    border-bottom-right-radius: 4px;

    border-bottom-right-radius: var(--radius);

    border-bottom-left-radius: 4px;

    border-bottom-left-radius: var(--radius);
  }

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-0 {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .border-2 {

    border-style: var(--tw-border-style);

    border-width: 2px;
  }

  .border-4 {

    border-style: var(--tw-border-style);

    border-width: 4px;
  }

  .border-y {

    border-block-style: var(--tw-border-style);

    border-block-width: 1px;
  }

  .border-t {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;
  }

  .border-r {

    border-right-style: var(--tw-border-style);

    border-right-width: 1px;
  }

  .border-b {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-b-2 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 2px;
  }

  .border-l {

    border-left-style: var(--tw-border-style);

    border-left-width: 1px;
  }

  .border-dashed {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip {

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;

    border-color: #e0e2eb !important;

    border-color: var(--color-default) !important;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {

    background-color: #f3f4f7 !important;

    background-color: var(--color-neutral-tertiary-medium) !important;

    border-color: #f3f4f7 !important;

    border-color: var(--color-light) !important;

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .dark .apexcharts-canvas .apexcharts-xaxistooltip {

    color: #626984 !important;

    color: var(--color-body) !important;

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {

    color: white !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .dark .apexcharts-canvas .apexcharts-legend-text {

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {

    color: heading !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {

    fill: white !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {

    fill: #626984 !important;

    fill: var(--color-body) !important;
  }

  .dark .apexcharts-gridline {

    stroke: #e0e2eb !important;

    stroke: var(--color-default) !important;
  }

  .dark .apexcharts-xcrosshairs {

    stroke: #e0e2eb !important;

    stroke: var(--color-default) !important;
  }

  .dark .apexcharts-ycrosshairs {

    stroke: #e0e2eb !important;

    stroke: var(--color-default) !important;
  }

  .border-amber-100 {

    border-color: #fce7bd;

    border-color: var(--color-amber-100);
  }

  .border-amber-200 {

    border-color: #fce7bd;

    border-color: var(--color-amber-200);
  }

  .border-blue-100 {

    border-color: #b9d9fc;

    border-color: var(--color-blue-100);
  }

  .border-blue-200 {

    border-color: #b9d9fc;

    border-color: var(--color-blue-200);
  }

  .border-blue-300 {

    border-color: #67a3e7;

    border-color: var(--color-blue-300);
  }

  .border-blue-700 {

    border-color: #1e40af;

    border-color: var(--color-blue-700);
  }

  .border-brand {

    border-color: #1e40af;

    border-color: var(--color-brand);
  }

  .border-cyan-200 {

    border-color: #5de1e6;

    border-color: var(--color-cyan-200);
  }

  .border-default-medium {

    border-color: #e0e2eb;

    border-color: var(--color-default-medium);
  }

  .border-emerald-200 {

    border-color: #ace3d0;

    border-color: var(--color-emerald-200);
  }

  .border-emerald-500 {

    border-color: #65c7a6;

    border-color: var(--color-emerald-500);
  }

  .border-gray-100 {

    border-color: #f3f4f7;

    border-color: var(--color-gray-100);
  }

  .border-gray-200 {

    border-color: #e0e2eb;

    border-color: var(--color-gray-200);
  }

  .border-gray-300 {

    border-color: #c2c6d6;

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

  .border-green-200 {

    border-color: #ace3d0;

    border-color: var(--color-green-200);
  }

  .border-green-300 {

    border-color: #65c7a6;

    border-color: var(--color-green-300);
  }

  .border-input {

    border-color: #858b9d;

    border-color: var(--color-input);
  }

  .border-primary-100 {

    border-color: #dee2f4;

    border-color: var(--color-primary-100);
  }

  .border-primary-200 {

    border-color: #d3d8ed;

    border-color: var(--color-primary-200);
  }

  .border-primary-300 {

    border-color: #d3d8ed;

    border-color: var(--color-primary-300);
  }

  .border-primary-600 {

    border-color: #22316d;

    border-color: var(--color-primary-600);
  }

  .border-primary-700 {

    border-color: #22316d;

    border-color: var(--color-primary-700);
  }

  .border-red-200 {

    border-color: #f5c2c1;

    border-color: var(--color-red-200);
  }

  .border-red-300 {

    border-color: #f5c2c1;

    border-color: var(--color-red-300);
  }

  .border-red-400 {

    border-color: #e27672;

    border-color: var(--color-red-400);
  }

  .border-red-500 {

    border-color: #e27672;

    border-color: var(--color-red-500);
  }

  .border-transparent {

    border-color: transparent;
  }

  .border-white {

    border-color: #ffffff;

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

  .border-yellow-200 {

    border-color: #fce7bd;

    border-color: var(--color-yellow-200);
  }

  .border-yellow-300 {

    border-color: #fbd551;

    border-color: var(--color-yellow-300);
  }

  .border-t-blue-600 {

    border-top-color: #1d4ed8;

    border-top-color: var(--color-blue-600);
  }

  .border-t-blue-700 {

    border-top-color: #1e40af;

    border-top-color: var(--color-blue-700);
  }

  .border-t-primary-700 {

    border-top-color: #22316d;

    border-top-color: var(--color-primary-700);
  }

  .border-t-transparent {

    border-top-color: transparent;
  }

  .border-t-white {

    border-top-color: #ffffff;

    border-top-color: var(--color-white);
  }

  .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {

    padding: 0 !important;
  }

  .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {

    padding-left: 0.75rem !important;

    padding-right: 0.75rem !important;

    padding-bottom: 0.75rem !important;

    background-color: #ffffff !important;

    background-color: var(--color-neutral-primary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary-medium) !important;

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type {

    padding-top: 0.75rem !important;
  }

  .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item.datatable-active .datatable-pagination-list-item-link {

    color: #1e40af;

    color: var(--color-fg-brand);

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .selectedCell {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);

    .dark & {

      background-color: #ffffff;

      background-color: var(--color-neutral-secondary-medium);
    }
  }

  .bg-\[\#5DE1E6\] {

    background-color: #5DE1E6;
  }

  .bg-\[\#ACE3D0\] {

    background-color: #ACE3D0;
  }

  .bg-\[\#F5C2C1\] {

    background-color: #F5C2C1;
  }

  .bg-\[\#FCB196\] {

    background-color: #FCB196;
  }

  .bg-amber-50 {

    background-color: #fce7bd;

    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {

    background-color: #fce7bd;

    background-color: var(--color-amber-100);
  }

  .bg-blue-50 {

    background-color: #b9d9fc;

    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {

    background-color: #b9d9fc;

    background-color: var(--color-blue-100);
  }

  .bg-blue-600 {

    background-color: #1d4ed8;

    background-color: var(--color-blue-600);
  }

  .bg-blue-700 {

    background-color: #1e40af;

    background-color: var(--color-blue-700);
  }

  .bg-brand {

    background-color: #1e40af;

    background-color: var(--color-brand);
  }

  .bg-cyan-50 {

    background-color: #a0e7e3;

    background-color: var(--color-cyan-50);
  }

  .bg-cyan-100 {

    background-color: #a0e7e3;

    background-color: var(--color-cyan-100);
  }

  .bg-danger-600 {

    background-color: #b42318;

    background-color: var(--color-danger-600);
  }

  .bg-dark-backdrop\/70 {

    background-color: color-mix(in srgb, #121523 70%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, #121523 70%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        background-color: color-mix(in oklab, var(--color-dark-backdrop) 70%, transparent);
      }
}
  }

  .bg-emerald-50 {

    background-color: #ace3d0;

    background-color: var(--color-emerald-50);
  }

  .bg-emerald-100 {

    background-color: #ace3d0;

    background-color: var(--color-emerald-100);
  }

  .bg-emerald-500 {

    background-color: #65c7a6;

    background-color: var(--color-emerald-500);
  }

  .bg-emerald-600 {

    background-color: #087f5b;

    background-color: var(--color-emerald-600);
  }

  .bg-gray-50 {

    background-color: #ffffff;

    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {

    background-color: #f3f4f7;

    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {

    background-color: #e0e2eb;

    background-color: var(--color-gray-200);
  }

  .bg-gray-500 {

    background-color: #676f89;

    background-color: var(--color-gray-500);
  }

  .bg-gray-600 {

    background-color: #626984;

    background-color: var(--color-gray-600);
  }

  .bg-gray-900 {

    background-color: #121523;

    background-color: var(--color-gray-900);
  }

  .bg-gray-900\/50 {

    background-color: color-mix(in srgb, #121523 50%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, #121523 50%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
      }
}
  }

  .bg-green-50 {

    background-color: #ace3d0;

    background-color: var(--color-green-50);
  }

  .bg-green-100 {

    background-color: #ace3d0;

    background-color: var(--color-green-100);
  }

  .bg-green-500 {

    background-color: #65c7a6;

    background-color: var(--color-green-500);
  }

  .bg-green-600 {

    background-color: #087f5b;

    background-color: var(--color-green-600);
  }

  .bg-green-700 {

    background-color: #047857;

    background-color: var(--color-green-700);
  }

  .bg-light {

    background-color: #f3f4f7;

    background-color: var(--color-light);
  }

  .bg-neutral-primary {

    background-color: #ffffff;

    background-color: var(--color-neutral-primary);
  }

  .bg-neutral-primary-medium {

    background-color: #ffffff;

    background-color: var(--color-neutral-primary-medium);
  }

  .bg-neutral-quaternary {

    background-color: #e0e2eb;

    background-color: var(--color-neutral-quaternary);
  }

  .bg-neutral-secondary-medium {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);
  }

  .bg-neutral-tertiary-medium {

    background-color: #f3f4f7;

    background-color: var(--color-neutral-tertiary-medium);
  }

  .bg-primary-50 {

    background-color: #dee2f4;

    background-color: var(--color-primary-50);
  }

  .bg-primary-100 {

    background-color: #dee2f4;

    background-color: var(--color-primary-100);
  }

  .bg-primary-600 {

    background-color: #22316d;

    background-color: var(--color-primary-600);
  }

  .bg-primary-700 {

    background-color: #22316d;

    background-color: var(--color-primary-700);
  }

  .bg-red-50 {

    background-color: #f5c2c1;

    background-color: var(--color-red-50);
  }

  .bg-red-100 {

    background-color: #f5c2c1;

    background-color: var(--color-red-100);
  }

  .bg-red-500 {

    background-color: #e27672;

    background-color: var(--color-red-500);
  }

  .bg-red-600 {

    background-color: #b42318;

    background-color: var(--color-red-600);
  }

  .bg-surface-muted {

    background-color: #f6f6f8;

    background-color: var(--color-surface-muted);
  }

  .bg-transparent {

    background-color: transparent;
  }

  .bg-warning {

    background-color: #f0916e;

    background-color: var(--color-warning);
  }

  .bg-white {

    background-color: #ffffff;

    background-color: var(--color-white);
  }

  .bg-white\/50 {

    background-color: color-mix(in srgb, #ffffff 50%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, #ffffff 50%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
}
  }

  .bg-white\/60 {

    background-color: color-mix(in srgb, #ffffff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, #ffffff 60%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
}
  }

  .bg-white\/90 {

    background-color: color-mix(in srgb, #ffffff 90%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, #ffffff 90%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
}
  }

  .bg-yellow-50 {

    background-color: #fce7bd;

    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {

    background-color: #fce7bd;

    background-color: var(--color-yellow-100);
  }

  .bg-yellow-500 {

    background-color: #fbd551;

    background-color: var(--color-yellow-500);
  }

  .dark .selectedCell {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary-medium);
  }

  .datatable-wrapper .datatable-table tbody tr.selected {

    background-color: #ffffff;

    background-color: var(--color-neutral-secondary);
  }

  .datatable-wrapper .datatable-table tbody tr.selected\! {

    background-color: #ffffff !important;

    background-color: var(--color-neutral-secondary) !important;
  }

  .bg-gradient-to-b {

    --tw-gradient-position: to bottom in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-\[\#5DE1E6\] {

    --tw-gradient-from: #5DE1E6;

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-primary-600 {

    --tw-gradient-via: var(--color-primary-600);

    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-primary-900 {

    --tw-gradient-to: var(--color-primary-900);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .mask-repeat {

    -webkit-mask-repeat: repeat;

            mask-repeat: repeat;
  }

  .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {

    fill: #121523 !important;

    fill: var(--color-heading) !important;

    font-size: 1.875rem,[object Object] !important;

    font-weight: 700 !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {

    fill: white !important;
  }

  .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {

    fill: #626984 !important;

    fill: var(--color-body) !important;

    font-size: 1rem,[object Object] !important;

    font-weight: 400 !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {

    fill: #626984 !important;

    fill: var(--color-body) !important;
  }

  .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {

    fill: #626984 !important;

    fill: var(--color-body) !important;

    font-size: 1rem,[object Object] !important;

    font-weight: 400 !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {

    fill: #626984 !important;

    fill: var(--color-body) !important;
  }

  .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {

    fill: #121523 !important;

    fill: var(--color-heading) !important;

    font-size: 1.875rem,[object Object] !important;

    font-weight: 700 !important;
  }

  .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {

    fill: white !important;
  }

  .apexcharts-ycrosshairs {

    stroke: #e0e2eb !important;

    stroke: var(--color-default) !important;

    .dark & {

      stroke: #e0e2eb !important;

      stroke: var(--color-default) !important;
    }
  }

  .object-contain {

    -o-object-fit: contain;

       object-fit: contain;
  }

  .object-cover {

    -o-object-fit: cover;

       object-fit: cover;
  }

  .apexcharts-canvas .apexcharts-legend {

    padding: 0 !important;
  }

  .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {

    padding: 0 !important;
  }

  .p-0 {

    padding: 0px;
  }

  .p-1 {

    padding: 0.25rem;

    padding: var(--spacing);
  }

  .p-1\.5 {

    padding: calc(0.25rem * 1.5);

    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {

    padding: calc(0.25rem * 2);

    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {

    padding: calc(0.25rem * 2.5);

    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {

    padding: calc(0.25rem * 3);

    padding: calc(var(--spacing) * 3);
  }

  .p-4 {

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);
  }

  .p-5 {

    padding: calc(0.25rem * 5);

    padding: calc(var(--spacing) * 5);
  }

  .p-6 {

    padding: calc(0.25rem * 6);

    padding: calc(var(--spacing) * 6);
  }

  .p-8 {

    padding: calc(0.25rem * 8);

    padding: calc(var(--spacing) * 8);
  }

  .px-0 {

    padding-inline: 0px;
  }

  .px-1 {

    padding-inline: 0.25rem;

    padding-inline: var(--spacing);
  }

  .px-1\.5 {

    padding-inline: calc(0.25rem * 1.5);

    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {

    padding-inline: calc(0.25rem * 2);

    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {

    padding-inline: calc(0.25rem * 2.5);

    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {

    padding-inline: calc(0.25rem * 5);

    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {

    padding-inline: calc(0.25rem * 6);

    padding-inline: calc(var(--spacing) * 6);
  }

  .px-12 {

    padding-inline: calc(0.25rem * 12);

    padding-inline: calc(var(--spacing) * 12);
  }

  .py-0 {

    padding-block: 0px;
  }

  .py-0\.5 {

    padding-block: calc(0.25rem * 0.5);

    padding-block: calc(var(--spacing) * 0.5);
  }

  .py-1 {

    padding-block: 0.25rem;

    padding-block: var(--spacing);
  }

  .py-1\.5 {

    padding-block: calc(0.25rem * 1.5);

    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {

    padding-block: calc(0.25rem * 2.5);

    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {

    padding-block: calc(0.25rem * 3);

    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {

    padding-block: calc(0.25rem * 4);

    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {

    padding-block: calc(0.25rem * 5);

    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {

    padding-block: calc(0.25rem * 6);

    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {

    padding-block: calc(0.25rem * 8);

    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {

    padding-block: calc(0.25rem * 10);

    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {

    padding-block: calc(0.25rem * 12);

    padding-block: calc(var(--spacing) * 12);
  }

  .ps-4 {

    padding-inline-start: calc(0.25rem * 4);

    padding-inline-start: calc(var(--spacing) * 4);
  }

  .pe-3 {

    padding-inline-end: calc(0.25rem * 3);

    padding-inline-end: calc(var(--spacing) * 3);
  }

  .pe-4 {

    padding-inline-end: calc(0.25rem * 4);

    padding-inline-end: calc(var(--spacing) * 4);
  }

  .pt-2 {

    padding-top: calc(0.25rem * 2);

    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {

    padding-top: calc(0.25rem * 3);

    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {

    padding-top: calc(0.25rem * 4);

    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {

    padding-top: calc(0.25rem * 5);

    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {

    padding-top: calc(0.25rem * 6);

    padding-top: calc(var(--spacing) * 6);
  }

  .pt-16 {

    padding-top: calc(0.25rem * 16);

    padding-top: calc(var(--spacing) * 16);
  }

  .datatable-wrapper .datatable-container thead tr.search-filtering-row th {

    padding-top: 0;
  }

  .apexcharts-canvas .apexcharts-legend-text {

    font-size: 0.75rem !important;

    font-weight: 500 !important;

    padding-left: 1.25rem !important;

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  :is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text {

    padding-right: 0.5rem !important;
  }

  .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {

    color: #121523 !important;

    color: var(--color-heading) !important;
  }

  .dark .apexcharts-canvas .apexcharts-legend-text {

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {

    color: heading !important;
  }

  .pr-3 {

    padding-right: calc(0.25rem * 3);

    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {

    padding-right: calc(0.25rem * 4);

    padding-right: calc(var(--spacing) * 4);
  }

  .pr-8 {

    padding-right: calc(0.25rem * 8);

    padding-right: calc(var(--spacing) * 8);
  }

  .pb-1 {

    padding-bottom: 0.25rem;

    padding-bottom: var(--spacing);
  }

  .pb-2 {

    padding-bottom: calc(0.25rem * 2);

    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {

    padding-bottom: calc(0.25rem * 3);

    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {

    padding-bottom: calc(0.25rem * 4);

    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {

    padding-bottom: calc(0.25rem * 5);

    padding-bottom: calc(var(--spacing) * 5);
  }

  .pl-3 {

    padding-left: calc(0.25rem * 3);

    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {

    padding-left: calc(0.25rem * 4);

    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {

    padding-left: calc(0.25rem * 5);

    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {

    padding-left: calc(0.25rem * 6);

    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {

    padding-left: calc(0.25rem * 7);

    padding-left: calc(var(--spacing) * 7);
  }

  .pl-10 {

    padding-left: calc(0.25rem * 10);

    padding-left: calc(var(--spacing) * 10);
  }

  .pl-14 {

    padding-left: calc(0.25rem * 14);

    padding-left: calc(var(--spacing) * 14);
  }

  .datatable-wrapper .datatable-table .datatable-empty {

    text-align: center;
  }

  .text-center {

    text-align: center;
  }

  .text-justify {

    text-align: justify;
  }

  .text-left {

    text-align: left;
  }

  .text-right {

    text-align: right;
  }

  .text-start {

    text-align: start;
  }

  .align-middle {

    vertical-align: middle;
  }

  .align-text-bottom {

    vertical-align: text-bottom;
  }

  .align-top {

    vertical-align: top;
  }

  .font-mono {

    font-family: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace';

    font-family: var(--font-mono);
  }

  .text-2xl {

    font-size: 1.5rem;

    font-size: var(--text-2xl);

    line-height: calc(2 / 1.5);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {

    font-size: 1.875rem;

    font-size: var(--text-3xl);

    line-height: calc(2.25 / 1.875);

    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-5xl {

    font-size: 3rem;

    font-size: var(--text-5xl);

    line-height: 1;

    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: calc(1.5 / 1);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {

    font-size: 1.25rem;

    font-size: var(--text-xl);

    line-height: calc(1.75 / 1.25);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {

    font-size: 0.75rem;

    font-size: var(--text-xs);

    line-height: calc(1 / 0.75);

    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label {

    font-size: 0.75rem,[object Object] !important;

    font-weight: 600 !important;

    text-shadow: none !important;

    filter: none !important;
  }

  .apexcharts-canvas .apexcharts-xaxistooltip-text {

    font-weight: 400 !important;

    font-size: 0.875rem !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {

    color: #626984 !important;

    color: var(--color-body) !important;

    font-size: 0.875rem !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {

    color: #626984 !important;

    color: var(--color-body) !important;
  }

  .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {

    color: #121523;

    color: var(--color-heading);

    font-size: 0.875rem !important;
  }

  .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {

    color: white !important;
  }

  .datatable-wrapper .datatable-bottom .datatable-info {

    color: #626984;

    color: var(--color-body);

    font-size: 0.875rem;
  }

  .leading-5 {

    --tw-leading: var(--leading-5);

    line-height: 20px;

    line-height: var(--leading-5);
  }

  .leading-6 {

    --tw-leading: var(--leading-6);

    line-height: 24px;

    line-height: var(--leading-6);
  }

  .leading-8 {

    --tw-leading: var(--leading-8);

    line-height: 32px;

    line-height: var(--leading-8);
  }

  .leading-9 {

    --tw-leading: var(--leading-9);

    line-height: 36px;

    line-height: var(--leading-9);
  }

  .leading-none {

    --tw-leading: var(--leading-none);

    line-height: 1;

    line-height: var(--leading-none);
  }

  .leading-relaxed {

    --tw-leading: var(--leading-relaxed);

    line-height: 1.625;

    line-height: var(--leading-relaxed);
  }

  .leading-tight {

    --tw-leading: var(--leading-tight);

    line-height: 1.25;

    line-height: var(--leading-tight);
  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .font-medium {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);
  }

  .font-normal {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  .font-semibold {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);
  }

  .tracking-normal {

    --tw-tracking: var(--tracking-normal);

    letter-spacing: 0em;

    letter-spacing: var(--tracking-normal);
  }

  .tracking-wide {

    --tw-tracking: var(--tracking-wide);

    letter-spacing: 0.025em;

    letter-spacing: var(--tracking-wide);
  }

  .text-nowrap {

    text-wrap: nowrap;
  }

  .text-wrap {

    text-wrap: wrap;
  }

  .break-words {

    overflow-wrap: break-word;
  }

  .break-all {

    word-break: break-all;
  }

  .whitespace-nowrap {

    white-space: nowrap;
  }

  .whitespace-pre-line {

    white-space: pre-line;
  }

  .whitespace-pre-wrap {

    white-space: pre-wrap;
  }

  .tab-1 {

    -moz-tab-size: 1;

      -o-tab-size: 1;

         tab-size: 1;
  }

  .tab-2 {

    -moz-tab-size: 2;

      -o-tab-size: 2;

         tab-size: 2;
  }

  .tab-3 {

    -moz-tab-size: 3;

      -o-tab-size: 3;

         tab-size: 3;
  }

  .datatable-wrapper .datatable-table thead th .datatable-sorter {

    text-transform: uppercase;
  }

  .datatable-wrapper .datatable-table thead th .datatable-sorter:hover {

    color: #121523;

    color: var(--color-heading);
  }

  .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter {

    color: #121523;

    color: var(--color-heading);
  }

  .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {

    color: #121523;

    color: var(--color-heading);
  }

  .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter {

    color: #121523;

    color: var(--color-heading);
  }

  .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {

    color: #121523;

    color: var(--color-heading);
  }

  .text-amber-500 {

    color: #fbd551;

    color: var(--color-amber-500);
  }

  .text-amber-600 {

    color: #ffbf00;

    color: var(--color-amber-600);
  }

  .text-amber-700 {

    color: #854d0e;

    color: var(--color-amber-700);
  }

  .text-amber-800 {

    color: #713f12;

    color: var(--color-amber-800);
  }

  .text-amber-900 {

    color: #5d3210;

    color: var(--color-amber-900);
  }

  .text-blue-500 {

    color: #67a3e7;

    color: var(--color-blue-500);
  }

  .text-blue-600 {

    color: #1d4ed8;

    color: var(--color-blue-600);
  }

  .text-blue-700 {

    color: #1e40af;

    color: var(--color-blue-700);
  }

  .text-blue-800 {

    color: #1e3a8a;

    color: var(--color-blue-800);
  }

  .text-blue-900 {

    color: #172554;

    color: var(--color-blue-900);
  }

  .text-body {

    color: #626984;

    color: var(--color-body);
  }

  .text-current {

    color: currentcolor;
  }

  .text-cyan-800 {

    color: #5fbbd8;

    color: var(--color-cyan-800);
  }

  .text-cyan-900 {

    color: #164e63;

    color: var(--color-cyan-900);
  }

  .text-danger {

    color: #de5d59;

    color: var(--color-danger);
  }

  .text-dark {

    color: #2d3248;

    color: var(--color-dark);
  }

  .text-emerald-600 {

    color: #087f5b;

    color: var(--color-emerald-600);
  }

  .text-emerald-700 {

    color: #047857;

    color: var(--color-emerald-700);
  }

  .text-emerald-800 {

    color: #036b4f;

    color: var(--color-emerald-800);
  }

  .text-fg-brand {

    color: #1e40af;

    color: var(--color-fg-brand);
  }

  .text-fg-disabled {

    color: #b3b7c8;

    color: var(--color-fg-disabled);
  }

  .text-gray-400 {

    color: #b3b7c8;

    color: var(--color-gray-400);
  }

  .text-gray-500 {

    color: #676f89;

    color: var(--color-gray-500);
  }

  .text-gray-600 {

    color: #626984;

    color: var(--color-gray-600);
  }

  .text-gray-700 {

    color: #5a617e;

    color: var(--color-gray-700);
  }

  .text-gray-800 {

    color: #2d3248;

    color: var(--color-gray-800);
  }

  .text-gray-900 {

    color: #121523;

    color: var(--color-gray-900);
  }

  .text-green-500 {

    color: #65c7a6;

    color: var(--color-green-500);
  }

  .text-green-600 {

    color: #087f5b;

    color: var(--color-green-600);
  }

  .text-green-700 {

    color: #047857;

    color: var(--color-green-700);
  }

  .text-green-800 {

    color: #036b4f;

    color: var(--color-green-800);
  }

  .text-green-900 {

    color: #05543f;

    color: var(--color-green-900);
  }

  .text-heading {

    color: #121523;

    color: var(--color-heading);
  }

  .text-muted {

    color: #ffffff;

    color: var(--color-muted);
  }

  .text-primary-600 {

    color: #22316d;

    color: var(--color-primary-600);
  }

  .text-primary-700 {

    color: #22316d;

    color: var(--color-primary-700);
  }

  .text-primary-800 {

    color: #17214a;

    color: var(--color-primary-800);
  }

  .text-primary-900 {

    color: #17214a;

    color: var(--color-primary-900);
  }

  .text-red-600 {

    color: #b42318;

    color: var(--color-red-600);
  }

  .text-red-700 {

    color: #9f261d;

    color: var(--color-red-700);
  }

  .text-red-800 {

    color: #7a1b15;

    color: var(--color-red-800);
  }

  .text-red-900 {

    color: #641710;

    color: var(--color-red-900);
  }

  .text-red-950 {

    color: oklch(25.8% 0.092 26.042);

    color: var(--color-red-950);
  }

  .text-rose-600 {

    color: #de5d59;

    color: var(--color-rose-600);
  }

  .text-success {

    color: #047857;

    color: var(--color-success);
  }

  .text-white {

    color: #ffffff;

    color: var(--color-white);
  }

  .text-white\/90 {

    color: color-mix(in srgb, #ffffff 90%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      color: color-mix(in oklab, #ffffff 90%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
}
  }

  .text-yellow-500 {

    color: #fbd551;

    color: var(--color-yellow-500);
  }

  .text-yellow-700 {

    color: #854d0e;

    color: var(--color-yellow-700);
  }

  .text-yellow-800 {

    color: #713f12;

    color: var(--color-yellow-800);
  }

  .text-yellow-900 {

    color: #5d3210;

    color: var(--color-yellow-900);
  }

  .capitalize {

    text-transform: capitalize;
  }

  .capitalize\! {

    text-transform: capitalize !important;
  }

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .italic\! {

    font-style: italic !important;
  }

  .diagonal-fractions {

    --tw-numeric-fraction: diagonal-fractions;

    font-feature-settings:         diagonal-fractions;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:         diagonal-fractions;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .lining-nums {

    --tw-numeric-figure: lining-nums;

    font-feature-settings:     lining-nums    ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:     lining-nums    ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .oldstyle-nums {

    --tw-numeric-figure: oldstyle-nums;

    font-feature-settings:     oldstyle-nums    ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:     oldstyle-nums    ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .ordinal {

    --tw-ordinal: ordinal;

    font-feature-settings: ordinal        ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric: ordinal        ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .proportional-nums {

    --tw-numeric-spacing: proportional-nums;

    font-feature-settings:       proportional-nums  ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:       proportional-nums  ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .slashed-zero {

    --tw-slashed-zero: slashed-zero;

    font-feature-settings:   slashed-zero      ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:   slashed-zero      ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .stacked-fractions {

    --tw-numeric-fraction: stacked-fractions;

    font-feature-settings:         stacked-fractions;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:         stacked-fractions;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .tabular-nums {

    --tw-numeric-spacing: tabular-nums;

    font-feature-settings:       tabular-nums  ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:       tabular-nums  ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .line-through {

    text-decoration-line: line-through;
  }

  .overline {

    text-decoration-line: overline;
  }

  .underline {

    text-decoration-line: underline;
  }

  .underline\! {

    text-decoration-line: underline !important;
  }

  .underline-offset-2 {

    text-underline-offset: 2px;
  }

  .antialiased {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  }

  .subpixel-antialiased {

    -webkit-font-smoothing: auto;

    -moz-osx-font-smoothing: auto;
  }

  .placeholder-red-700::-moz-placeholder {

    color: #9f261d;

    color: var(--color-red-700);
  }

  .placeholder-red-700::placeholder {

    color: #9f261d;

    color: var(--color-red-700);
  }

  .opacity-0 {

    opacity: 0%;
  }

  .opacity-25 {

    opacity: 25%;
  }

  .opacity-50 {

    opacity: 50%;
  }

  .opacity-60 {

    opacity: 60%;
  }

  .opacity-70 {

    opacity: 70%;
  }

  .opacity-75 {

    opacity: 75%;
  }

  .opacity-100 {

    opacity: 100%;
  }

  .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), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px 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\! {

    --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)) !important;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-lg {

    --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), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px 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-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), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px 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-buffer {

    --tw-ring-color: var(--color-buffer);
  }

  .ring-gray-200 {

    --tw-ring-color: var(--color-gray-200);
  }

  .ring-red-200 {

    --tw-ring-color: var(--color-red-200);
  }

  .outline {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .outline\! {

    outline-style: var(--tw-outline-style) !important;

    outline-width: 1px !important;
  }

  .blur {

    --tw-blur: blur(8px);

    filter: blur(8px)                ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .drop-shadow {

    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));

    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));

    filter:                 drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .grayscale {

    --tw-grayscale: grayscale(100%);

    filter:       grayscale(100%)          ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .invert {

    --tw-invert: invert(100%);

    filter:           invert(100%)      ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .invert\! {

    --tw-invert: invert(100%) !important;

    filter:           invert(100%)       !important;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }

  .sepia {

    --tw-sepia: sepia(100%);

    filter:               sepia(100%)  ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .filter {

    filter:                  ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .filter\! {

    filter:                   !important;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }

  .backdrop-blur-sm {

    --tw-backdrop-blur: blur(var(--blur-sm));

    backdrop-filter: blur(8px)                ;

    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 {

    backdrop-filter:                  ;

    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, backdrop-filter, display, content-visibility, overlay, pointer-events;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    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: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {

    --tw-duration: 200ms;

    transition-duration: 200ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .ease-in {

    --tw-ease: var(--ease-in);

    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {

    --tw-ease: var(--ease-in-out);

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {

    will-change: transform;
  }

  .select-all {

    -webkit-user-select: all;

    -moz-user-select: all;

         user-select: all;
  }

  .\[area\:\%dx\%d\] {

    area: %dx%d;
  }

  .\[category\:memory-infra\] {

    category: memory-infra;
  }

  .\[demo\:acme\] {

    demo: acme;
  }

  .\[key\:string\] {

    key: string;
  }

  .\[rdoc-ref\:BigDecimal\@Not\+a\+Number\] {

    rdoc-ref: BigDecimal@Not+a+Number;
  }

  .\[rdoc-ref\:IRB\@Automatic\+Indentation\] {

    rdoc-ref: IRB@Automatic+Indentation;
  }

  .\[rdoc-ref\:IRB\@Color\+Highlighting\] {

    rdoc-ref: IRB@Color+Highlighting;
  }

  .\[rdoc-ref\:IRB\@Command-Line\+Arguments\] {

    rdoc-ref: IRB@Command-Line+Arguments;
  }

  .\[rdoc-ref\:IRB\@Configuration\+File\] {

    rdoc-ref: IRB@Configuration+File;
  }

  .\[rdoc-ref\:IRB\@Encodings\] {

    rdoc-ref: IRB@Encodings;
  }

  .\[rdoc-ref\:IRB\@Evaluation\+History\] {

    rdoc-ref: IRB@Evaluation+History;
  }

  .\[rdoc-ref\:IRB\@IRB\+Loader\] {

    rdoc-ref: IRB@IRB+Loader;
  }

  .\[rdoc-ref\:IRB\@Load\+Modules\] {

    rdoc-ref: IRB@Load+Modules;
  }

  .\[rdoc-ref\:IRB\@Pre-Defined\+Prompts\] {

    rdoc-ref: IRB@Pre-Defined+Prompts;
  }

  .\[rdoc-ref\:IRB\@RI\+Documentation\+Directories\] {

    rdoc-ref: IRB@RI+Documentation+Directories;
  }

  .\[rdoc-ref\:IRB\@Session\+Context\] {

    rdoc-ref: IRB@Session+Context;
  }

  .\[rdoc-ref\:IRB\@Tracer\] {

    rdoc-ref: IRB@Tracer;
  }

  .\[rdoc-ref\:IRB\@Verbosity\] {

    rdoc-ref: IRB@Verbosity;
  }

  .\[rdoc-ref\:IRB\@Warnings\] {

    rdoc-ref: IRB@Warnings;
  }

  .\[rdoc-ref\:SomeClass\] {

    rdoc-ref: SomeClass;
  }

  .\[rdoc-ref\:doc\/command_line_usage\.rdoc\] {

    rdoc-ref: doc/command line usage.rdoc;
  }

  .\[rdoc-ref\:doc\/dig_methods\.rdoc\] {

    rdoc-ref: doc/dig methods.rdoc;
  }

  .\[rdoc-ref\:doc\/glossary\.rdoc\] {

    rdoc-ref: doc/glossary.rdoc;
  }

  .\[rdoc-ref\:doc\/rakefile\.rdoc\] {

    rdoc-ref: doc/rakefile.rdoc;
  }

  .\[rdoc-ref\:doc\/rational\.rdoc\] {

    rdoc-ref: doc/rational.rdoc;
  }

  .\[ruby-core\:4261\] {

    ruby-core: 4261;
  }

  .\[ruby-core\:85266\] {

    ruby-core: 85266;
  }

  .\[ruby-dev\:27513\] {

    ruby-dev: 27513;
  }

  .\[ruby-dev\:28445\] {

    ruby-dev: 28445;
  }

  .\[ruby-dev\:29520\] {

    ruby-dev: 29520;
  }

  .\[test-unit-users-en\:00026\] {

    test-unit-users-en: 00026;
  }

  .\[test-unit-users-en\:00035\] {

    test-unit-users-en: 00035;
  }

  .\[test-unit-users-en\:00089\] {

    test-unit-users-en: 00089;
  }

  .\[test-unit-users-en\:00098\] {

    test-unit-users-en: 00098;
  }

  .peer-checked\:bg-brand:is(:where(.peer):checked ~ *) {

    background-color: #1e40af;

    background-color: var(--color-brand);
  }

  .peer-checked\:bg-primary-600:is(:where(.peer):checked ~ *) {

    background-color: #22316d;

    background-color: var(--color-primary-600);
  }

  .peer-checked\:bg-primary-700:is(:where(.peer):checked ~ *) {

    background-color: #22316d;

    background-color: var(--color-primary-700);
  }

  .peer-focus\:ring-4:is(:where(.peer):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);
  }

  .peer-focus\:ring-brand-soft:is(:where(.peer):focus ~ *) {

    --tw-ring-color: var(--color-brand-soft);
  }

  .peer-focus\:ring-primary-100:is(:where(.peer):focus ~ *) {

    --tw-ring-color: var(--color-primary-100);
  }

  .peer-focus\:ring-primary-200:is(:where(.peer):focus ~ *) {

    --tw-ring-color: var(--color-primary-200);
  }

  .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {

    --tw-outline-style: none;

    outline-style: none;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {

    opacity: 50%;
  }

  .file\:mr-4::file-selector-button {

    margin-right: calc(0.25rem * 4);

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

  .file\:rounded-md::file-selector-button {

    border-radius: 4px;

    border-radius: var(--radius-md);
  }

  .file\:border-0::file-selector-button {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .file\:bg-gray-100::file-selector-button {

    background-color: #f3f4f7;

    background-color: var(--color-gray-100);
  }

  .file\:px-4::file-selector-button {

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);
  }

  .file\:py-2::file-selector-button {

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);
  }

  .file\:py-2\.5::file-selector-button {

    padding-block: calc(0.25rem * 2.5);

    padding-block: calc(var(--spacing) * 2.5);
  }

  .file\:text-sm::file-selector-button {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);
  }

  .file\:text-gray-700::file-selector-button {

    color: #5a617e;

    color: var(--color-gray-700);
  }

  .after\:absolute::after {

    content: var(--tw-content);

    position: absolute;
  }

  .after\:start-\[2px\]::after {

    content: var(--tw-content);

    inset-inline-start: 2px;
  }

  .after\:top-0\.5::after {

    content: var(--tw-content);

    top: calc(0.25rem * 0.5);

    top: calc(var(--spacing) * 0.5);
  }

  .after\:top-\[2px\]::after {

    content: var(--tw-content);

    top: 2px;
  }

  .after\:left-0\.5::after {

    content: var(--tw-content);

    left: calc(0.25rem * 0.5);

    left: calc(var(--spacing) * 0.5);
  }

  .after\:left-\[2px\]::after {

    content: var(--tw-content);

    left: 2px;
  }

  .after\:h-4::after {

    content: var(--tw-content);

    height: calc(0.25rem * 4);

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

  .after\:h-5::after {

    content: var(--tw-content);

    height: calc(0.25rem * 5);

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

  .after\:w-4::after {

    content: var(--tw-content);

    width: calc(0.25rem * 4);

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

  .after\:w-5::after {

    content: var(--tw-content);

    width: calc(0.25rem * 5);

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

  .after\:rounded-full::after {

    content: var(--tw-content);

    border-radius: calc(infinity * 1px);

    border-radius: var(--radius-full);
  }

  .after\:border::after {

    content: var(--tw-content);

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .after\:border-gray-300::after {

    content: var(--tw-content);

    border-color: #c2c6d6;

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

  .after\:bg-white::after {

    content: var(--tw-content);

    background-color: #ffffff;

    background-color: var(--color-white);
  }

  .after\:transition-all::after {

    content: var(--tw-content);

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:content-\[\'\'\]::after {

    --tw-content: '';

    content: '';

    content: var(--tw-content);
  }

  .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *)::after {

    content: var(--tw-content);

    --tw-translate-x: 100%;

    translate: 100% var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:after\:border-buffer:is(:where(.peer):checked ~ *)::after {

    content: var(--tw-content);

    border-color: #ffffff;

    border-color: var(--color-buffer);
  }

  .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *)::after {

    content: var(--tw-content);

    border-color: #ffffff;

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

  .last\:border-b-0:last-child {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 0px;
  }

  @media (hover: hover) {

    .hover\:border-default:hover {

      border-color: #e0e2eb;

      border-color: var(--color-default);
    }

    .hover\:border-gray-300:hover {

      border-color: #c2c6d6;

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

    .hover\:border-primary-700:hover {

      border-color: #22316d;

      border-color: var(--color-primary-700);
    }

    .hover\:bg-amber-100:hover {

      background-color: #fce7bd;

      background-color: var(--color-amber-100);
    }

    .hover\:bg-blue-50:hover {

      background-color: #b9d9fc;

      background-color: var(--color-blue-50);
    }

    .hover\:bg-blue-800:hover {

      background-color: #1e3a8a;

      background-color: var(--color-blue-800);
    }

    .hover\:bg-brand-strong:hover {

      background-color: #1e3a8a;

      background-color: var(--color-brand-strong);
    }

    .hover\:bg-cyan-100:hover {

      background-color: #a0e7e3;

      background-color: var(--color-cyan-100);
    }

    .hover\:bg-danger-700:hover {

      background-color: #b42318;

      background-color: var(--color-danger-700);
    }

    .hover\:bg-emerald-50:hover {

      background-color: #ace3d0;

      background-color: var(--color-emerald-50);
    }

    .hover\:bg-emerald-100:hover {

      background-color: #ace3d0;

      background-color: var(--color-emerald-100);
    }

    .hover\:bg-emerald-700:hover {

      background-color: #047857;

      background-color: var(--color-emerald-700);
    }

    .hover\:bg-gray-50:hover {

      background-color: #ffffff;

      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {

      background-color: #f3f4f7;

      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-200:hover {

      background-color: #e0e2eb;

      background-color: var(--color-gray-200);
    }

    .hover\:bg-gray-700:hover {

      background-color: #5a617e;

      background-color: var(--color-gray-700);
    }

    .hover\:bg-green-700:hover {

      background-color: #047857;

      background-color: var(--color-green-700);
    }

    .hover\:bg-green-800:hover {

      background-color: #036b4f;

      background-color: var(--color-green-800);
    }

    .hover\:bg-neutral-tertiary-medium:hover {

      background-color: #f3f4f7;

      background-color: var(--color-neutral-tertiary-medium);
    }

    .hover\:bg-primary-50:hover {

      background-color: #dee2f4;

      background-color: var(--color-primary-50);
    }

    .hover\:bg-primary-100:hover {

      background-color: #dee2f4;

      background-color: var(--color-primary-100);
    }

    .hover\:bg-primary-700:hover {

      background-color: #22316d;

      background-color: var(--color-primary-700);
    }

    .hover\:bg-primary-800:hover {

      background-color: #17214a;

      background-color: var(--color-primary-800);
    }

    .hover\:bg-red-50:hover {

      background-color: #f5c2c1;

      background-color: var(--color-red-50);
    }

    .hover\:bg-red-100:hover {

      background-color: #f5c2c1;

      background-color: var(--color-red-100);
    }

    .hover\:bg-white:hover {

      background-color: #ffffff;

      background-color: var(--color-white);
    }

    .hover\:bg-white\/60:hover {

      background-color: color-mix(in srgb, #ffffff 60%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:bg-white\/60:hover {

        background-color: color-mix(in oklab, #ffffff 60%, transparent);
      }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-white\/60:hover {

          background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
}
    }

    .hover\:bg-white\/70:hover {

      background-color: color-mix(in srgb, #ffffff 70%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:bg-white\/70:hover {

        background-color: color-mix(in oklab, #ffffff 70%, transparent);
      }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-white\/70:hover {

          background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
}
    }

    .hover\:bg-yellow-600:hover {

      background-color: #ffbf00;

      background-color: var(--color-yellow-600);
    }

    .hover\:text-blue-700:hover {

      color: #1e40af;

      color: var(--color-blue-700);
    }

    .hover\:text-blue-900:hover {

      color: #172554;

      color: var(--color-blue-900);
    }

    .hover\:text-fg-brand:hover {

      color: #1e40af;

      color: var(--color-fg-brand);
    }

    .hover\:text-gray-600:hover {

      color: #626984;

      color: var(--color-gray-600);
    }

    .hover\:text-gray-700:hover {

      color: #5a617e;

      color: var(--color-gray-700);
    }

    .hover\:text-gray-900:hover {

      color: #121523;

      color: var(--color-gray-900);
    }

    .hover\:text-heading:hover {

      color: #121523;

      color: var(--color-heading);
    }

    .hover\:text-primary-600:hover {

      color: #22316d;

      color: var(--color-primary-600);
    }

    .hover\:text-primary-700:hover {

      color: #22316d;

      color: var(--color-primary-700);
    }

    .hover\:text-primary-800:hover {

      color: #17214a;

      color: var(--color-primary-800);
    }

    .hover\:text-primary-900:hover {

      color: #17214a;

      color: var(--color-primary-900);
    }

    .hover\:text-red-700:hover {

      color: #9f261d;

      color: var(--color-red-700);
    }

    .hover\:text-red-800:hover {

      color: #7a1b15;

      color: var(--color-red-800);
    }

    .hover\:text-white:hover {

      color: #ffffff;

      color: var(--color-white);
    }

    .hover\:underline:hover {

      text-decoration-line: underline;
    }

    .hover\:file\:bg-gray-200:hover::file-selector-button {

      background-color: #e0e2eb;

      background-color: var(--color-gray-200);
    }
  }

  .focus\:z-10:focus {

    z-index: 10;
  }

  .focus\:border-blue-500:focus {

    border-color: #67a3e7;

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

  .focus\:border-blue-600:focus {

    border-color: #1d4ed8;

    border-color: var(--color-blue-600);
  }

  .focus\:border-emerald-500:focus {

    border-color: #65c7a6;

    border-color: var(--color-emerald-500);
  }

  .focus\:border-primary-500:focus {

    border-color: #22316d;

    border-color: var(--color-primary-500);
  }

  .focus\:border-primary-600:focus {

    border-color: #22316d;

    border-color: var(--color-primary-600);
  }

  .focus\:border-red-500:focus {

    border-color: #e27672;

    border-color: var(--color-red-500);
  }

  .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-4: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\:ring-amber-200:focus {

    --tw-ring-color: var(--color-amber-200);
  }

  .focus\:ring-blue-200:focus {

    --tw-ring-color: var(--color-blue-200);
  }

  .focus\:ring-blue-300:focus {

    --tw-ring-color: var(--color-blue-300);
  }

  .focus\:ring-blue-500:focus {

    --tw-ring-color: var(--color-blue-500);
  }

  .focus\:ring-blue-600:focus {

    --tw-ring-color: var(--color-blue-600);
  }

  .focus\:ring-brand-medium:focus {

    --tw-ring-color: var(--color-brand-medium);
  }

  .focus\:ring-current:focus {

    --tw-ring-color: currentcolor;
  }

  .focus\:ring-cyan-100:focus {

    --tw-ring-color: var(--color-cyan-100);
  }

  .focus\:ring-cyan-200:focus {

    --tw-ring-color: var(--color-cyan-200);
  }

  .focus\:ring-danger-200:focus {

    --tw-ring-color: var(--color-danger-200);
  }

  .focus\:ring-emerald-100:focus {

    --tw-ring-color: var(--color-emerald-100);
  }

  .focus\:ring-emerald-200:focus {

    --tw-ring-color: var(--color-emerald-200);
  }

  .focus\:ring-emerald-500:focus {

    --tw-ring-color: var(--color-emerald-500);
  }

  .focus\:ring-gray-100:focus {

    --tw-ring-color: var(--color-gray-100);
  }

  .focus\:ring-gray-200:focus {

    --tw-ring-color: var(--color-gray-200);
  }

  .focus\:ring-green-100:focus {

    --tw-ring-color: var(--color-green-100);
  }

  .focus\:ring-green-200:focus {

    --tw-ring-color: var(--color-green-200);
  }

  .focus\:ring-green-300:focus {

    --tw-ring-color: var(--color-green-300);
  }

  .focus\:ring-neutral-tertiary:focus {

    --tw-ring-color: var(--color-neutral-tertiary);
  }

  .focus\:ring-primary-100:focus {

    --tw-ring-color: var(--color-primary-100);
  }

  .focus\:ring-primary-200:focus {

    --tw-ring-color: var(--color-primary-200);
  }

  .focus\:ring-primary-300:focus {

    --tw-ring-color: var(--color-primary-300);
  }

  .focus\:ring-primary-500:focus {

    --tw-ring-color: var(--color-primary-500);
  }

  .focus\:ring-primary-600:focus {

    --tw-ring-color: var(--color-primary-600);
  }

  .focus\:ring-red-100:focus {

    --tw-ring-color: var(--color-red-100);
  }

  .focus\:ring-red-200:focus {

    --tw-ring-color: var(--color-red-200);
  }

  .focus\:ring-red-500:focus {

    --tw-ring-color: var(--color-red-500);
  }

  .focus\:ring-yellow-200:focus {

    --tw-ring-color: var(--color-yellow-200);
  }

  .focus\:outline-none:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .disabled\:cursor-not-allowed:disabled {

    cursor: not-allowed;
  }

  .disabled\:bg-gray-100:disabled {

    background-color: #f3f4f7;

    background-color: var(--color-gray-100);
  }

  .disabled\:bg-gray-300:disabled {

    background-color: #c2c6d6;

    background-color: var(--color-gray-300);
  }

  .disabled\:text-gray-500:disabled {

    color: #676f89;

    color: var(--color-gray-500);
  }

  .disabled\:opacity-50:disabled {

    opacity: 50%;
  }

  .disabled\:opacity-60:disabled {

    opacity: 60%;
  }

  .disabled\:opacity-70:disabled {

    opacity: 70%;
  }

  @media (prefers-reduced-motion: no-preference) {

    .motion-safe\:animate-spin {

      animation: spin 1s linear infinite;

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

  @media (min-width: 400px) {

    .min-\[400px\]\:inline {

      display: inline;
    }
  }

  @media (min-width: 40rem) {

    .sm\:not-sr-only {

      position: static;

      width: auto;

      height: auto;

      padding: 0;

      margin: 0;

      overflow: visible;

      clip-path: none;

      white-space: normal;
    }

    .sm\:col-span-1 {

      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {

      grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {

      grid-column: span 3 / span 3;
    }

    .sm\:col-span-6 {

      grid-column: span 6 / span 6;
    }

    .sm\:col-span-7 {

      grid-column: span 7 / span 7;
    }

    .sm\:-mx-6 {

      margin-inline: calc(0.25rem * -6);

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

    .sm\:mt-0 {

      margin-top: 0px;
    }

    .sm\:hidden {

      display: none;
    }

    .sm\:inline {

      display: inline;
    }

    .sm\:w-36 {

      width: calc(0.25rem * 36);

      width: calc(var(--spacing) * 36);
    }

    .sm\:w-44 {

      width: calc(0.25rem * 44);

      width: calc(var(--spacing) * 44);
    }

    .sm\:w-72 {

      width: calc(0.25rem * 72);

      width: calc(var(--spacing) * 72);
    }

    .sm\:w-full {

      width: 100%;
    }

    .sm\:max-w-\[350px\] {

      max-width: 350px;
    }

    .sm\:max-w-none {

      max-width: none;
    }

    .sm\:max-w-xs {

      max-width: 20rem;

      max-width: var(--container-xs);
    }

    .sm\:grid-cols-2 {

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

    .sm\:grid-cols-3 {

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

    .sm\:grid-cols-12 {

      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[1fr_auto\] {

      grid-template-columns: 1fr auto;
    }

    .sm\:grid-cols-\[12rem_1fr\] {

      grid-template-columns: 12rem 1fr;
    }

    .sm\:grid-cols-\[12rem_minmax\(0\,1fr\)\] {

      grid-template-columns: 12rem minmax(0,1fr);
    }

    .sm\:grid-cols-\[14rem_minmax\(0\,1fr\)\] {

      grid-template-columns: 14rem minmax(0,1fr);
    }

    .sm\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {

      grid-template-columns: 16rem minmax(0,1fr);
    }

    .sm\:grid-cols-\[auto_auto\] {

      grid-template-columns: auto auto;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_12rem\] {

      grid-template-columns: minmax(0,1fr) 12rem;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {

      grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    }

    .sm\:grid-cols-\[minmax\(7rem\,2fr\)_minmax\(12rem\,3fr\)\] {

      grid-template-columns: minmax(7rem,2fr) minmax(12rem,3fr);
    }

    .sm\:flex-row {

      flex-direction: row;
    }

    .sm\:items-center {

      align-items: center;
    }

    .sm\:items-end {

      align-items: flex-end;
    }

    .sm\:items-start {

      align-items: flex-start;
    }

    .sm\:justify-between {

      justify-content: space-between;
    }

    .sm\:justify-center {

      justify-content: center;
    }

    .sm\:justify-end {

      justify-content: flex-end;
    }

    .sm\:gap-2 {

      gap: calc(0.25rem * 2);

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

    .sm\:gap-4 {

      gap: calc(0.25rem * 4);

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

    .sm\:gap-x-6 {

      -moz-column-gap: calc(0.25rem * 6);

           column-gap: calc(0.25rem * 6);

      -moz-column-gap: calc(var(--spacing) * 6);

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

    .sm\:p-5 {

      padding: calc(0.25rem * 5);

      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {

      padding: calc(0.25rem * 6);

      padding: calc(var(--spacing) * 6);
    }

    .sm\:px-3 {

      padding-inline: calc(0.25rem * 3);

      padding-inline: calc(var(--spacing) * 3);
    }

    .sm\:px-6 {

      padding-inline: calc(0.25rem * 6);

      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-10 {

      padding-inline: calc(0.25rem * 10);

      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {

    .md\:inset-0 {

      inset: 0px;
    }

    .md\:col-span-2 {

      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {

      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {

      grid-column: span 4 / span 4;
    }

    .md\:ml-48 {

      margin-left: calc(0.25rem * 48);

      margin-left: calc(var(--spacing) * 48);
    }

    .md\:block {

      display: block;
    }

    .md\:inline {

      display: inline;
    }

    .md\:min-h-\[42px\] {

      min-height: 42px;
    }

    .md\:w-1\/2 {

      width: calc(1 / 2 * 100%);
    }

    .md\:flex-none {

      flex: none;
    }

    .md\:grid-cols-2 {

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

    .md\:grid-cols-3 {

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

    .md\:grid-cols-4 {

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

    .md\:grid-cols-5 {

      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-\[12rem_1fr\] {

      grid-template-columns: 12rem 1fr;
    }

    .md\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {

      grid-template-columns: auto minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;
    }

    .md\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)_auto\] {

      grid-template-columns: auto minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) auto;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {

      grid-template-columns: minmax(0,1fr) 16rem;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {

      grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {

      grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
    }

    .md\:grid-cols-\[minmax\(180px\,2fr\)_minmax\(170px\,1fr\)_minmax\(180px\,2fr\)_auto\] {

      grid-template-columns: minmax(180px,2fr) minmax(170px,1fr) minmax(180px,2fr) auto;
    }

    .md\:flex-row {

      flex-direction: row;
    }

    .md\:items-center {

      align-items: center;
    }

    .md\:items-end {

      align-items: flex-end;
    }

    .md\:justify-between {

      justify-content: space-between;
    }

    .md\:self-end {

      align-self: flex-end;
    }

    .md\:pt-7 {

      padding-top: calc(0.25rem * 7);

      padding-top: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-1 {

      grid-column: span 1 / span 1;
    }

    .lg\:-mx-8 {

      margin-inline: calc(0.25rem * -8);

      margin-inline: calc(var(--spacing) * -8);
    }

    .lg\:ml-64 {

      margin-left: calc(0.25rem * 64);

      margin-left: calc(var(--spacing) * 64);
    }

    .lg\:ml-auto {

      margin-left: auto;
    }

    .lg\:block {

      display: block;
    }

    .lg\:flex {

      display: flex;
    }

    .lg\:hidden {

      display: none;
    }

    .lg\:inline-flex {

      display: inline-flex;
    }

    .lg\:min-h-\[42px\] {

      min-height: 42px;
    }

    .lg\:w-auto {

      width: auto;
    }

    .lg\:max-w-md {

      max-width: 28rem;

      max-width: var(--container-md);
    }

    .lg\:max-w-xs {

      max-width: 20rem;

      max-width: var(--container-xs);
    }

    .lg\:flex-1 {

      flex: 1 1;
    }

    .lg\:flex-none {

      flex: none;
    }

    .lg\:basis-auto {

      flex-basis: auto;
    }

    .lg\:translate-x-0 {

      --tw-translate-x: 0px;

      translate: 0px var(--tw-translate-y);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:grid-cols-2 {

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

    .lg\:grid-cols-3 {

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

    .lg\:grid-cols-4 {

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

    .lg\:grid-cols-5 {

      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-12 {

      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_auto\] {

      grid-template-columns: 1fr auto;
    }

    .lg\:grid-cols-\[12rem_1fr\] {

      grid-template-columns: 12rem 1fr;
    }

    .lg\:grid-cols-\[12rem_minmax\(0\,1fr\)\] {

      grid-template-columns: 12rem minmax(0,1fr);
    }

    .lg\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {

      grid-template-columns: 13rem minmax(0,1fr);
    }

    .lg\:grid-cols-\[17rem_minmax\(0\,1fr\)\] {

      grid-template-columns: 17rem minmax(0,1fr);
    }

    .lg\:grid-cols-\[220px_minmax\(0\,1fr\)\] {

      grid-template-columns: 220px minmax(0,1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_10rem_9rem_auto\] {

      grid-template-columns: minmax(0,1fr) 10rem 9rem auto;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {

      grid-template-columns: minmax(0,1fr) 16rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {

      grid-template-columns: minmax(0,1fr) 22rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_300px\] {

      grid-template-columns: minmax(0,1fr) 300px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {

      grid-template-columns: minmax(0,1fr) auto;
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(280px\,1fr\)\] {

      grid-template-columns: minmax(0,2fr) minmax(280px,1fr);
    }

    .lg\:grid-cols-\[minmax\(12rem\,1\.3fr\)_minmax\(12rem\,1\.2fr\)_minmax\(18rem\,1\.7fr\)_minmax\(10rem\,1fr\)_auto_auto\] {

      grid-template-columns: minmax(12rem,1.3fr) minmax(12rem,1.2fr) minmax(18rem,1.7fr) minmax(10rem,1fr) auto auto;
    }

    .lg\:grid-cols-\[minmax\(14rem\,1\.2fr\)_minmax\(12rem\,1fr\)_minmax\(12rem\,1fr\)_auto\] {

      grid-template-columns: minmax(14rem,1.2fr) minmax(12rem,1fr) minmax(12rem,1fr) auto;
    }

    .lg\:grid-cols-\[minmax\(420px\,0\.9fr\)_1\.1fr\] {

      grid-template-columns: minmax(420px,0.9fr) 1.1fr;
    }

    .lg\:flex-row {

      flex-direction: row;
    }

    .lg\:flex-nowrap {

      flex-wrap: nowrap;
    }

    .lg\:flex-wrap {

      flex-wrap: wrap;
    }

    .lg\:items-center {

      align-items: center;
    }

    .lg\:items-end {

      align-items: flex-end;
    }

    .lg\:items-start {

      align-items: flex-start;
    }

    .lg\:justify-between {

      justify-content: space-between;
    }

    .lg\:justify-end {

      justify-content: flex-end;
    }

    .lg\:gap-4 {

      gap: calc(0.25rem * 4);

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

    .lg\:gap-x-10 {

      -moz-column-gap: calc(0.25rem * 10);

           column-gap: calc(0.25rem * 10);

      -moz-column-gap: calc(var(--spacing) * 10);

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

    .lg\:self-end {

      align-self: flex-end;
    }

    .lg\:px-8 {

      padding-inline: calc(0.25rem * 8);

      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-12 {

      padding-inline: calc(0.25rem * 12);

      padding-inline: calc(var(--spacing) * 12);
    }

    .lg\:pt-0 {

      padding-top: 0px;
    }

    .lg\:text-right {

      text-align: right;
    }
  }

  @media (min-width: 80rem) {

    .xl\:col-span-1 {

      grid-column: span 1 / span 1;
    }

    .xl\:col-span-2 {

      grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {

      grid-column: span 3 / span 3;
    }

    .xl\:block {

      display: block;
    }

    .xl\:flex {

      display: flex;
    }

    .xl\:min-h-\[42px\] {

      min-height: 42px;
    }

    .xl\:grid-cols-2 {

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

    .xl\:grid-cols-3 {

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

    .xl\:grid-cols-4 {

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

    .xl\:grid-cols-5 {

      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {

      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:grid-cols-12 {

      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {

      grid-template-columns: auto minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;
    }

    .xl\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,0\.7fr\)_minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {

      grid-template-columns: minmax(0,0.8fr) minmax(0,0.7fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;
    }

    .xl\:grid-cols-\[minmax\(280px\,360px\)_1fr\] {

      grid-template-columns: minmax(280px,360px) 1fr;
    }

    .xl\:flex-row {

      flex-direction: row;
    }

    .xl\:flex-wrap {

      flex-wrap: wrap;
    }

    .xl\:items-end {

      align-items: flex-end;
    }

    .xl\:items-start {

      align-items: flex-start;
    }

    .xl\:justify-between {

      justify-content: space-between;
    }

    .xl\:justify-end {

      justify-content: flex-end;
    }

    .xl\:self-end {

      align-self: flex-end;
    }
  }

  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {

    rotate: 180deg;
  }

  :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {

    --tw-space-x-reverse: 1;
  }

  .rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):is(:where(.peer):checked ~ *)::after {

    content: var(--tw-content);

    --tw-translate-x: -100%;

    translate: -100% var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:border-gray-500:where(.dark, .dark *) {

    border-color: #676f89;

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

  .dark\:border-gray-600:where(.dark, .dark *) {

    border-color: #626984;

    border-color: var(--color-gray-600);
  }

  .dark\:border-gray-700:where(.dark, .dark *) {

    border-color: #5a617e;

    border-color: var(--color-gray-700);
  }

  .dark\:bg-blue-600:where(.dark, .dark *) {

    background-color: #1d4ed8;

    background-color: var(--color-blue-600);
  }

  .dark\:bg-gray-600:where(.dark, .dark *) {

    background-color: #626984;

    background-color: var(--color-gray-600);
  }

  .dark\:bg-gray-700:where(.dark, .dark *) {

    background-color: #5a617e;

    background-color: var(--color-gray-700);
  }

  .dark\:bg-gray-800:where(.dark, .dark *) {

    background-color: #2d3248;

    background-color: var(--color-gray-800);
  }

  .dark\:bg-gray-800\/50:where(.dark, .dark *) {

    background-color: color-mix(in srgb, #2d3248 50%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, #2d3248 50%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
      }
}
  }

  .dark\:bg-gray-900\/80:where(.dark, .dark *) {

    background-color: color-mix(in srgb, #121523 80%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      background-color: color-mix(in oklab, #121523 80%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
@supports (color: color-mix(in lab, red, red)) {

        background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
      }
}
  }

  .dark\:bg-green-600:where(.dark, .dark *) {

    background-color: #087f5b;

    background-color: var(--color-green-600);
  }

  .dark\:bg-primary-600:where(.dark, .dark *) {

    background-color: #22316d;

    background-color: var(--color-primary-600);
  }

  .dark\:text-gray-100:where(.dark, .dark *) {

    color: #f3f4f7;

    color: var(--color-gray-100);
  }

  .dark\:text-gray-200:where(.dark, .dark *) {

    color: #e0e2eb;

    color: var(--color-gray-200);
  }

  .dark\:text-gray-300:where(.dark, .dark *) {

    color: #c2c6d6;

    color: var(--color-gray-300);
  }

  .dark\:text-gray-400:where(.dark, .dark *) {

    color: #b3b7c8;

    color: var(--color-gray-400);
  }

  .dark\:text-white:where(.dark, .dark *) {

    color: #ffffff;

    color: var(--color-white);
  }

  .dark\:ring-gray-700:where(.dark, .dark *) {

    --tw-ring-color: var(--color-gray-700);
  }

  .dark\:peer-focus\:ring-brand-soft:where(.dark, .dark *):is(:where(.peer):focus ~ *) {

    --tw-ring-color: var(--color-brand-soft);
  }

  @media (hover: hover) {

    .dark\:hover\:bg-blue-700:where(.dark, .dark *):hover {

      background-color: #1e40af;

      background-color: var(--color-blue-700);
    }

    .dark\:hover\:bg-gray-600:where(.dark, .dark *):hover {

      background-color: #626984;

      background-color: var(--color-gray-600);
    }

    .dark\:hover\:bg-gray-700:where(.dark, .dark *):hover {

      background-color: #5a617e;

      background-color: var(--color-gray-700);
    }

    .dark\:hover\:bg-gray-800:where(.dark, .dark *):hover {

      background-color: #2d3248;

      background-color: var(--color-gray-800);
    }

    .dark\:hover\:bg-green-700:where(.dark, .dark *):hover {

      background-color: #047857;

      background-color: var(--color-green-700);
    }

    .dark\:hover\:bg-primary-700:where(.dark, .dark *):hover {

      background-color: #22316d;

      background-color: var(--color-primary-700);
    }

    .dark\:hover\:text-white:where(.dark, .dark *):hover {

      color: #ffffff;

      color: var(--color-white);
    }
  }

  .dark\:focus\:ring-blue-800:where(.dark, .dark *):focus {

    --tw-ring-color: var(--color-blue-800);
  }

  .dark\:focus\:ring-gray-600:where(.dark, .dark *):focus {

    --tw-ring-color: var(--color-gray-600);
  }

  .dark\:focus\:ring-gray-700:where(.dark, .dark *):focus {

    --tw-ring-color: var(--color-gray-700);
  }

  .dark\:focus\:ring-green-800:where(.dark, .dark *):focus {

    --tw-ring-color: var(--color-green-800);
  }

  .dark\:focus\:ring-primary-800:where(.dark, .dark *):focus {

    --tw-ring-color: var(--color-primary-800);
  }

  .\[\&_tbody_td\]\:px-3 tbody td {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);
  }

  .\[\&_tbody_td\]\:py-3 tbody td {

    padding-block: calc(0.25rem * 3);

    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&\>\*\]\:rounded-lg > * {

    border-radius: 4px;

    border-radius: var(--radius-lg);
  }

  .\[\&\>\*\]\:border > * {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .\[\&\>\*\]\:border-gray-200 > * {

    border-color: #e0e2eb;

    border-color: var(--color-gray-200);
  }

  .\[\&\>\*\]\:bg-gray-50 > * {

    background-color: #ffffff;

    background-color: var(--color-gray-50);
  }

  .\[\&\>\*\]\:p-4 > * {

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);
  }

  .\[\&\>\.dataTables\\_wrapper\]\:rounded-none > .dataTables_wrapper {

    border-radius: 0;
  }

  .\[\&\>\.dataTables\\_wrapper\]\:border-0 > .dataTables_wrapper {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .\[\&\>\.dataTables\\_wrapper\]\:shadow-none > .dataTables_wrapper {

    --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), 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);
  }

  .\[\&\>div\:first-child\]\:border-t-0 > div:first-child {

    border-top-style: var(--tw-border-style);

    border-top-width: 0px;
  }

  @media (min-width: 64rem) {

    .lg\:\[\&\>div\:nth-child\(2\)\]\:border-t-0 > div:nth-child(2) {

      border-top-style: var(--tw-border-style);

      border-top-width: 0px;
    }
  }
}

.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);
}

@layer components {

  .app-modal-close {

    display: inline-flex;

    height: calc(0.25rem * 9);

    height: calc(var(--spacing) * 9);

    width: calc(0.25rem * 9);

    width: calc(var(--spacing) * 9);

    flex-shrink: 0;

    align-items: center;

    justify-content: center;

    padding: 0px;
  }

  .app-modal-close > svg {

    height: calc(0.25rem * 5);

    height: calc(var(--spacing) * 5);

    width: calc(0.25rem * 5);

    width: calc(var(--spacing) * 5);

    flex-shrink: 0;
  }
}

body.scmple-flowbite {

  --ab__border-radius: var(--radius);

  --ab-cmp-note-popup-border-radius: var(--radius);

  --ab-cmp-button-border-radius: var(--radius);

  --swal2-border-radius: var(--radius);

  --swal2-input-border-radius: var(--radius);

  --swal2-confirm-button-border-radius: var(--radius);

  --swal2-cancel-button-border-radius: var(--radius);

  --swal2-deny-button-border-radius: var(--radius);
}

@layer base {

  html {

    font-size: 87.5%;
  }

  :focus-visible:not(.ts-control > input) {

    outline: 2px solid #7d84a0;

    outline: 2px solid var(--color-focus-ring);

    outline-offset: 2px;
  }

  :focus-visible:not(.ts-control > input):not(:disabled):not([aria-disabled="true"]) {

    outline-style: solid !important;
  }

  ::-moz-placeholder {

    color: #676f89;

    color: var(--color-gray-500);

    opacity: 1;
  }

  ::placeholder {

    color: #676f89;

    color: var(--color-gray-500);

    opacity: 1;
  }
}

.scmple-flowbite {

  font-family: "Open Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  font-family: var(--font-body);
}

.custom-color-input::-webkit-color-swatch-wrapper {

  padding: 0;
}

.custom-color-input::-webkit-color-swatch {

  border: 0;

  border-radius: inherit;
}

.custom-color-input::-moz-color-swatch {

  border: 0;

  border-radius: inherit;
}

input[type="file"]::file-selector-button {

  margin-inline-start: 0;
}

input[type="radio"] {

  border-radius: 50%;
}

input[type="checkbox"]:not([role="switch"]) {

  border-radius: 4px;

  border-radius: var(--radius-xs, 0.25rem);
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,
select:disabled,
textarea:disabled,
.ts-wrapper.disabled .ts-control {

  background-color: #f3f4f7;

  background-color: var(--color-gray-100);

  color: #676f89;

  color: var(--color-gray-500);

  cursor: not-allowed;

  opacity: 1;
}

@layer components {

  .app-button {

    display: inline-flex;

    align-items: center;
  }
}

.app-button {

  box-sizing: border-box;

  height: 2.5rem;

  padding: 0.625rem 1.25rem;

  gap: 0.5rem;

  font-size: 0.875rem;

  line-height: 1.25rem;

  font-weight: 600;
}

button,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::file-selector-button,
.app-button,
.btn {

  --tw-shadow: 0 0 #0000 !important;

  --tw-inset-shadow: 0 0 #0000 !important;

  box-shadow: 0 0 #0000,
    0 0 #0000, 0 0 #0000;

  box-shadow: var(--tw-inset-ring-shadow, 0 0 #0000),
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000);
}

button:not(.text-center),
[role="button"]:not(.text-center),
input[type="button"]:not(.text-center),
input[type="submit"]:not(.text-center),
input[type="reset"]:not(.text-center),
input[type="file"]::file-selector-button {

  text-align: left;
}

.scmple-flowbite button:not(:disabled),
.scmple-flowbite [role="button"]:not([aria-disabled="true"]) {

  cursor: pointer;
}

.custom-tooltip-content :is(p, ul, ol) + :is(p, ul, ol) {

  margin-top: 0.5rem;
}

.flex:has(> .field-addon) > :is(input, select, .field-addon):not(:first-child) {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  margin-left: -1px;
}

.flex:has(> .field-addon) > :is(input, select, .field-addon):not(:last-child) {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;
}

.flex:has(> .field-addon) > :is(input, select):focus {

  position: relative;

  z-index: 1;
}

table.dataTable > thead > tr:not(:last-child) > :is(th, td) {

  border-bottom: 0;
}

table.dataTable > thead > tr + tr > :is(th, td) {

  border-top: 0;
}

.dt-container .dt-length {

  display: inline-flex;

  align-items: center;

  gap: 0.5rem;
}

.datatable-identifier {

  display: flex;

  width: 100%;

  align-items: center;

  gap: 0.5rem;
}

.datatable-identifier > :first-child {

  min-width: -moz-min-content;

  min-width: min-content;

  overflow-wrap: normal;

  word-break: normal;

  hyphens: none;
}

.datatable-identifier > :nth-child(2) {

  margin-left: auto;

  flex-shrink: 0;
}

.flowbite-datatable-surface,
.dataTables_wrapper {

  box-sizing: border-box;

  width: 100%;

  min-width: 0;

  max-width: 100%;
}

.dataTables_wrapper table.dataTable {

  min-width: 100%;
}

.flowbite-datatable-surface thead {

  background-color: #f3f4f7;
}

@media (min-width: 1024px) {

  .scmple-sidebar-collapsed #sidebar {

    width: 4rem;
  }

  .scmple-sidebar-collapsed #scmple-shell {

    margin-left: 4rem;
  }

  .scmple-sidebar-collapsed #sidebar li > a > span,
  .scmple-sidebar-collapsed #sidebar li > button > span,
  .scmple-sidebar-collapsed #sidebar li > button > svg:last-child,
  .scmple-sidebar-collapsed #sidebar ul ul,
  .scmple-sidebar-collapsed #sidebar [data-sidebar-collapsed-hidden] {

    display: none;
  }

  .scmple-sidebar-collapsed #sidebar li > a,
  .scmple-sidebar-collapsed #sidebar li > button,
  .scmple-sidebar-collapsed #sidebar [data-sidebar-collapsed-center] {

    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {

    animation-duration: 0.01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: 0.01ms !important;

    scroll-behavior: auto !important;
  }
}

@media print {

  #sidebar,
  nav#scmple-topbar,
  [id^="scmple-notifications"] {

    display: none !important;
  }

  #scmple-shell {

    margin-left: 0 !important;
  }
}

@media (min-width: 1024px) {

  .scmple-sidebar-collapsed #sidebar li > a > span,
  .scmple-sidebar-collapsed #sidebar li > button > span {

    display: block;

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;
  }
}

@layer components {

  .dataTables_wrapper table.dataTable > tbody > tr > td,
  .dataTables_wrapper table.dataTable > tbody > tr > th {

    border-bottom: 1px solid #e0e2eb;

    border-bottom: 1px solid var(--color-gray-200);
  }

  .dataTables_wrapper table.dataTable > thead > tr > th {

    padding-left: 1.1428571429rem !important;

    padding-right: 1.1428571429rem !important;
  }

  .dataTables_wrapper table.dataTable > tbody > tr > td {

    padding-left: 1.1428571429rem !important;

    padding-right: 1.1428571429rem !important;
  }
}

@layer base {

  .tooltip-arrow,.tooltip-arrow:before {

    position: absolute;

    width: 8px;

    height: 8px;

    background: inherit;
  }

  .tooltip-arrow {

    visibility: hidden;
  }

  .tooltip-arrow:before {

    content: "";

    visibility: visible;

    transform: rotate(45deg);
  }

  [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before {

    border-style: solid;

    border-color: #f3f4f7;

    border-color: var(--color-neutral-tertiary);
  }

  [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before {

    border-bottom-width: 1px;

    border-right-width: 1px;
  }

  [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before {

    border-bottom-width: 1px;

    border-left-width: 1px;
  }

  [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before {

    border-top-width: 1px;

    border-left-width: 1px;
  }

  [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before {

    border-top-width: 1px;

    border-right-width: 1px;
  }

  .tooltip[data-popper-placement^='top'] > .tooltip-arrow {

    bottom: -3px;
  }

  .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {

    top: -3px;
  }

  .tooltip[data-popper-placement^='left'] > .tooltip-arrow {

    right: -3px;
  }

  .tooltip[data-popper-placement^='right'] > .tooltip-arrow {

    left: -3px;
  }

  .tooltip.invisible > .tooltip-arrow:before {

    visibility: hidden;
  }

  [data-popper-arrow],[data-popper-arrow]:before {

    position: absolute;

    width: 8px;

    height: 8px;

    background: inherit;
  }

  [data-popper-arrow] {

    visibility: hidden;
  }

  [data-popper-arrow]:before {

    content: "";

    visibility: visible;

    transform: rotate(45deg);
  }

  [data-popper-arrow]:after {

    content: "";

    visibility: visible;

    transform: rotate(45deg);

    position: absolute;

    width: 9px;

    height: 9px;

    background: inherit;
  }

  [role="tooltip"] > [data-popper-arrow]:before {

    border-style: solid;

    border-color: #f3f4f7;

    border-color: var(--color-neutral-tertiary);
  }

  .dark [role="tooltip"] > [data-popper-arrow]:before {

    border-style: solid;

    border-color: #2d3248;

    border-color: var(--color-dark);
  }

  [role="tooltip"] > [data-popper-arrow]:after {

    border-style: solid;

    border-color: #f3f4f7;

    border-color: var(--color-neutral-tertiary);
  }

  .dark [role="tooltip"] > [data-popper-arrow]:after {

    border-style: solid;

    border-color: #2d3248;

    border-color: var(--color-dark);
  }

  [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {

    border-bottom-width: 1px;

    border-right-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {

    border-bottom-width: 1px;

    border-right-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {

    border-bottom-width: 1px;

    border-left-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {

    border-bottom-width: 1px;

    border-left-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {

    border-top-width: 1px;

    border-left-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {

    border-top-width: 1px;

    border-left-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {

    border-top-width: 1px;

    border-right-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {

    border-top-width: 1px;

    border-right-width: 1px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {

    bottom: -4px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {

    top: -4px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {

    right: -4px;
  }

  [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {

    left: -4px;
  }

  [role="tooltip"].invisible > [data-popper-arrow]:before {

    visibility: hidden;
  }

  [role="tooltip"].invisible > [data-popper-arrow]:after {

    visibility: hidden;
  }

  [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    background-color: #fff;

    border-color: #626984;

    border-color: var(--color-body);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;

    &:focus {

      outline: 2px solid transparent;

      outline-offset: 2px;

      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-color: var(--color-brand);

      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

      box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #1e40af, var(--tw-shadow);

      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

      border-color: #1e40af;

      border-color: var(--color-brand);
    }
  }

  input::-moz-placeholder, textarea::-moz-placeholder {

    color: #626984;

    color: var(--color-body);

    opacity: 1;
  }

  input::placeholder,textarea::placeholder {

    color: #626984;

    color: var(--color-body);

    opacity: 1;
  }

  ::-webkit-datetime-edit-fields-wrapper {

    padding: 0;
  }

  input[type="time"]::-webkit-calendar-picker-indicator {

    background: none;
  }

  select:not([size]) {

    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%23676f89' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");

    background-position: right 0.75rem center;

    background-repeat: no-repeat;

    background-size: 0.75em 0.75em;

    padding-right: 2.5rem;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;
  }

  :is([dir=rtl]) select:not([size]) {

    background-position: left 0.75rem center;

    padding-right: 0.75rem;

    padding-left: 0;
  }

  [multiple] {

    background-image: none;

    background-image: initial;

    background-position: 0 0;

    background-position: initial;

    background-repeat: repeat;

    background-repeat: initial;

    background-size: auto auto;

    background-size: initial;

    padding-right: 0.75rem;

    -webkit-print-color-adjust: inherit;

            print-color-adjust: inherit;
  }

  [type='checkbox'],[type='radio'] {

    position: relative;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    padding: 0;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;

    display: inline-block;

    vertical-align: middle;

    background-origin: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    flex-shrink: 0;

    height: 1rem;

    width: 1rem;

    color: #1e40af;

    color: var(--color-brand);

    background-color: #fff;

    border-color: #e0e2eb;

    border-color: var(--color-default);

    border-width: 1px;

    --tw-shadow: 0 0 #0000;
  }

  [type='checkbox'] {

    border-radius: 0px;
  }

  [type='radio'] {

    border-radius: 100%;
  }

  [type='checkbox']:focus,[type='radio']:focus {

    outline: 1px solid transparent;

    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

    --tw-ring-offset-color: #fff;

    --tw-ring-color: var(--color-brand);

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #1e40af, var(--tw-shadow);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  [type='checkbox']:checked,.dark [type='checkbox']:checked {

    border-color: currentColor !important;
  }

  [type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked {

    background-color: currentColor !important;

    background-size: 0.85em 0.85em !important;

    background-position: center;

    background-repeat: no-repeat;
  }

  [type='checkbox']:checked {

    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 11.917 9.724 16.5 19 7.5'/%3e %3c/svg%3e");

    background-repeat: no-repeat;

    background-size: 0.75em 0.75em;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;
  }

  [type='radio']:checked:before, [type='radio']:disabled:checked:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 100%;

    background-color: #1e40af;

    background-color: var(--color-brand);

    width: .9em !important;

    height: .9em !important;
  }

  [type='radio']:checked:after, [type='radio']:disabled:checked:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 100%;

    background-color: #ffffff;

    background-color: var(--color-white);

    width: .35em !important;

    height: .35em !important;
  }

  .dark [type='radio']:checked:before, .dark [type='radio']:disabled:checked:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 100%;

    background-color: #1e40af;

    background-color: var(--color-brand);

    width: .9em !important;

    height: .9em !important;
  }

  .dark [type='radio']:checked:after, .dark [type='radio']:disabled:checked:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 100%;

    background-color: #ffffff;

    background-color: var(--color-white);

    width: .35em !important;

    height: .35em !important;
  }

  [type='checkbox']:indeterminate {

    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");

    background-color: currentColor !important;

    border-color: transparent !important;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 1.55em 1.55em;

    -webkit-print-color-adjust: exact;

            print-color-adjust: exact;
  }

  [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {

    border-color: transparent !important;

    background-color: currentColor !important;
  }

  [type='file'] {

    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;

    background: initial;

    border-color: inherit;

    border-width: 0;

    border-radius: 0;

    padding: 0;

    font-size: inherit;

    line-height: inherit;
  }

  [type='file']:focus {

    outline: 1px auto inherit;
  }

  input[type=file]::file-selector-button {

    color: #626984;

    color: var(--color-body);

    background: #e0e2eb;

    background: var(--color-neutral-quaternary);

    border: 0;

    font-weight: 500;

    font-size: 0.875rem;

    cursor: pointer;

    padding-top: 0.625rem;

    padding-bottom: 0.625rem;

    padding-left: 2rem;

    padding-right: 1rem;

    margin-inline-start: -1rem;

    margin-inline-end: 1rem;

    &:hover {

      background: #e0e2eb;

      background: var(--color-neutral-quaternary);
    }
  }

  :is([dir=rtl]) input[type=file]::file-selector-button {

    padding-right: 2rem;

    padding-left: 1rem;
  }

  .dark input[type=file]::file-selector-button {

    color: #626984;

    color: var(--color-body);

    background: #e0e2eb;

    background: var(--color-neutral-quaternary);

    &:hover {

      background: #e0e2eb;

      background: var(--color-neutral-quaternary);
    }
  }

  input[type="range"]::-webkit-slider-thumb {

    height: 1.25rem;

    width: 1.25rem;

    background: #1e40af;

    background: var(--color-brand);

    border-radius: 9999px;

    border: 0;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    cursor: pointer;
  }

  input[type="range"]:disabled::-webkit-slider-thumb {

    background: #626984;

    background: var(--color-body);
  }

  .dark input[type="range"]:disabled::-webkit-slider-thumb {

    background: #626984;

    background: var(--color-body);
  }

  input[type="range"]:focus::-webkit-slider-thumb {

    outline: 2px solid transparent;

    outline-offset: 2px;

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);

    --tw-ring-opacity: 1;

    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
  }

  input[type="range"]::-moz-range-thumb {

    height: 1.25rem;

    width: 1.25rem;

    background: #1e40af;

    background: var(--color-brand);

    border-radius: 9999px;

    border: 0;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    cursor: pointer;
  }

  input[type="range"]:disabled::-moz-range-thumb {

    background: #626984;

    background: var(--color-body);
  }

  .dark input[type="range"]:disabled::-moz-range-thumb {

    background: #626984;

    background: var(--color-body);
  }

  input[type="range"]::-moz-range-progress {

    background: #1e40af;

    background: var(--color-brand);
  }

  input[type="range"]::-ms-fill-lower {

    background: #1e40af;

    background: var(--color-brand);
  }

  input[type="range"].range-sm::-webkit-slider-thumb {

    height: 1rem;

    width: 1rem;
  }

  input[type="range"].range-lg::-webkit-slider-thumb {

    height: 1.5rem;

    width: 1.5rem;
  }

  input[type="range"].range-sm::-moz-range-thumb {

    height: 1rem;

    width: 1rem;
  }

  input[type="range"].range-lg::-moz-range-thumb {

    height: 1.5rem;

    width: 1.5rem;
  }

  .toggle-bg:after {

    content: "";

    position: absolute;

    top: 0.125rem;

    left: 0.125rem;

    background: white;

    border-color: #e0e2eb;

    border-color: var(--color-default);

    border-width: 1px;

    border-radius: 9999px;

    height: 1.25rem;

    width: 1.25rem;

    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;

    transition-duration: .15s;

    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  }

  input:checked + .toggle-bg:after {

    transform: translateX(100%);;

    border-color: white;
  }

  input:checked + .toggle-bg {

    background: #1e40af;

    background: var(--color-brand);

    border-color: #1e40af;

    border-color: var(--color-brand);
  }
}

@property --tw-translate-x {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-y {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-z {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-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-space-x-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-divide-y-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-gradient-position {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-via {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-to {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-via-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 0%;
}

@property --tw-gradient-via-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 50%;
}

@property --tw-gradient-to-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-leading {

  syntax: "*";

  inherits: false;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@property --tw-tracking {

  syntax: "*";

  inherits: false;
}

@property --tw-ordinal {

  syntax: "*";

  inherits: false;
}

@property --tw-slashed-zero {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-figure {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-spacing {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-fraction {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-inset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-offset-width {

  syntax: "<length>";

  inherits: false;

  initial-value: 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-outline-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-drop-shadow-size {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-backdrop-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-duration {

  syntax: "*";

  inherits: false;
}

@property --tw-ease {

  syntax: "*";

  inherits: false;
}

@property --tw-content {

  syntax: "*";

  initial-value: "";

  inherits: false;
}

@keyframes spin {

  to {

    transform: rotate(360deg);
  }
}

@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-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --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-space-x-reverse: 0;

      --tw-divide-y-reverse: 0;

      --tw-border-style: solid;

      --tw-gradient-position: initial;

      --tw-gradient-from: #0000;

      --tw-gradient-via: #0000;

      --tw-gradient-to: #0000;

      --tw-gradient-stops: initial;

      --tw-gradient-via-stops: initial;

      --tw-gradient-from-position: 0%;

      --tw-gradient-via-position: 50%;

      --tw-gradient-to-position: 100%;

      --tw-leading: initial;

      --tw-font-weight: initial;

      --tw-tracking: initial;

      --tw-ordinal: initial;

      --tw-slashed-zero: initial;

      --tw-numeric-figure: initial;

      --tw-numeric-spacing: initial;

      --tw-numeric-fraction: initial;

      --tw-shadow: 0 0 #0000;

      --tw-shadow-color: initial;

      --tw-shadow-alpha: 100%;

      --tw-inset-shadow: 0 0 #0000;

      --tw-inset-shadow-color: initial;

      --tw-inset-shadow-alpha: 100%;

      --tw-ring-color: initial;

      --tw-ring-shadow: 0 0 #0000;

      --tw-inset-ring-color: initial;

      --tw-inset-ring-shadow: 0 0 #0000;

      --tw-ring-inset: initial;

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-offset-shadow: 0 0 #0000;

      --tw-outline-style: solid;

      --tw-blur: initial;

      --tw-brightness: initial;

      --tw-contrast: initial;

      --tw-grayscale: initial;

      --tw-hue-rotate: initial;

      --tw-invert: initial;

      --tw-opacity: initial;

      --tw-saturate: initial;

      --tw-sepia: initial;

      --tw-drop-shadow: initial;

      --tw-drop-shadow-color: initial;

      --tw-drop-shadow-alpha: 100%;

      --tw-drop-shadow-size: initial;

      --tw-backdrop-blur: initial;

      --tw-backdrop-brightness: initial;

      --tw-backdrop-contrast: initial;

      --tw-backdrop-grayscale: initial;

      --tw-backdrop-hue-rotate: initial;

      --tw-backdrop-invert: initial;

      --tw-backdrop-opacity: initial;

      --tw-backdrop-saturate: initial;

      --tw-backdrop-sepia: initial;

      --tw-duration: initial;

      --tw-ease: initial;

      --tw-content: "";
    }
  }
}