/* Base styles */
:root {
  --basic-font-family: system-ui;
  --basic-font-size: 16px;
  background: var(--background-color);
  font-family: var(--basic-font-family);
  font-size: var(--basic-font-size);
  line-height: 1.5;
}

.sbdocs.sbdocs-content {
  p {
    font-size: 16px;
  }
}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-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: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-600: oklch(44.2% .017 285.786);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-lg: 32rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --layout-container-width: 1440px;
    --default-container-width: 940px;
    --narrow-container-width: 620px;
    --color-quanta-air: #fff;
    --color-quanta-space: #000;
    --color-quanta-snow: #f3f5f7;
    --color-quanta-smoke: #e4e8ec;
    --color-quanta-silver: #c3cdd5;
    --color-quanta-pigeon: #617789;
    --color-quanta-iron: #4a5b68;
    --color-quanta-arctic: #e2f1fd;
    --color-quanta-sky: #c5e3fc;
    --color-quanta-azure: #7cc0f8;
    --color-quanta-cobalt: #2597f4;
    --color-quanta-sapphire: #0b78d0;
    --color-quanta-royal: #085696;
    --color-quanta-ballet: #fee9e7;
    --color-quanta-flamingo: #fcd0ca;
    --color-quanta-rose: #f54e38;
    --color-quanta-candy: #d0220b;
    --color-quanta-wine: #a91c09;
    --quanta-icon-size: var(--spacing);
  }
}

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

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

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

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

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

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

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

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

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

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

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }
}

@layer components;

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

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .left-\[-10\.5px\] {
    left: -10.5px;
  }

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

  .isolate {
    isolation: isolate;
  }

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

  .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-51 {
    z-index: 51;
  }

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

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

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

  .m-px {
    margin: 1px;
  }

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

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

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

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

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

  .mx-px {
    margin-inline: 1px;
  }

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

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

  .my-px {
    margin-block: 1px;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

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

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

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

  .mt-\[0\.75em\] {
    margin-top: .75em;
  }

  .mt-\[1\.4em\] {
    margin-top: 1.4em;
  }

  .mt-\[1\.6em\] {
    margin-top: 1.6em;
  }

  .mt-\[1em\] {
    margin-top: 1em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

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

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

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .\!size-3 {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\!size-3\.5 {
    width: calc(var(--spacing) * 3.5) !important;
    height: calc(var(--spacing) * 3.5) !important;
  }

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

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

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

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

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

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

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

  .size-full {
    width: 100%;
    height: 100%;
  }

  .icon-2xl {
    width: calc(var(--quanta-icon-size) * 9);
    height: calc(var(--quanta-icon-size) * 9);
  }

  .icon-2xs {
    width: calc(var(--quanta-icon-size) * 3);
    height: calc(var(--quanta-icon-size) * 3);
  }

  .icon-3xl {
    width: calc(var(--quanta-icon-size) * 10);
    height: calc(var(--quanta-icon-size) * 10);
  }

  .icon-base {
    width: calc(var(--quanta-icon-size) * 6);
    height: calc(var(--quanta-icon-size) * 6);
  }

  .icon-lg {
    width: calc(var(--quanta-icon-size) * 7);
    height: calc(var(--quanta-icon-size) * 7);
  }

  .icon-sm {
    width: calc(var(--quanta-icon-size) * 5);
    height: calc(var(--quanta-icon-size) * 5);
  }

  .icon-xl {
    width: calc(var(--quanta-icon-size) * 8);
    height: calc(var(--quanta-icon-size) * 8);
  }

  .icon-xs {
    width: calc(var(--quanta-icon-size) * 4);
    height: calc(var(--quanta-icon-size) * 4);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

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

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

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

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

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

  .max-h-\[min\(50dvh\,calc\(-24px\+var\(--radix-popper-available-height\)\)\)\] {
    max-height: min(50dvh, calc(-24px + var(--radix-popper-available-height)));
  }

  .max-h-\[min\(70vh\,320px\)\] {
    max-height: min(70vh, 320px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-\(--default-container-width\) {
    max-width: var(--default-container-width);
  }

  .max-w-\(--layout-container-width\) {
    max-width: var(--layout-container-width);
  }

  .max-w-\(--narrow-container-width\) {
    max-width: var(--narrow-container-width);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

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

  .shrink {
    flex-shrink: 1;
  }

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

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

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

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

  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

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

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

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

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

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

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

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

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

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-r-md {
    border-bottom-right-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .rounded-r-none {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

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

  .border-border, .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-brand\/\[0\.8\] {
    border-color: #0b78d0cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/\[0\.8\] {
      border-color: color-mix(in oklab, var(--color-quanta-sapphire) 80%, transparent);
    }
  }

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

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

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

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

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

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

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

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

  .border-muted-foreground {
    border-color: var(--muted-foreground);
  }

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

  .border-quanta-azure {
    border-color: var(--color-quanta-azure);
  }

  .border-quanta-pigeon {
    border-color: var(--color-quanta-pigeon);
  }

  .border-quanta-sapphire {
    border-color: var(--color-quanta-sapphire);
  }

  .border-quanta-silver {
    border-color: var(--color-quanta-silver);
  }

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

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

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

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

  .border-b-border {
    border-bottom-color: var(--border);
  }

  .border-b-brand\/\[\.24\] {
    border-bottom-color: #0b78d03d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-b-brand\/\[\.24\] {
      border-bottom-color: color-mix(in oklab, var(--color-quanta-sapphire) 24%, transparent);
    }
  }

  .border-b-brand\/\[\.60\] {
    border-bottom-color: #0b78d099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-b-brand\/\[\.60\] {
      border-bottom-color: color-mix(in oklab, var(--color-quanta-sapphire) 60%, transparent);
    }
  }

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

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

  .border-b-purple-100 {
    border-bottom-color: var(--color-purple-100);
  }

  .bg-\(--cellBackground\) {
    background-color: var(--cellBackground);
  }

  .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    background-color: #00000080;
  }

  .bg-background, .bg-background\/95 {
    background-color: var(--background);
  }

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

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

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

  .bg-brand {
    background-color: var(--color-quanta-sapphire);
  }

  .bg-brand\/25 {
    background-color: #0b78d040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/25 {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 25%, transparent);
    }
  }

  .bg-brand\/50 {
    background-color: #0b78d080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/50 {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 50%, transparent);
    }
  }

  .bg-brand\/\[\.08\] {
    background-color: #0b78d014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/\[\.08\] {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 8%, transparent);
    }
  }

  .bg-brand\/\[\.13\] {
    background-color: #0b78d021;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/\[\.13\] {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 13%, transparent);
    }
  }

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

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

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-200\/80 {
    background-color: #a4f4cfcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-200\/80 {
      background-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }

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

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

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

  .bg-gray-300\/25 {
    background-color: #d1d5dc40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-300\/25 {
      background-color: color-mix(in oklab, var(--color-gray-300) 25%, transparent);
    }
  }

  .bg-gray-400\/25 {
    background-color: #99a1af40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-400\/25 {
      background-color: color-mix(in oklab, var(--color-gray-400) 25%, transparent);
    }
  }

  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

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

  .bg-muted, .bg-muted\/50 {
    background-color: var(--muted);
  }

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

  .bg-muted\/60 {
    background-color: var(--muted);
  }

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

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

  .bg-primary, .bg-primary\/40 {
    background-color: var(--primary);
  }

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

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-quanta-air {
    background-color: var(--color-quanta-air);
  }

  .bg-quanta-ballet {
    background-color: var(--color-quanta-ballet);
  }

  .bg-quanta-candy {
    background-color: var(--color-quanta-candy);
  }

  .bg-quanta-pigeon {
    background-color: var(--color-quanta-pigeon);
  }

  .bg-quanta-sapphire {
    background-color: var(--color-quanta-sapphire);
  }

  .bg-quanta-silver {
    background-color: var(--color-quanta-silver);
  }

  .bg-quanta-sky {
    background-color: var(--color-quanta-sky);
  }

  .bg-quanta-smoke {
    background-color: var(--color-quanta-smoke);
  }

  .bg-quanta-snow {
    background-color: var(--color-quanta-snow);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-200\/80 {
    background-color: #ffcacacc;
  }

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-content {
    background-clip: content-box;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-center {
    background-position: center;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .fill-primary {
    fill: var(--primary);
  }

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

  .stroke-black\/10 {
    stroke: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-black\/10 {
      stroke: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .stroke-1 {
    stroke-width: 1px;
  }

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

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

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

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

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

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

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

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

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

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

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

  .p-px {
    padding: 1px;
  }

  .\!px-1 {
    padding-inline: calc(var(--spacing) * 1) !important;
  }

  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }

  .px-\[0\.3em\] {
    padding-inline: .3em;
  }

  .px-px {
    padding-inline: 1px;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-\[0\.2em\] {
    padding-block: .2em;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

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

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

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

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

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-72 {
    padding-bottom: calc(var(--spacing) * 72);
  }

  .pb-\[51\.25\%\] {
    padding-bottom: 51.25%;
  }

  .pb-\[56\.25\%\] {
    padding-bottom: 56.25%;
  }

  .pb-\[56\.0417\%\] {
    padding-bottom: 56.0417%;
  }

  .pb-\[75\%\] {
    padding-bottom: 75%;
  }

  .pb-px {
    padding-bottom: 1px;
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-\[26px\] {
    padding-left: 26px;
  }

  .pl-\[32px\] {
    padding-left: 32px;
  }

  .pl-\[50px\] {
    padding-left: 50px;
  }

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

  .text-end {
    text-align: end;
  }

  .text-justify {
    text-align: justify;
  }

  .text-left {
    text-align: left;
  }

  .text-start {
    text-align: start;
  }

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

  .font-\[inherit\] {
    font-family: inherit;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xl\/6 {
    font-size: var(--text-xl);
    line-height: calc(var(--spacing) * 6);
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

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

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

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

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

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

  .text-background {
    color: var(--background);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-brand\/80 {
    color: #0b78d0cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand\/80 {
      color: color-mix(in oklab, var(--color-quanta-sapphire) 80%, transparent);
    }
  }

  .text-current {
    color: currentColor;
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

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

  .text-gray-400 {
    color: var(--color-gray-400);
  }

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

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-inherit {
    color: inherit;
  }

  .text-muted-foreground, .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-muted-foreground\/80 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

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

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-quanta-air {
    color: var(--color-quanta-air);
  }

  .text-quanta-candy {
    color: var(--color-quanta-candy);
  }

  .text-quanta-cobalt {
    color: var(--color-quanta-cobalt);
  }

  .text-quanta-iron {
    color: var(--color-quanta-iron);
  }

  .text-quanta-pigeon {
    color: var(--color-quanta-pigeon);
  }

  .text-quanta-sapphire {
    color: var(--color-quanta-sapphire);
  }

  .text-quanta-silver {
    color: var(--color-quanta-silver);
  }

  .text-quanta-smoke {
    color: var(--color-quanta-smoke);
  }

  .text-quanta-space {
    color: var(--color-quanta-space);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

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

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .text-zinc-900 {
    color: var(--color-zinc-900);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: 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;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-gray-700\/50 {
    text-decoration-color: #36415380;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-gray-700\/50 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    }
  }

  .decoration-primary {
    -webkit-text-decoration-color: var(--primary);
    -webkit-text-decoration-color: var(--primary);
    text-decoration-color: var(--primary);
  }

  .decoration-quanta-sapphire\/40 {
    text-decoration-color: #0b78d066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-quanta-sapphire\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-quanta-sapphire) 40%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-quanta-sapphire) 40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-quanta-sapphire) 40%, transparent);
    }
  }

  .decoration-\[0\.5px\] {
    text-decoration-thickness: .5px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

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

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --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);
  }

  .inset-ring-2 {
    --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-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);
  }

  .shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\] {
    --tw-shadow-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #ffffff1a 0px .5px 0px 0px inset, #f8f9fa 0px 1px 5px 0px inset, #c1c8cd 0px 0px 0px .5px, #c1c8cd 0px 2px 1px -1px, #c1c8cd 0px 1px 0px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-ring {
    --tw-ring-color: var(--ring);
  }

  .inset-ring-quanta-sapphire {
    --tw-inset-ring-color: var(--color-quanta-sapphire);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline: 2px solid #0000;
      outline-offset: 2px;
    }
  }

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

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

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

  .outline-3 {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }

  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }

  .outline-offset-0 {
    outline-offset: 0px;
  }

  .outline-quanta-cobalt {
    outline-color: var(--color-quanta-cobalt);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .\!filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-\[background-color\] {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-\[color\,box-shadow\] {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-all {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-colors {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-opacity {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-shadow {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-transform {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .\[contain\:content\] {
    contain: content;
  }

  .forced-color-adjust-none {
    forced-color-adjust: none;
  }

  .animate-in {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    animation-duration: .15s;
    animation-name: enter;
  }

  .animate-out {
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
    animation-duration: .15s;
    animation-name: exit;
  }

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

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

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

  .\[tab-size\:2\] {
    tab-size: 2;
  }

  .duration-75 {
    animation-duration: 75ms;
  }

  .duration-100 {
    animation-duration: .1s;
  }

  .duration-150 {
    animation-duration: .15s;
  }

  .duration-200 {
    animation-duration: .2s;
  }

  .duration-300 {
    animation-duration: .3s;
  }

  .ease-in {
    animation-timing-function: cubic-bezier(.4, 0, 1, 1);
  }

  .ease-in-out {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .ease-out {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
  }

  .fade-in, .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .fade-out {
    --tw-exit-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

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

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

  .group-first\/column\:-left-1:is(:where(.group\/column):first-child *) {
    left: calc(var(--spacing) * -1);
  }

  .group-first\/column\:pl-0:is(:where(.group\/column):first-child *) {
    padding-left: calc(var(--spacing) * 0);
  }

  .group-last\/column\:-right-1:is(:where(.group\/column):last-child *) {
    right: calc(var(--spacing) * -1);
  }

  .group-last\/column\:pr-0:is(:where(.group\/column):last-child *) {
    padding-right: calc(var(--spacing) * 0);
  }

  .group-last\/toolbar-group\:hidden\!:is(:where(.group\/toolbar-group):last-child *) {
    display: none !important;
  }

  .group-focus-within\:pointer-events-none:is(:where(.group):where([data-rac])[data-focus-within] *), .group-focus-within\:pointer-events-none:is(:where(.group):where(:not([data-rac])):focus-within *) {
    pointer-events: none;
  }

  .group-focus-within\:top-0:is(:where(.group):where([data-rac])[data-focus-within] *), .group-focus-within\:top-0:is(:where(.group):where(:not([data-rac])):focus-within *) {
    top: calc(var(--spacing) * 0);
  }

  .group-focus-within\:cursor-default:is(:where(.group):where([data-rac])[data-focus-within] *), .group-focus-within\:cursor-default:is(:where(.group):where(:not([data-rac])):focus-within *) {
    cursor: default;
  }

  .group-focus-within\:text-xs:is(:where(.group):where([data-rac])[data-focus-within] *), .group-focus-within\:text-xs:is(:where(.group):where(:not([data-rac])):focus-within *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-focus-within\:font-medium:is(:where(.group):where([data-rac])[data-focus-within] *), .group-focus-within\:font-medium:is(:where(.group):where(:not([data-rac])):focus-within *) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .group-focus-within\:text-foreground:is(:where(.group):where([data-rac])[data-focus-within] *), .group-focus-within\:text-foreground:is(:where(.group):where(:not([data-rac])):focus-within *) {
    color: var(--foreground);
  }

  .group-hover\:opacity-100:is(:where(.group):where([data-rac])[data-hovered] *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):where(:not([data-rac])):hover *) {
      opacity: 1;
    }
  }

  .group-hover\/column\:opacity-100:is(:where(.group\/column):where([data-rac])[data-hovered] *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\/column\:opacity-100:is(:where(.group\/column):where(:not([data-rac])):hover *) {
      opacity: 1;
    }
  }

  .group-hover\/container\:opacity-100:is(:where(.group\/container):where([data-rac])[data-hovered] *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\/container\:opacity-100:is(:where(.group\/container):where(:not([data-rac])):hover *) {
      opacity: 1;
    }
  }

  .group-hover\/row\:opacity-100:is(:where(.group\/row):where([data-rac])[data-hovered] *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\/row\:opacity-100:is(:where(.group\/row):where(:not([data-rac])):hover *) {
      opacity: 1;
    }
  }

  .group-disabled\:text-quanta-iron:is(:where(.group):where([data-rac])[data-disabled] *), .group-disabled\:text-quanta-iron:is(:where(.group):where(:not([data-rac])):disabled *) {
    color: var(--color-quanta-iron);
  }

  .group-has-data-\[resizing\=\"true\"\]\/row\:opacity-0:is(:where(.group\/row):has([data-resizing="true"]) *) {
    opacity: 0;
  }

  .group-has-\[\[data-col\=\"0\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="0"]:hover) *), .group-has-\[\[data-col\=\"0\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="0"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"1\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="1"]:hover) *), .group-has-\[\[data-col\=\"1\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="1"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"10\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="10"]:hover) *), .group-has-\[\[data-col\=\"10\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="10"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"2\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="2"]:hover) *), .group-has-\[\[data-col\=\"2\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="2"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"3\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="3"]:hover) *), .group-has-\[\[data-col\=\"3\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="3"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"4\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="4"]:hover) *), .group-has-\[\[data-col\=\"4\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="4"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"5\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="5"]:hover) *), .group-has-\[\[data-col\=\"5\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="5"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"6\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="6"]:hover) *), .group-has-\[\[data-col\=\"6\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="6"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"7\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="7"]:hover) *), .group-has-\[\[data-col\=\"7\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="7"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"8\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="8"]:hover) *), .group-has-\[\[data-col\=\"8\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="8"][data-resizing="true"]) *), .group-has-\[\[data-col\=\"9\"\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-col="9"]:hover) *), .group-has-\[\[data-col\=\"9\"\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-col="9"][data-resizing="true"]) *), .group-has-\[\[data-resizer-left\]\:hover\]\/table\:block:is(:where(.group\/table):has([data-resizer-left]:hover) *), .group-has-\[\[data-resizer-left\]\[data-resizing\=\"true\"\]\]\/table\:block:is(:where(.group\/table):has([data-resizer-left][data-resizing="true"]) *) {
    display: block;
  }

  .group-data-disabled\:text-quanta-silver:is(:where(.group)[data-disabled] *) {
    color: var(--color-quanta-silver);
  }

  .not-has-data-\[slot\=disclosure-group\]\:group-data-expanded\/disclosure\:pb-3:not(:has([data-slot="disclosure-group"])):is(:where(.group\/disclosure)[data-expanded] *) {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .group-data-invalid\:text-quanta-candy:is(:where(.group)[data-invalid] *) {
    color: var(--color-quanta-candy);
  }

  .group-data-readonly\:inset-ring-0:is(:where(.group)[data-readonly] *) {
    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-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);
  }

  .group-data-\[pressed\=true\]\:bg-accent:is(:where(.group)[data-pressed="true"] *) {
    background-color: var(--accent);
  }

  .group-data-\[pressed\=true\]\:text-accent-foreground:is(:where(.group)[data-pressed="true"] *) {
    color: var(--accent-foreground);
  }

  .group-placement-left\:-rotate-90:is(:where(.group)[data-placement="left"] *) {
    rotate: -90deg;
  }

  .group-placement-right\:rotate-90:is(:where(.group)[data-placement="right"] *) {
    rotate: 90deg;
  }

  .group-placement-bottom\:rotate-180:is(:where(.group)[data-placement="bottom"] *) {
    rotate: 180deg;
  }

  .group-orientation-horizontal\:gap-4:is(:where(.group)[data-orientation="horizontal"] *) {
    gap: calc(var(--spacing) * 4);
  }

  .group-orientation-vertical\:flex-col:is(:where(.group)[data-orientation="vertical"] *) {
    flex-direction: column;
  }

  .group-pressed\:border-gray-500:is(:where(.group)[data-pressed] *) {
    border-color: var(--color-gray-500);
  }

  .group-pressed\:border-gray-800:is(:where(.group)[data-pressed] *) {
    border-color: var(--color-gray-800);
  }

  .group-pressed\:border-quanta-sapphire:is(:where(.group)[data-pressed] *) {
    border-color: var(--color-quanta-sapphire);
  }

  .group-pressed\:border-quanta-silver:is(:where(.group)[data-pressed] *) {
    border-color: var(--color-quanta-silver);
  }

  .group-pressed\:border-red-800:is(:where(.group)[data-pressed] *) {
    border-color: var(--color-red-800);
  }

  .peer-has-\[\[role\=menuitem\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role="menuitem"]) ~ *), .peer-has-\[\[role\=menuitemradio\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role="menuitemradio"]) ~ *), .peer-has-\[\[role\=option\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has([role="option"]) ~ *) {
    display: block;
  }

  .selection\:bg-brand\/25 ::selection {
    background-color: #0b78d040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-brand\/25 ::selection {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 25%, transparent);
    }
  }

  .selection\:bg-brand\/25::selection {
    background-color: #0b78d040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-brand\/25::selection {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 25%, transparent);
    }
  }

  .selection\:bg-primary ::selection {
    background-color: var(--primary);
  }

  .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:bg-transparent ::selection {
    background-color: #0000;
  }

  .selection\:bg-transparent::selection {
    background-color: #0000;
  }

  .selection\:text-primary-foreground ::selection {
    color: var(--primary-foreground);
  }

  .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-width: 0;
    border-style: var(--tw-border-style);
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    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: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder, .placeholder\:text-muted-foreground\/80::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/80::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  .before\:absolute:before {
    position: absolute;
    content: var(--tw-content);
  }

  .before\:z-10:before {
    z-index: 10;
    content: var(--tw-content);
  }

  .before\:box-border:before {
    box-sizing: border-box;
    content: var(--tw-content);
  }

  .before\:size-full:before {
    width: 100%;
    height: 100%;
    content: var(--tw-content);
  }

  .before\:cursor-text:before {
    content: var(--tw-content);
    cursor: text;
  }

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

  .before\:border-r:before {
    border-right-width: 1px;
    border-right-style: var(--tw-border-style);
    content: var(--tw-content);
  }

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

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

  .before\:border-t-border:before {
    border-top-color: var(--border);
    content: var(--tw-content);
  }

  .before\:border-r-border:before {
    border-right-color: var(--border);
    content: var(--tw-content);
  }

  .before\:border-b-border:before {
    border-bottom-color: var(--border);
    content: var(--tw-content);
  }

  .before\:border-l-border:before {
    border-left-color: var(--border);
    content: var(--tw-content);
  }

  .before\:bg-brand\/5:before {
    background-color: #0b78d00d;
    content: var(--tw-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-brand\/5:before {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 5%, transparent);
    }
  }

  .before\:text-muted-foreground\/80:before {
    color: var(--muted-foreground);
    content: var(--tw-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:text-muted-foreground\/80:before {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .before\:content-\[attr\(placeholder\)\]:before {
    --tw-content: attr(placeholder);
    content: var(--tw-content);
  }

  .before\:select-none:before {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none;
  }

  .after\:ml-1\.5:after {
    margin-left: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
  }

  .after\:block:after {
    display: block;
    content: var(--tw-content);
  }

  .after\:flex:after {
    display: flex;
    content: var(--tw-content);
  }

  .after\:inline-block:after {
    display: inline-block;
    content: var(--tw-content);
  }

  .after\:h-3:after {
    height: calc(var(--spacing) * 3);
    content: var(--tw-content);
  }

  .after\:h-16:after {
    height: calc(var(--spacing) * 16);
    content: var(--tw-content);
  }

  .after\:w-3:after {
    width: calc(var(--spacing) * 3);
    content: var(--tw-content);
  }

  .after\:w-\[3px\]:after {
    width: 3px;
    content: var(--tw-content);
  }

  .after\:rounded-\[6px\]:after {
    border-radius: 6px;
    content: var(--tw-content);
  }

  .after\:rounded-full:after {
    border-radius: 3.40282e38px;
    content: var(--tw-content);
  }

  .after\:bg-primary:after {
    background-color: var(--primary);
    content: var(--tw-content);
  }

  .after\:bg-quanta-candy:after {
    background-color: var(--color-quanta-candy);
    content: var(--tw-content);
  }

  .after\:bg-ring:after {
    background-color: var(--ring);
    content: var(--tw-content);
  }

  .after\:pb-\[var\(--aspect-ratio\)\]:after {
    padding-bottom: var(--aspect-ratio);
    content: var(--tw-content);
  }

  .after\:align-middle:after {
    content: var(--tw-content);
    vertical-align: middle;
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:content-\[\"\"\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:content-\[\'_\'\]:after {
    --tw-content: " ";
    content: var(--tw-content);
  }

  .group-hover\:after\:opacity-100:is(:where(.group):where([data-rac])[data-hovered] *):after {
    content: var(--tw-content);
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:after\:opacity-100:is(:where(.group):where(:not([data-rac])):hover *):after {
      content: var(--tw-content);
      opacity: 1;
    }
  }

  .group-data-required\:after\:mx-1:is(:where(.group)[data-required] *):after {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 1);
  }

  .group-data-required\:after\:inline-block:is(:where(.group)[data-required] *):after {
    display: inline-block;
    content: var(--tw-content);
  }

  .group-data-required\:after\:h-2:is(:where(.group)[data-required] *):after {
    height: calc(var(--spacing) * 2);
    content: var(--tw-content);
  }

  .group-data-required\:after\:w-2:is(:where(.group)[data-required] *):after {
    width: calc(var(--spacing) * 2);
    content: var(--tw-content);
  }

  .group-data-required\:after\:rounded-4xl:is(:where(.group)[data-required] *):after {
    border-radius: var(--radius-4xl);
    content: var(--tw-content);
  }

  .first\:rounded-t-md:first-child {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

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

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

  .last\:rounded-b-md:last-child {
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .last\:border-b-0:last-child {
    border-bottom-width: 0;
    border-bottom-style: var(--tw-border-style);
  }

  .invalid\:bg-red-600:where([data-rac])[data-invalid], .invalid\:bg-red-600:where(:not([data-rac])):invalid {
    background-color: var(--color-red-600);
  }

  .read-only\:border-1:where([data-rac])[data-readonly], .read-only\:border-1:where(:not([data-rac])):read-only {
    border-width: 1px;
    border-style: var(--tw-border-style);
  }

  .read-only\:border-dashed:where([data-rac])[data-readonly], .read-only\:border-dashed:where(:not([data-rac])):read-only {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .read-only\:bg-quanta-air:where([data-rac])[data-readonly], .read-only\:bg-quanta-air:where(:not([data-rac])):read-only {
    background-color: var(--color-quanta-air);
  }

  .focus-within\:border-gray-500:where([data-rac])[data-focus-within], .focus-within\:border-gray-500:where(:not([data-rac])):focus-within {
    border-color: var(--color-gray-500);
  }

  .focus-within\:ring-2:where([data-rac])[data-focus-within], .focus-within\:ring-2:where(:not([data-rac])):focus-within {
    --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-within\:ring-gray-400:where([data-rac])[data-focus-within], .focus-within\:ring-gray-400:where(:not([data-rac])):focus-within {
    --tw-ring-color: var(--color-gray-400);
  }

  .focus-within\:ring-ring:where([data-rac])[data-focus-within], .focus-within\:ring-ring:where(:not([data-rac])):focus-within {
    --tw-ring-color: var(--ring);
  }

  .focus-within\:ring-offset-2:where([data-rac])[data-focus-within], .focus-within\:ring-offset-2:where(:not([data-rac])):focus-within {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .hover\:scale-125:where([data-rac])[data-hovered] {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media (hover: hover) {
    .hover\:scale-125:where(:not([data-rac])):hover {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .hover\:border-blue-300:where([data-rac])[data-hovered] {
    border-color: var(--color-blue-300);
  }

  @media (hover: hover) {
    .hover\:border-blue-300:where(:not([data-rac])):hover {
      border-color: var(--color-blue-300);
    }
  }

  .hover\:border-gray-300:where([data-rac])[data-hovered] {
    border-color: var(--color-gray-300);
  }

  @media (hover: hover) {
    .hover\:border-gray-300:where(:not([data-rac])):hover {
      border-color: var(--color-gray-300);
    }
  }

  .hover\:border-green-300:where([data-rac])[data-hovered] {
    border-color: var(--color-green-300);
  }

  @media (hover: hover) {
    .hover\:border-green-300:where(:not([data-rac])):hover {
      border-color: var(--color-green-300);
    }
  }

  .hover\:border-yellow-300:where([data-rac])[data-hovered] {
    border-color: var(--color-yellow-300);
  }

  @media (hover: hover) {
    .hover\:border-yellow-300:where(:not([data-rac])):hover {
      border-color: var(--color-yellow-300);
    }
  }

  .hover\:bg-accent:where([data-rac])[data-hovered] {
    background-color: var(--accent);
  }

  @media (hover: hover) {
    .hover\:bg-accent:where(:not([data-rac])):hover {
      background-color: var(--accent);
    }
  }

  .hover\:bg-destructive\/90:where([data-rac])[data-hovered] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-destructive\/90:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive\/90:where(:not([data-rac])):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }

  .hover\:bg-gray-100:where([data-rac])[data-hovered] {
    background-color: var(--color-gray-100);
  }

  @media (hover: hover) {
    .hover\:bg-gray-100:where(:not([data-rac])):hover {
      background-color: var(--color-gray-100);
    }
  }

  .hover\:bg-gray-200:where([data-rac])[data-hovered] {
    background-color: var(--color-gray-200);
  }

  @media (hover: hover) {
    .hover\:bg-gray-200:where(:not([data-rac])):hover {
      background-color: var(--color-gray-200);
    }
  }

  .hover\:bg-gray-600:where([data-rac])[data-hovered] {
    background-color: var(--color-gray-600);
  }

  @media (hover: hover) {
    .hover\:bg-gray-600:where(:not([data-rac])):hover {
      background-color: var(--color-gray-600);
    }
  }

  .hover\:bg-muted:where([data-rac])[data-hovered] {
    background-color: var(--muted);
  }

  @media (hover: hover) {
    .hover\:bg-muted:where(:not([data-rac])):hover {
      background-color: var(--muted);
    }
  }

  .hover\:bg-muted-foreground\/15:where([data-rac])[data-hovered] {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-muted-foreground\/15:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted-foreground\/15:where(:not([data-rac])):hover {
      background-color: var(--muted-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted-foreground\/15:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
      }
    }
  }

  .hover\:bg-primary\/10:where([data-rac])[data-hovered] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/10:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/10:where(:not([data-rac])):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }
  }

  .hover\:bg-primary\/90:where([data-rac])[data-hovered] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/90:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/90:where(:not([data-rac])):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  .hover\:bg-quanta-air:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-air);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-air:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-air);
    }
  }

  .hover\:bg-quanta-arctic:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-arctic);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-arctic:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-arctic);
    }
  }

  .hover\:bg-quanta-ballet:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-ballet);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-ballet:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-ballet);
    }
  }

  .hover\:bg-quanta-flamingo:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-flamingo);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-flamingo:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-flamingo);
    }
  }

  .hover\:bg-quanta-royal:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-royal);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-royal:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-royal);
    }
  }

  .hover\:bg-quanta-sky:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-sky);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-sky:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-sky);
    }
  }

  .hover\:bg-quanta-smoke:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-smoke);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-smoke:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-smoke);
    }
  }

  .hover\:bg-quanta-snow:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-snow);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-snow:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-snow);
    }
  }

  .hover\:bg-quanta-wine:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-wine);
  }

  @media (hover: hover) {
    .hover\:bg-quanta-wine:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-wine);
    }
  }

  .hover\:bg-secondary\/80:where([data-rac])[data-hovered] {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-secondary\/80:where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-secondary\/80:where(:not([data-rac])):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
  }

  .hover\:bg-transparent:where([data-rac])[data-hovered] {
    background-color: #0000;
  }

  @media (hover: hover) {
    .hover\:bg-transparent:where(:not([data-rac])):hover {
      background-color: #0000;
    }
  }

  .hover\:text-accent-foreground:where([data-rac])[data-hovered] {
    color: var(--accent-foreground);
  }

  @media (hover: hover) {
    .hover\:text-accent-foreground:where(:not([data-rac])):hover {
      color: var(--accent-foreground);
    }
  }

  .hover\:text-brand\/80:where([data-rac])[data-hovered] {
    color: #0b78d0cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:text-brand\/80:where([data-rac])[data-hovered] {
      color: color-mix(in oklab, var(--color-quanta-sapphire) 80%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:text-brand\/80:where(:not([data-rac])):hover {
      color: #0b78d0cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-brand\/80:where(:not([data-rac])):hover {
        color: color-mix(in oklab, var(--color-quanta-sapphire) 80%, transparent);
      }
    }
  }

  .hover\:text-gray-300:where([data-rac])[data-hovered] {
    color: var(--color-gray-300);
  }

  @media (hover: hover) {
    .hover\:text-gray-300:where(:not([data-rac])):hover {
      color: var(--color-gray-300);
    }
  }

  .hover\:text-gray-600:where([data-rac])[data-hovered] {
    color: var(--color-gray-600);
  }

  @media (hover: hover) {
    .hover\:text-gray-600:where(:not([data-rac])):hover {
      color: var(--color-gray-600);
    }
  }

  .hover\:text-gray-700:where([data-rac])[data-hovered] {
    color: var(--color-gray-700);
  }

  @media (hover: hover) {
    .hover\:text-gray-700:where(:not([data-rac])):hover {
      color: var(--color-gray-700);
    }
  }

  .hover\:text-muted-foreground:where([data-rac])[data-hovered] {
    color: var(--muted-foreground);
  }

  @media (hover: hover) {
    .hover\:text-muted-foreground:where(:not([data-rac])):hover {
      color: var(--muted-foreground);
    }
  }

  .hover\:text-muted-foreground\/80:where([data-rac])[data-hovered] {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:text-muted-foreground\/80:where([data-rac])[data-hovered] {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:text-muted-foreground\/80:where(:not([data-rac])):hover {
      color: var(--muted-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-muted-foreground\/80:where(:not([data-rac])):hover {
        color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
      }
    }
  }

  .hover\:text-quanta-air:where([data-rac])[data-hovered] {
    color: var(--color-quanta-air);
  }

  @media (hover: hover) {
    .hover\:text-quanta-air:where(:not([data-rac])):hover {
      color: var(--color-quanta-air);
    }
  }

  .hover\:text-quanta-royal:where([data-rac])[data-hovered] {
    color: var(--color-quanta-royal);
  }

  @media (hover: hover) {
    .hover\:text-quanta-royal:where(:not([data-rac])):hover {
      color: var(--color-quanta-royal);
    }
  }

  .hover\:text-quanta-silver:where([data-rac])[data-hovered] {
    color: var(--color-quanta-silver);
  }

  @media (hover: hover) {
    .hover\:text-quanta-silver:where(:not([data-rac])):hover {
      color: var(--color-quanta-silver);
    }
  }

  .hover\:text-quanta-wine:where([data-rac])[data-hovered] {
    color: var(--color-quanta-wine);
  }

  @media (hover: hover) {
    .hover\:text-quanta-wine:where(:not([data-rac])):hover {
      color: var(--color-quanta-wine);
    }
  }

  .hover\:underline:where([data-rac])[data-hovered] {
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .hover\:underline:where(:not([data-rac])):hover {
      text-decoration-line: underline;
    }
  }

  .hover\:decoration-gray-700:where([data-rac])[data-hovered] {
    -webkit-text-decoration-color: var(--color-gray-700);
    -webkit-text-decoration-color: var(--color-gray-700);
    text-decoration-color: var(--color-gray-700);
  }

  @media (hover: hover) {
    .hover\:decoration-gray-700:where(:not([data-rac])):hover {
      -webkit-text-decoration-color: var(--color-gray-700);
      -webkit-text-decoration-color: var(--color-gray-700);
      text-decoration-color: var(--color-gray-700);
    }
  }

  .hover\:decoration-quanta-royal:where([data-rac])[data-hovered] {
    -webkit-text-decoration-color: var(--color-quanta-royal);
    -webkit-text-decoration-color: var(--color-quanta-royal);
    text-decoration-color: var(--color-quanta-royal);
  }

  @media (hover: hover) {
    .hover\:decoration-quanta-royal:where(:not([data-rac])):hover {
      -webkit-text-decoration-color: var(--color-quanta-royal);
      -webkit-text-decoration-color: var(--color-quanta-royal);
      text-decoration-color: var(--color-quanta-royal);
    }
  }

  .hover\:opacity-100:where([data-rac])[data-hovered] {
    opacity: 1;
  }

  @media (hover: hover) {
    .hover\:opacity-100:where(:not([data-rac])):hover {
      opacity: 1;
    }
  }

  .hover\:shadow-sm:where([data-rac])[data-hovered] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .hover\:shadow-sm:where(:not([data-rac])):hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .read-only\:hover\:bg-quanta-air:where([data-rac])[data-readonly]:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-air);
  }

  @media (hover: hover) {
    .read-only\:hover\:bg-quanta-air:where([data-rac])[data-readonly]:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-air);
    }
  }

  .read-only\:hover\:bg-quanta-air:where(:not([data-rac])):read-only:where([data-rac])[data-hovered] {
    background-color: var(--color-quanta-air);
  }

  @media (hover: hover) {
    .read-only\:hover\:bg-quanta-air:where(:not([data-rac])):read-only:where(:not([data-rac])):hover {
      background-color: var(--color-quanta-air);
    }
  }

  .focus\:bg-accent:where([data-rac])[data-focused], .focus\:bg-accent:where(:not([data-rac])):focus {
    background-color: var(--accent);
  }

  .focus\:bg-gray-100:where([data-rac])[data-focused], .focus\:bg-gray-100:where(:not([data-rac])):focus {
    background-color: var(--color-gray-100);
  }

  .focus\:bg-gray-600:where([data-rac])[data-focused], .focus\:bg-gray-600:where(:not([data-rac])):focus {
    background-color: var(--color-gray-600);
  }

  .focus\:bg-quanta-air:where([data-rac])[data-focused], .focus\:bg-quanta-air:where(:not([data-rac])):focus {
    background-color: var(--color-quanta-air);
  }

  .focus\:bg-quanta-ballet:where([data-rac])[data-focused], .focus\:bg-quanta-ballet:where(:not([data-rac])):focus {
    background-color: var(--color-quanta-ballet);
  }

  .focus\:bg-quanta-royal:where([data-rac])[data-focused], .focus\:bg-quanta-royal:where(:not([data-rac])):focus {
    background-color: var(--color-quanta-royal);
  }

  .focus\:bg-quanta-sky:where([data-rac])[data-focused], .focus\:bg-quanta-sky:where(:not([data-rac])):focus {
    background-color: var(--color-quanta-sky);
  }

  .focus\:bg-quanta-smoke:where([data-rac])[data-focused], .focus\:bg-quanta-smoke:where(:not([data-rac])):focus {
    background-color: var(--color-quanta-smoke);
  }

  .focus\:bg-quanta-snow:where([data-rac])[data-focused], .focus\:bg-quanta-snow:where(:not([data-rac])):focus {
    background-color: var(--color-quanta-snow);
  }

  .focus\:bg-quanta-wine:where([data-rac])[data-focused], .focus\:bg-quanta-wine:where(:not([data-rac])):focus {
    background-color: var(--color-quanta-wine);
  }

  .focus\:text-accent-foreground:where([data-rac])[data-focused], .focus\:text-accent-foreground:where(:not([data-rac])):focus {
    color: var(--accent-foreground);
  }

  .focus\:text-quanta-air:where([data-rac])[data-focused], .focus\:text-quanta-air:where(:not([data-rac])):focus {
    color: var(--color-quanta-air);
  }

  .focus\:text-quanta-royal:where([data-rac])[data-focused], .focus\:text-quanta-royal:where(:not([data-rac])):focus {
    color: var(--color-quanta-royal);
  }

  .focus\:text-quanta-wine:where([data-rac])[data-focused], .focus\:text-quanta-wine:where(:not([data-rac])):focus {
    color: var(--color-quanta-wine);
  }

  .focus\:decoration-quanta-royal:where([data-rac])[data-focused], .focus\:decoration-quanta-royal:where(:not([data-rac])):focus {
    -webkit-text-decoration-color: var(--color-quanta-royal);
    -webkit-text-decoration-color: var(--color-quanta-royal);
    text-decoration-color: var(--color-quanta-royal);
  }

  .focus\:shadow-sm:where([data-rac])[data-focused], .focus\:shadow-sm:where(:not([data-rac])):focus {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:where([data-rac])[data-focused], .focus\:ring-2:where(:not([data-rac])):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\:inset-ring-2:where([data-rac])[data-focused], .focus\:inset-ring-2:where(:not([data-rac])):focus {
    --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-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-ring:where([data-rac])[data-focused], .focus\:ring-ring:where(:not([data-rac])):focus {
    --tw-ring-color: var(--ring);
  }

  .focus\:inset-ring-quanta-candy:where([data-rac])[data-focused], .focus\:inset-ring-quanta-candy:where(:not([data-rac])):focus {
    --tw-inset-ring-color: var(--color-quanta-candy);
  }

  .focus\:ring-offset-2:where([data-rac])[data-focused], .focus\:ring-offset-2:where(:not([data-rac])):focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:where([data-rac])[data-focused] {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:where([data-rac])[data-focused] {
      outline: 2px solid #0000;
      outline-offset: 2px;
    }
  }

  .focus\:outline-hidden:where(:not([data-rac])):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:where(:not([data-rac])):focus {
      outline: 2px solid #0000;
      outline-offset: 2px;
    }
  }

  .focus\:outline-none:where([data-rac])[data-focused], .focus\:outline-none:where(:not([data-rac])):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-ring:where([data-rac])[data-focus-visible], .focus-visible\:border-ring:where(:not([data-rac])):focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:ring-0:where([data-rac])[data-focus-visible], .focus-visible\:ring-0:where(:not([data-rac])):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-visible\:ring-2:where([data-rac])[data-focus-visible], .focus-visible\:ring-2:where(:not([data-rac])):focus-visible {
    --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-visible\:ring-\[3px\]:where([data-rac])[data-focus-visible], .focus-visible\:ring-\[3px\]:where(:not([data-rac])):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-visible\:ring-destructive\/20:where([data-rac])[data-focus-visible] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:where([data-rac])[data-focus-visible] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-destructive\/20:where(:not([data-rac])):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:where(:not([data-rac])):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:where([data-rac])[data-focus-visible], .focus-visible\:ring-ring:where(:not([data-rac])):focus-visible, .focus-visible\:ring-ring\/50:where([data-rac])[data-focus-visible] {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:where([data-rac])[data-focus-visible] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:where(:not([data-rac])):focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:where(:not([data-rac])):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-transparent:where([data-rac])[data-focus-visible], .focus-visible\:ring-transparent:where(:not([data-rac])):focus-visible {
    --tw-ring-color: transparent;
  }

  .focus-visible\:ring-offset-0:where([data-rac])[data-focus-visible], .focus-visible\:ring-offset-0:where(:not([data-rac])):focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:where([data-rac])[data-focus-visible], .focus-visible\:ring-offset-2:where(:not([data-rac])):focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-none:where([data-rac])[data-focus-visible], .focus-visible\:outline-none:where(:not([data-rac])):focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:cursor-grabbing:where([data-rac])[data-active], .active\:cursor-grabbing:where(:not([data-rac])):active {
    cursor: grabbing;
  }

  .active\:bg-quanta-air:where([data-rac])[data-active], .active\:bg-quanta-air:where(:not([data-rac])):active {
    background-color: var(--color-quanta-air);
  }

  .active\:bg-quanta-cobalt:where([data-rac])[data-active], .active\:bg-quanta-cobalt:where(:not([data-rac])):active {
    background-color: var(--color-quanta-cobalt);
  }

  .active\:bg-quanta-flamingo:where([data-rac])[data-active], .active\:bg-quanta-flamingo:where(:not([data-rac])):active {
    background-color: var(--color-quanta-flamingo);
  }

  .active\:bg-quanta-rose:where([data-rac])[data-active], .active\:bg-quanta-rose:where(:not([data-rac])):active {
    background-color: var(--color-quanta-rose);
  }

  .active\:bg-quanta-silver:where([data-rac])[data-active], .active\:bg-quanta-silver:where(:not([data-rac])):active {
    background-color: var(--color-quanta-silver);
  }

  .active\:bg-quanta-sky:where([data-rac])[data-active], .active\:bg-quanta-sky:where(:not([data-rac])):active {
    background-color: var(--color-quanta-sky);
  }

  .active\:text-quanta-air:where([data-rac])[data-active], .active\:text-quanta-air:where(:not([data-rac])):active {
    color: var(--color-quanta-air);
  }

  .active\:text-quanta-cobalt:where([data-rac])[data-active], .active\:text-quanta-cobalt:where(:not([data-rac])):active {
    color: var(--color-quanta-cobalt);
  }

  .active\:text-quanta-royal:where([data-rac])[data-active], .active\:text-quanta-royal:where(:not([data-rac])):active {
    color: var(--color-quanta-royal);
  }

  .active\:text-quanta-wine:where([data-rac])[data-active], .active\:text-quanta-wine:where(:not([data-rac])):active {
    color: var(--color-quanta-wine);
  }

  .active\:decoration-quanta-cobalt:where([data-rac])[data-active], .active\:decoration-quanta-cobalt:where(:not([data-rac])):active {
    -webkit-text-decoration-color: var(--color-quanta-cobalt);
    -webkit-text-decoration-color: var(--color-quanta-cobalt);
    text-decoration-color: var(--color-quanta-cobalt);
  }

  .active\:shadow-md:where([data-rac])[data-active], .active\:shadow-md:where(:not([data-rac])):active {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:pointer-events-none:where([data-rac])[data-disabled], .disabled\:pointer-events-none:where(:not([data-rac])):disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:where([data-rac])[data-disabled], .disabled\:cursor-default:where(:not([data-rac])):disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:where([data-rac])[data-disabled], .disabled\:cursor-not-allowed:where(:not([data-rac])):disabled {
    cursor: not-allowed;
  }

  .disabled\:text-gray-200:where([data-rac])[data-disabled], .disabled\:text-gray-200:where(:not([data-rac])):disabled {
    color: var(--color-gray-200);
  }

  .disabled\:text-gray-300:where([data-rac])[data-disabled], .disabled\:text-gray-300:where(:not([data-rac])):disabled {
    color: var(--color-gray-300);
  }

  .disabled\:text-quanta-silver:where([data-rac])[data-disabled], .disabled\:text-quanta-silver:where(:not([data-rac])):disabled {
    color: var(--color-quanta-silver);
  }

  .disabled\:no-underline:where([data-rac])[data-disabled], .disabled\:no-underline:where(:not([data-rac])):disabled {
    text-decoration-line: none;
  }

  .disabled\:opacity-50:where([data-rac])[data-disabled], .disabled\:opacity-50:where(:not([data-rac])):disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:where([data-rac])[data-disabled], .disabled\:opacity-60:where(:not([data-rac])):disabled {
    opacity: .6;
  }

  .disabled\:opacity-75:where([data-rac])[data-disabled], .disabled\:opacity-75:where(:not([data-rac])):disabled {
    opacity: .75;
  }

  .has-aria-disabled\:border-input:has([aria-disabled="true"]) {
    border-color: var(--input);
  }

  .has-aria-disabled\:bg-muted:has([aria-disabled="true"]) {
    background-color: var(--muted);
  }

  .has-data-readonly\:w-fit:has([data-readonly]) {
    width: fit-content;
  }

  .has-data-readonly\:cursor-default:has([data-readonly]) {
    cursor: default;
  }

  .has-data-readonly\:border-transparent:has([data-readonly]) {
    border-color: #0000;
  }

  .has-data-readonly\:focus-within\:\[box-shadow\:none\]:has([data-readonly]):where([data-rac])[data-focus-within], .has-data-readonly\:focus-within\:\[box-shadow\:none\]:has([data-readonly]):where(:not([data-rac])):focus-within {
    box-shadow: none;
  }

  .has-\[\[data-slate-editor\]\:focus\]\:border-brand\/50:has([data-slate-editor]:focus) {
    border-color: #0b78d080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slate-editor\]\:focus\]\:border-brand\/50:has([data-slate-editor]:focus) {
      border-color: color-mix(in oklab, var(--color-quanta-sapphire) 50%, transparent);
    }
  }

  .has-\[\[data-slate-editor\]\:focus\]\:ring-2:has([data-slate-editor]: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);
  }

  .has-\[\[data-slate-editor\]\:focus\]\:ring-brand\/30:has([data-slate-editor]:focus) {
    --tw-ring-color: #0b78d04d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slate-editor\]\:focus\]\:ring-brand\/30:has([data-slate-editor]:focus) {
      --tw-ring-color: color-mix(in oklab, var(--color-quanta-sapphire) 30%, transparent);
    }
  }

  .has-\[\[role\=menuitem\]\]\:block:has([role="menuitem"]), .has-\[\[role\=menuitemradio\]\]\:block:has([role="menuitemradio"]), .has-\[\[role\=option\]\]\:block:has([role="option"]) {
    display: block;
  }

  .has-\[button\]\:flex:has(:is(button)) {
    display: flex;
  }

  .has-\[svg\]\:rounded-full:has(:is(svg)) {
    border-radius: 3.40282e38px;
  }

  .has-\[svg\]\:p-1\.5:has(:is(svg)) {
    padding: calc(var(--spacing) * 1.5);
  }

  .has-\[svg\]\:p-3:has(:is(svg)) {
    padding: calc(var(--spacing) * 3);
  }

  .has-\[svg\]\:text-xs:has(:is(svg)) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .has-\[svg\]\:text-quanta-iron:has(:is(svg)) {
    color: var(--color-quanta-iron);
  }

  .has-\[svg\]\:text-quanta-smoke:has(:is(svg)) {
    color: var(--color-quanta-smoke);
  }

  .has-\[svg\]\:hover\:text-quanta-silver:has(:is(svg)):where([data-rac])[data-hovered] {
    color: var(--color-quanta-silver);
  }

  @media (hover: hover) {
    .has-\[svg\]\:hover\:text-quanta-silver:has(:is(svg)):where(:not([data-rac])):hover {
      color: var(--color-quanta-silver);
    }
  }

  .not-group-data-invalid\:not-group-data-readonly\:has-\[\+input\:focus\]\:text-quanta-sapphire:not(:is(:where(.group)[data-invalid] *)):not(:is(:where(.group)[data-readonly] *)):has( + input:focus) {
    color: var(--color-quanta-sapphire);
  }

  .has-\[\+input\:not\(\:placeholder-shown\)\]\:pointer-events-none:has( + input:not(:placeholder-shown)) {
    pointer-events: none;
  }

  .has-\[\+input\:not\(\:placeholder-shown\)\]\:top-0:has( + input:not(:placeholder-shown)) {
    top: calc(var(--spacing) * 0);
  }

  .has-\[\+input\:not\(\:placeholder-shown\)\]\:cursor-default:has( + input:not(:placeholder-shown)) {
    cursor: default;
  }

  .has-\[\+input\:not\(\:placeholder-shown\)\]\:text-xs:has( + input:not(:placeholder-shown)) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .has-\[\+input\:not\(\:placeholder-shown\)\]\:font-medium:has( + input:not(:placeholder-shown)) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .has-\[\+input\:not\(\:placeholder-shown\)\]\:text-foreground:has( + input:not(:placeholder-shown)) {
    color: var(--foreground);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .aria-checked\:bg-accent[aria-checked="true"] {
    background-color: var(--accent);
  }

  .aria-checked\:text-accent-foreground[aria-checked="true"] {
    color: var(--accent-foreground);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-readonly\:w-fit[data-readonly] {
    width: fit-content;
  }

  :is(.\*\*\:data-slate-placeholder\:\!top-1\/2 *)[data-slate-placeholder] {
    top: 50% !important;
  }

  :is(.\*\*\:data-slate-placeholder\:top-\[auto_\!important\] *)[data-slate-placeholder] {
    top: auto !important;
  }

  :is(.\*\*\:data-slate-placeholder\:-translate-y-1\/2 *)[data-slate-placeholder] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.\*\*\:data-slate-placeholder\:text-muted-foreground\/80 *)[data-slate-placeholder] {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\*\:data-slate-placeholder\:text-muted-foreground\/80 *)[data-slate-placeholder] {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  :is(.\*\*\:data-slate-placeholder\:opacity-100\! *)[data-slate-placeholder] {
    opacity: 1 !important;
  }

  .data-\[active-item\=true\]\:bg-accent[data-active-item="true"] {
    background-color: var(--accent);
  }

  .data-\[active-item\=true\]\:text-accent-foreground[data-active-item="true"] {
    color: var(--accent-foreground);
  }

  .data-\[active\=true\]\:bg-muted[data-active="true"] {
    background-color: var(--muted);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[focused\]\:bg-gray-100[data-focused] {
    background-color: var(--color-gray-100);
  }

  .data-\[highlighted\=true\]\:bg-accent[data-highlighted="true"] {
    background-color: var(--accent);
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color: var(--accent);
  }

  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color: var(--accent-foreground);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: -.5rem;
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: .5rem;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: -.5rem;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: .5rem;
  }

  :is(.\*\:data-\[slot\=block-selection\]\:left-2 > *)[data-slot="block-selection"] {
    left: calc(var(--spacing) * 2);
  }

  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing) * 12);
  }

  :is(.\*\*\:data-\[slot\=disclosure-chevron\]\:size-5 *)[data-slot="disclosure-chevron"] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  :is(.\*\*\:data-\[slot\=disclosure-group\]\:border-t *)[data-slot="disclosure-group"] {
    border-top-width: 1px;
    border-top-style: var(--tw-border-style);
  }

  :is(.\*\*\:data-\[slot\=icon\]\:-mx-0\.5 *)[data-slot="icon"] {
    margin-inline: calc(var(--spacing) * -.5);
  }

  :is(.\*\*\:data-\[slot\=icon\]\:shrink-0 *)[data-slot="icon"] {
    flex-shrink: 0;
  }

  .data-\[state\=checked\]\:border-primary[data-state="checked"] {
    border-color: var(--primary);
  }

  .data-\[state\=checked\]\:bg-accent[data-state="checked"] {
    background-color: var(--accent);
  }

  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }

  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: var(--primary-foreground);
  }

  .data-\[state\=closed\]\:opacity-0[data-state="closed"] {
    opacity: 0;
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
    animation-duration: .15s;
    animation-name: exit;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=on\]\:bg-accent[data-state="on"] {
    background-color: var(--accent);
  }

  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
    color: var(--accent-foreground);
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--accent);
  }

  .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
    color: var(--accent-foreground);
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    animation-duration: .15s;
    animation-name: enter;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:where([data-rac])[data-focused] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:where([data-rac])[data-focused] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:where(:not([data-rac])):focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:where(:not([data-rac])):focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:where([data-rac])[data-focused], .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:where(:not([data-rac])):focus {
    color: var(--destructive);
  }

  @supports (backdrop-blur: var(--tw)) {
    .supports-backdrop-blur\:bg-background\/60 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-backdrop-blur\:bg-background\/60 {
        background-color: color-mix(in oklab, var(--background) 60%, transparent);
      }
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

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

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

    .sm\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }

    .sm\:px-\[max\(64px\,calc\(50\%-350px\)\)\] {
      padding-inline: max(64px, 50% - 350px);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:opacity-0 {
      opacity: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:inline {
      display: inline;
    }
  }

  .dark\:border-blue-400\/10:is(.dark *) {
    border-color: #54a2ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-blue-400\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }
  }

  .dark\:border-green-300\/10:is(.dark *) {
    border-color: #7bf1a81a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-green-300\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-green-300) 10%, transparent);
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:border-red-600:is(.dark *) {
    border-color: var(--color-red-600);
  }

  .dark\:border-slate-300:is(.dark *) {
    border-color: var(--color-slate-300);
  }

  .dark\:border-white\/\[15\%\]:is(.dark *) {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/\[15\%\]:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .dark\:border-yellow-300\/10:is(.dark *) {
    border-color: #ffe02a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-yellow-300\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-yellow-300) 10%, transparent);
    }
  }

  .dark\:border-zinc-400:is(.dark *) {
    border-color: var(--color-zinc-400);
  }

  .dark\:border-zinc-700:is(.dark *) {
    border-color: var(--color-zinc-700);
  }

  .dark\:bg-blue-400\/20:is(.dark *) {
    background-color: #54a2ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-400\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }

  .dark\:bg-destructive\/60:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/60:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }

  .dark\:bg-green-300\/20:is(.dark *) {
    background-color: #7bf1a833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-300\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-300) 20%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:bg-yellow-300\/20:is(.dark *) {
    background-color: #ffe02a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-300\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-yellow-300) 20%, transparent);
    }
  }

  .dark\:bg-zinc-200:is(.dark *) {
    background-color: var(--color-zinc-200);
  }

  .dark\:bg-zinc-600:is(.dark *) {
    background-color: var(--color-zinc-600);
  }

  .dark\:bg-zinc-900:is(.dark *) {
    background-color: var(--color-zinc-900);
  }

  .dark\:bg-zinc-900\/70:is(.dark *) {
    background-color: #18181bb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-900\/70:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent);
    }
  }

  .dark\:fill-\[\#1f1f21\]:is(.dark *) {
    fill: #1f1f21;
  }

  .dark\:stroke-zinc-600:is(.dark *) {
    stroke: var(--color-zinc-600);
  }

  .dark\:text-black:is(.dark *) {
    color: var(--color-black);
  }

  .dark\:text-blue-300:is(.dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-green-400:is(.dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-red-600:is(.dark *) {
    color: var(--color-red-600);
  }

  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }

  .dark\:text-yellow-400:is(.dark *) {
    color: var(--color-yellow-400);
  }

  .dark\:text-zinc-100:is(.dark *) {
    color: var(--color-zinc-100);
  }

  .dark\:text-zinc-200:is(.dark *) {
    color: var(--color-zinc-200);
  }

  .dark\:text-zinc-300:is(.dark *) {
    color: var(--color-zinc-300);
  }

  .dark\:text-zinc-400:is(.dark *) {
    color: var(--color-zinc-400);
  }

  .dark\:text-zinc-600:is(.dark *) {
    color: var(--color-zinc-600);
  }

  .dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\]:is(.dark *) {
    --tw-shadow-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\]:is(.dark *) {
      --tw-shadow-color: color-mix(in oklab, #ffffff1a 0px .5px 0px 0px inset, #1a1d1e 0px 1px 5px 0px inset, #4c5155 0px 0px 0px .5px, #4c5155 0px 2px 1px -1px, #4c5155 0px 1px 0px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .dark\:backdrop-blur-2xl:is(.dark *) {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .dark\:backdrop-saturate-200:is(.dark *) {
    --tw-backdrop-saturate: saturate(200%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .dark\:group-pressed\:border-red-700:is(.dark *):is(:where(.group)[data-pressed] *) {
    border-color: var(--color-red-700);
  }

  .dark\:group-pressed\:border-slate-200:is(.dark *):is(:where(.group)[data-pressed] *) {
    border-color: var(--color-slate-200);
  }

  .dark\:group-pressed\:border-zinc-300:is(.dark *):is(:where(.group)[data-pressed] *) {
    border-color: var(--color-zinc-300);
  }

  .dark\:hover\:border-blue-400\/20:is(.dark *):where([data-rac])[data-hovered] {
    border-color: #54a2ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:border-blue-400\/20:is(.dark *):where([data-rac])[data-hovered] {
      border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:border-blue-400\/20:is(.dark *):where(:not([data-rac])):hover {
      border-color: #54a2ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-blue-400\/20:is(.dark *):where(:not([data-rac])):hover {
        border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
      }
    }
  }

  .dark\:hover\:border-green-300\/20:is(.dark *):where([data-rac])[data-hovered] {
    border-color: #7bf1a833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:border-green-300\/20:is(.dark *):where([data-rac])[data-hovered] {
      border-color: color-mix(in oklab, var(--color-green-300) 20%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:border-green-300\/20:is(.dark *):where(:not([data-rac])):hover {
      border-color: #7bf1a833;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-green-300\/20:is(.dark *):where(:not([data-rac])):hover {
        border-color: color-mix(in oklab, var(--color-green-300) 20%, transparent);
      }
    }
  }

  .dark\:hover\:border-yellow-300\/20:is(.dark *):where([data-rac])[data-hovered] {
    border-color: #ffe02a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:border-yellow-300\/20:is(.dark *):where([data-rac])[data-hovered] {
      border-color: color-mix(in oklab, var(--color-yellow-300) 20%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:border-yellow-300\/20:is(.dark *):where(:not([data-rac])):hover {
      border-color: #ffe02a33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-yellow-300\/20:is(.dark *):where(:not([data-rac])):hover {
        border-color: color-mix(in oklab, var(--color-yellow-300) 20%, transparent);
      }
    }
  }

  .dark\:hover\:bg-accent\/50:is(.dark *):where([data-rac])[data-hovered] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:bg-accent\/50:is(.dark *):where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):where(:not([data-rac])):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/50:is(.dark *):where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }

  .dark\:hover\:bg-input\/50:is(.dark *):where([data-rac])[data-hovered] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:bg-input\/50:is(.dark *):where([data-rac])[data-hovered] {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-input\/50:is(.dark *):where(:not([data-rac])):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):where(:not([data-rac])):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  .dark\:hover\:bg-zinc-700:is(.dark *):where([data-rac])[data-hovered] {
    background-color: var(--color-zinc-700);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-zinc-700:is(.dark *):where(:not([data-rac])):hover {
      background-color: var(--color-zinc-700);
    }
  }

  .dark\:hover\:bg-zinc-800:is(.dark *):where([data-rac])[data-hovered] {
    background-color: var(--color-zinc-800);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-zinc-800:is(.dark *):where(:not([data-rac])):hover {
      background-color: var(--color-zinc-800);
    }
  }

  .dark\:hover\:text-zinc-200:is(.dark *):where([data-rac])[data-hovered] {
    color: var(--color-zinc-200);
  }

  @media (hover: hover) {
    .dark\:hover\:text-zinc-200:is(.dark *):where(:not([data-rac])):hover {
      color: var(--color-zinc-200);
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):where([data-rac])[data-focus-visible] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):where([data-rac])[data-focus-visible] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):where(:not([data-rac])):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):where(:not([data-rac])):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:disabled\:text-zinc-600:is(.dark *):where([data-rac])[data-disabled], .dark\:disabled\:text-zinc-600:is(.dark *):where(:not([data-rac])):disabled {
    color: var(--color-zinc-600);
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] {
    background-color: var(--primary);
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:where([data-rac])[data-focused] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:where([data-rac])[data-focused] {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:where(:not([data-rac])):focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:where(:not([data-rac])):focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media print {
    .print\:hidden {
      display: none;
    }

    .print\:break-inside-avoid {
      break-inside: avoid;
    }

    .print\:placeholder\:text-transparent::placeholder {
      color: #0000;
    }
  }

  @media (forced-colors: active) {
    .forced-colors\:border-\[ButtonBorder\] {
      border-color: buttonborder;
    }

    .forced-colors\:border-\[GrayText\] {
      border-color: graytext;
    }

    .forced-colors\:border-\[GrayText\]\! {
      border-color: graytext !important;
    }

    .forced-colors\:border-\[Highlight\] {
      border-color: highlight;
    }

    .forced-colors\:border-\[Highlight\]\! {
      border-color: highlight !important;
    }

    .forced-colors\:border-\[Mark\] {
      border-color: mark;
    }

    .forced-colors\:border-\[Mark\]\! {
      border-color: mark !important;
    }

    .forced-colors\:bg-\[ButtonBorder\] {
      background-color: buttonborder;
    }

    .forced-colors\:bg-\[Canvas\] {
      background-color: canvas;
    }

    .forced-colors\:bg-\[Field\] {
      background-color: field;
    }

    .forced-colors\:bg-\[Highlight\] {
      background-color: highlight;
    }

    .forced-colors\:fill-\[Canvas\] {
      fill: canvas;
    }

    .forced-colors\:stroke-\[ButtonBorder\] {
      stroke: buttonborder;
    }

    .forced-colors\:text-\[ButtonText\] {
      color: buttontext;
    }

    .forced-colors\:text-\[GrayText\] {
      color: graytext;
    }

    .forced-colors\:text-\[HighlightText\] {
      color: highlighttext;
    }

    .forced-colors\:text-\[Mark\] {
      color: mark;
    }

    .forced-colors\:outline-\[Highlight\] {
      outline-color: highlight;
    }

    .forced-colors\:\!\[--color\:GrayText\] {
      --color: GrayText !important;
    }

    .forced-colors\:\!\[--color\:Highlight\] {
      --color: Highlight !important;
    }

    .forced-colors\:\!\[--color\:Mark\] {
      --color: Mark !important;
    }

    .forced-colors\:invalid\:bg-\[Mark\]:where([data-rac])[data-invalid], .forced-colors\:invalid\:bg-\[Mark\]:where(:not([data-rac])):invalid {
      background-color: mark;
    }

    .forced-colors\:disabled\:text-\[GrayText\]:where([data-rac])[data-disabled], .forced-colors\:disabled\:text-\[GrayText\]:where(:not([data-rac])):disabled {
      color: graytext;
    }
  }

  .placement-left\:slide-in-from-right-1[data-placement="left"] {
    --tw-enter-translate-x: .25rem;
  }

  .placement-left\:slide-out-to-right-1[data-placement="left"] {
    --tw-exit-translate-x: .25rem;
  }

  .placement-right\:slide-in-from-left-1[data-placement="right"] {
    --tw-enter-translate-x: -.25rem;
  }

  .placement-right\:slide-out-to-left-1[data-placement="right"] {
    --tw-exit-translate-x: -.25rem;
  }

  .placement-top\:slide-in-from-bottom-1[data-placement="top"] {
    --tw-enter-translate-y: .25rem;
  }

  .placement-top\:slide-out-to-bottom-1[data-placement="top"] {
    --tw-exit-translate-y: .25rem;
  }

  .placement-bottom\:slide-in-from-top-1[data-placement="bottom"] {
    --tw-enter-translate-y: -.25rem;
  }

  .placement-bottom\:slide-out-to-top-1[data-placement="bottom"] {
    --tw-exit-translate-y: -.25rem;
  }

  .type-literal\:px-0[data-type="literal"] {
    padding-inline: calc(var(--spacing) * 0);
  }

  .pressed\:bg-gray-200[data-pressed] {
    background-color: var(--color-gray-200);
  }

  .pressed\:bg-quanta-cobalt[data-pressed] {
    background-color: var(--color-quanta-cobalt);
  }

  .pressed\:bg-quanta-rose[data-pressed] {
    background-color: var(--color-quanta-rose);
  }

  .pressed\:bg-quanta-sky[data-pressed] {
    background-color: var(--color-quanta-sky);
  }

  .pressed\:bg-quanta-smoke[data-pressed] {
    background-color: var(--color-quanta-smoke);
  }

  .pressed\:text-gray-700[data-pressed] {
    color: var(--color-gray-700);
  }

  .dark\:pressed\:bg-zinc-600:is(.dark *)[data-pressed] {
    background-color: var(--color-zinc-600);
  }

  .dark\:pressed\:bg-zinc-800:is(.dark *)[data-pressed] {
    background-color: var(--color-zinc-800);
  }

  .dark\:pressed\:text-zinc-200:is(.dark *)[data-pressed] {
    color: var(--color-zinc-200);
  }

  .selected\:bg-gray-200[data-selected] {
    background-color: var(--color-gray-200);
  }

  .selected\:text-gray-300[data-selected] {
    color: var(--color-gray-300);
  }

  .dark\:selected\:bg-zinc-600:is(.dark *)[data-selected] {
    background-color: var(--color-zinc-600);
  }

  .dark\:selected\:text-zinc-500:is(.dark *)[data-selected] {
    color: var(--color-zinc-500);
  }

  @media (forced-colors: active) {
    .forced-colors\:selected\:bg-\[GrayText\][data-selected] {
      background-color: graytext;
    }

    .forced-colors\:selected\:text-\[HighlightText\][data-selected] {
      color: highlighttext;
    }
  }

  .\[\&_\.slate-selection-area\]\:z-50 .slate-selection-area {
    z-index: 50;
  }

  .\[\&_\.slate-selection-area\]\:border .slate-selection-area {
    border-width: 1px;
    border-style: var(--tw-border-style);
  }

  .\[\&_\.slate-selection-area\]\:border-brand\/25 .slate-selection-area {
    border-color: #0b78d040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.slate-selection-area\]\:border-brand\/25 .slate-selection-area {
      border-color: color-mix(in oklab, var(--color-quanta-sapphire) 25%, transparent);
    }
  }

  .\[\&_\.slate-selection-area\]\:bg-brand\/15 .slate-selection-area {
    background-color: #0b78d026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.slate-selection-area\]\:bg-brand\/15 .slate-selection-area {
      background-color: color-mix(in oklab, var(--color-quanta-sapphire) 15%, transparent);
    }
  }

  .\[\&_\>_\.lty-playbtn\]\:absolute > .lty-playbtn {
    position: absolute;
  }

  .\[\&_\>_\.lty-playbtn\]\:top-1\/2 > .lty-playbtn {
    top: 50%;
  }

  .\[\&_\>_\.lty-playbtn\]\:left-1\/2 > .lty-playbtn {
    left: 50%;
  }

  .\[\&_\>_\.lty-playbtn\]\:z-1 > .lty-playbtn {
    z-index: 1;
  }

  .\[\&_\>_\.lty-playbtn\]\:h-\[46px\] > .lty-playbtn {
    height: 46px;
  }

  .\[\&_\>_\.lty-playbtn\]\:w-\[70px\] > .lty-playbtn {
    width: 70px;
  }

  .\[\&_\>_\.lty-playbtn\]\:\[transform\:translate3d\(-50\%\,-50\%\,0\)\] > .lty-playbtn {
    transform: translate3d(-50%, -50%, 0);
  }

  .\[\&_\>_\.lty-playbtn\]\:rounded-\[14\%\] > .lty-playbtn {
    border-radius: 14%;
  }

  .\[\&_\>_\.lty-playbtn\]\:bg-\[\#212121\] > .lty-playbtn {
    background-color: #212121;
  }

  .\[\&_\>_\.lty-playbtn\]\:opacity-80 > .lty-playbtn {
    opacity: .8;
  }

  .\[\&_\>_\.lty-playbtn\]\:\[transition\:all_0\.2s_cubic-bezier\(0\,_0\,_0\.2\,_1\)\] > .lty-playbtn {
    transition: all .2s cubic-bezier(0, 0, .2, 1);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:absolute > .lty-playbtn:before {
    position: absolute;
    content: var(--tw-content);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:top-1\/2 > .lty-playbtn:before {
    top: 50%;
    content: var(--tw-content);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:left-1\/2 > .lty-playbtn:before {
    left: 50%;
    content: var(--tw-content);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:\[transform\:translate3d\(-50\%\,-50\%\,0\)\] > .lty-playbtn:before {
    content: var(--tw-content);
    transform: translate3d(-50%, -50%, 0);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:border-y-\[11px\] > .lty-playbtn:before {
    border-block-style: var(--tw-border-style);
    border-block-width: 11px;
    content: var(--tw-content);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:border-r-0 > .lty-playbtn:before {
    border-right-width: 0;
    border-right-style: var(--tw-border-style);
    content: var(--tw-content);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:border-l-\[19px\] > .lty-playbtn:before {
    border-left-width: 19px;
    border-left-style: var(--tw-border-style);
    content: var(--tw-content);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:border-\[transparent_transparent_transparent_\#fff\] > .lty-playbtn:before {
    border-color: #0000 #0000 #0000 #fff;
    content: var(--tw-content);
  }

  .\[\&_\>_\.lty-playbtn\]\:before\:content-\[\"\"\] > .lty-playbtn:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .\[\&_\>_iframe\]\:absolute > iframe {
    position: absolute;
  }

  .\[\&_\>_iframe\]\:top-0 > iframe {
    top: calc(var(--spacing) * 0);
  }

  .\[\&_\>_iframe\]\:left-0 > iframe {
    left: calc(var(--spacing) * 0);
  }

  .\[\&_\>_iframe\]\:size-full > iframe {
    width: 100%;
    height: 100%;
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--muted-foreground);
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_a\>svg\]\:mx-1 a > svg {
    margin-inline: calc(var(--spacing) * 1);
  }

  .\[\&_a\>svg\]\:inline a > svg {
    display: inline;
  }

  .\[\&_a\>svg\]\:align-text-top a > svg {
    vertical-align: text-top;
  }

  .\[\&_strong\]\:font-bold strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .\[\&_svg\]\:size-6 svg {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\]\:text-muted-foreground svg {
    color: var(--muted-foreground);
  }

  .pressed\:\[\&_svg\]\:text-white[data-pressed] svg {
    color: var(--color-white);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--muted-foreground);
  }

  .\[\&\.lyt-activated\]\:cursor-\[unset\].lyt-activated {
    cursor: unset;
  }

  .\[\&\.lyt-activated\]\:before\:pointer-events-none.lyt-activated:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .\[\&\.lyt-activated\]\:before\:absolute.lyt-activated:before {
    position: absolute;
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:top-0.lyt-activated:before {
    top: calc(var(--spacing) * 0);
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:h-\[60px\].lyt-activated:before {
    height: 60px;
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:w-full.lyt-activated:before {
    width: 100%;
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:bg-\[url\(data\:image\/png\;base64\,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT\+OqFAAAAdklEQVQoz42QQQ7AIAgEF\/T\/D\+kbq\/RWAlnQyyazA4aoAB4FsBSA\/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg\=\=\)\].lyt-activated:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==");
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:bg-top.lyt-activated:before {
    background-position: top;
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:bg-repeat-x.lyt-activated:before {
    background-repeat: repeat-x;
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:pb-\[50px\].lyt-activated:before {
    padding-bottom: 50px;
    content: var(--tw-content);
  }

  .\[\&\.lyt-activated\]\:before\:opacity-0.lyt-activated:before {
    content: var(--tw-content);
    opacity: 0;
  }

  .\[\&\.lyt-activated\]\:before\:\[transition\:all_0\.2s_cubic-bezier\(0\,_0\,_0\.2\,_1\)\].lyt-activated:before {
    content: var(--tw-content);
    transition: all .2s cubic-bezier(0, 0, .2, 1);
  }

  .\[\&\.lyt-activated_\>_\.lty-playbtn\]\:pointer-events-none.lyt-activated > .lty-playbtn {
    pointer-events: none;
  }

  .\[\&\.lyt-activated_\>_\.lty-playbtn\]\:opacity-0\!.lyt-activated > .lty-playbtn {
    opacity: 0 !important;
  }

  .focus\:\[\&\:\:placeholder\]\:opacity-0:where([data-rac])[data-focused]::placeholder, .focus\:\[\&\:\:placeholder\]\:opacity-0:where(:not([data-rac])):focus::placeholder {
    opacity: 0;
  }

  .\[\&\:has\(\[data-slot\=disclosure-group\]\)_\&\]\:px-11:has([data-slot="disclosure-group"]) .\[\&\:has\(\[data-slot\=disclosure-group\]\)_\&\]\:px-11 {
    padding-inline: calc(var(--spacing) * 11);
  }

  .\[\&\:has\(\[role\=option\]\)\]\:block:has([role="option"]) {
    display: block;
  }

  .\[\&\:hover_\>_\.lty-playbtn\]\:bg-\[red\]:hover > .lty-playbtn {
    background-color: red;
  }

  .\[\&\:hover_\>_\.lty-playbtn\]\:opacity-100:hover > .lty-playbtn {
    opacity: 1;
  }

  :is(.\*\*\:\[\.hljs-addition\]\:bg-\[\#f0fff4\] *).hljs-addition {
    background-color: #f0fff4;
  }

  :is(.\*\*\:\[\.hljs-addition\]\:text-\[\#22863a\] *).hljs-addition {
    color: #22863a;
  }

  :is(.dark\:\*\*\:\[\.hljs-addition\]\:bg-\[\#3c5743\]:is(.dark *) *).hljs-addition {
    background-color: #3c5743;
  }

  :is(.dark\:\*\*\:\[\.hljs-addition\]\:text-\[\#ceead5\]:is(.dark *) *).hljs-addition {
    color: #ceead5;
  }

  :is(.\*\*\:\[\.hljs-attr\,\.hljs-attribute\,\.hljs-literal\,\.hljs-meta\,\.hljs-number\,\.hljs-operator\,\.hljs-selector-attr\,\.hljs-selector-class\,\.hljs-selector-id\,\.hljs-variable\]\:text-\[\#005cc5\] *):is(.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable) {
    color: #005cc5;
  }

  :is(.dark\:\*\*\:\[\.hljs-attr\,\.hljs-attribute\,\.hljs-literal\,\.hljs-meta\,\.hljs-number\,\.hljs-operator\,\.hljs-selector-attr\,\.hljs-selector-class\,\.hljs-selector-id\,\.hljs-variable\]\:text-\[\#6596cf\]:is(.dark *) *):is(.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable) {
    color: #6596cf;
  }

  :is(.\*\*\:\[\.hljs-built\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#e36209\] *):is(.hljs-built\\_in, .hljs-symbol) {
    color: #e36209;
  }

  :is(.dark\:\*\*\:\[\.hljs-built\\\\\\\\_in\,\.hljs-symbol\]\:text-\[\#c3854e\]:is(.dark *) *):is(.hljs-built\\_in, .hljs-symbol) {
    color: #c3854e;
  }

  :is(.\*\*\:\[\.hljs-bullet\]\:text-\[\#735c0f\] *).hljs-bullet {
    color: #735c0f;
  }

  :is(.\*\*\:\[\.hljs-comment\,\.hljs-code\,\.hljs-formula\]\:text-\[\#6a737d\] *):is(.hljs-comment, .hljs-code, .hljs-formula), :is(.dark\:\*\*\:\[\.hljs-comment\,\.hljs-code\,\.hljs-formula\]\:text-\[\#6a737d\]:is(.dark *) *):is(.hljs-comment, .hljs-code, .hljs-formula) {
    color: #6a737d;
  }

  :is(.\*\*\:\[\.hljs-deletion\]\:bg-\[\#ffeef0\] *).hljs-deletion {
    background-color: #ffeef0;
  }

  :is(.\*\*\:\[\.hljs-deletion\]\:text-\[\#b31d28\] *).hljs-deletion {
    color: #b31d28;
  }

  :is(.dark\:\*\*\:\[\.hljs-deletion\]\:bg-\[\#473235\]:is(.dark *) *).hljs-deletion {
    background-color: #473235;
  }

  :is(.dark\:\*\*\:\[\.hljs-deletion\]\:text-\[\#e7c7cb\]:is(.dark *) *).hljs-deletion {
    color: #e7c7cb;
  }

  :is(.\*\*\:\[\.hljs-emphasis\]\:italic *).hljs-emphasis {
    font-style: italic;
  }

  :is(.\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\_\]\:text-\[\#d73a49\] *):is(.hljs-keyword, .hljs-doctag, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language\\_) {
    color: #d73a49;
  }

  :is(.dark\:\*\*\:\[\.hljs-keyword\,\.hljs-doctag\,\.hljs-template-tag\,\.hljs-template-variable\,\.hljs-type\,\.hljs-variable\.language\\\\\\\\_\]\:text-\[\#ee6960\]:is(.dark *) *):is(.hljs-keyword, .hljs-doctag, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language\\_) {
    color: #ee6960;
  }

  :is(.\*\*\:\[\.hljs-name\,\.hljs-quote\,\.hljs-selector-tag\,\.hljs-selector-pseudo\]\:text-\[\#22863a\] *):is(.hljs-name, .hljs-quote, .hljs-selector-tag, .hljs-selector-pseudo) {
    color: #22863a;
  }

  :is(.dark\:\*\*\:\[\.hljs-name\,\.hljs-quote\,\.hljs-selector-tag\,\.hljs-selector-pseudo\]\:text-\[\#36a84f\]:is(.dark *) *):is(.hljs-name, .hljs-quote, .hljs-selector-tag, .hljs-selector-pseudo) {
    color: #36a84f;
  }

  :is(.\*\*\:\[\.hljs-regexp\,\.hljs-string\,\.hljs-meta_\.hljs-string\]\:text-\[\#032f62\] *):is(.hljs-regexp, .hljs-string, .hljs-meta .hljs-string) {
    color: #032f62;
  }

  :is(.dark\:\*\*\:\[\.hljs-regexp\,\.hljs-string\,\.hljs-meta_\.hljs-string\]\:text-\[\#3593ff\]:is(.dark *) *):is(.hljs-regexp, .hljs-string, .hljs-meta .hljs-string) {
    color: #3593ff;
  }

  :is(.\*\*\:\[\.hljs-section\]\:font-bold *).hljs-section {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  :is(.\*\*\:\[\.hljs-section\]\:text-\[\#005cc5\] *).hljs-section {
    color: #005cc5;
  }

  :is(.dark\:\*\*\:\[\.hljs-section\]\:text-\[\#61a5f2\]:is(.dark *) *).hljs-section {
    color: #61a5f2;
  }

  :is(.\*\*\:\[\.hljs-strong\]\:font-bold *).hljs-strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  :is(.\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\_\,\.hljs-title\.class\\\\\\\\_\.inherited\\\\\\\\_\\\\\\\\_\,\.hljs-title\.function\\\\\\\\_\]\:text-\[\#6f42c1\] *):is(.hljs-title, .hljs-title.class\\_, .hljs-title.class\\_.inherited\\_\\_, .hljs-title.function\\_) {
    color: #6f42c1;
  }

  :is(.dark\:\*\*\:\[\.hljs-title\,\.hljs-title\.class\\\\\\\\_\,\.hljs-title\.class\\\\\\\\_\.inherited\\\\\\\\_\\\\\\\\_\,\.hljs-title\.function\\\\\\\\_\]\:text-\[\#a77bfa\]:is(.dark *) *):is(.hljs-title, .hljs-title.class\\_, .hljs-title.class\\_.inherited\\_\\_, .hljs-title.function\\_) {
    color: #a77bfa;
  }

  :is(:is(.\*\*\:data-\[slot\=disclosure-group\]\:\*\*\:\[\.internal-chevron\]\:hidden *)[data-slot="disclosure-group"] *).internal-chevron {
    display: none;
  }

  :is(.has-data-\[slot\=disclosure-group\]\:\*\*\:\[button\]\:px-4:has([data-slot="disclosure-group"]) *):is(button) {
    padding-inline: calc(var(--spacing) * 4);
  }

  :is(.\*\*\:\[span\]\:flex *):is(span) {
    display: flex;
  }

  :is(.\*\*\:\[span\]\:items-center *):is(span) {
    align-items: center;
  }

  :is(.\*\*\:\[span\]\:gap-x-1 *):is(span) {
    column-gap: calc(var(--spacing) * 1);
  }

  :is(.\*\:first\:\[span\]\:hidden > *):first-child:is(span) {
    display: none;
  }

  :is(:is(.\*\*\:\[span\]\:\*\:data-\[slot\=icon\]\:mr-1 *):is(span) > *)[data-slot="icon"] {
    margin-right: calc(var(--spacing) * 1);
  }

  :is(.\*\:\[svg\]\:text-muted-foreground > *):is(svg) {
    color: var(--muted-foreground);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive) !important;
  }

  .\[\&\[aria-expanded\=true\]_\[data-slot\=disclosure-chevron\]\]\:-rotate-90[aria-expanded="true"] [data-slot="disclosure-chevron"] {
    rotate: -90deg;
  }

  [data-placement] > .\[\[data-placement\]\>\&\]\:p-4 {
    padding: calc(var(--spacing) * 4);
  }
}

:root {
  --background: #fff;
  --foreground: #020817;
  --card: #fff;
  --card-foreground: #020817;
  --popover: #fff;
  --popover-foreground: #020817;
  --primary: #0f172a;
  --primary-foreground: #f8fafc;
  --secondary: #f1f5f9;
  --secondary-foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --accent: #f1f5f9;
  --accent-foreground: #0f172a;
  --destructive: #ef4444;
  --destructive-foreground: #f8fafc;
  --border: #e2e8f0;
  --input: #e2e8f0;
  --ring: #020817;
  --chart-1: #e76e50;
  --chart-2: #2a9d90;
  --chart-3: #274754;
  --chart-4: #e8c468;
  --chart-5: #f4a462;
}

.dark {
  --background: #020817;
  --foreground: #f8fafc;
  --card: #020817;
  --card-foreground: #f8fafc;
  --popover: #020817;
  --popover-foreground: #f8fafc;
  --primary: #f8fafc;
  --primary-foreground: #0f172a;
  --secondary: #1e293b;
  --secondary-foreground: #f8fafc;
  --muted: #1e293b;
  --muted-foreground: #94a3b8;
  --accent: #1e293b;
  --accent-foreground: #f8fafc;
  --destructive: #7f1d1d;
  --destructive-foreground: #f8fafc;
  --border: #1e293b;
  --input: #1e293b;
  --ring: #cbd5e1;
  --chart-1: #2662d9;
  --chart-2: #2eb88a;
  --chart-3: #e88c30;
  --chart-4: #af57db;
  --chart-5: #e23670;
}

.documentFirstHeading {
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-4xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
}

h2 {
  margin-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

@property --tw-translate-x {
  inherits: false;
  initial-value: 0;
  syntax: "*";
}

@property --tw-translate-y {
  inherits: false;
  initial-value: 0;
  syntax: "*";
}

@property --tw-translate-z {
  inherits: false;
  initial-value: 0;
  syntax: "*";
}

@property --tw-rotate-x {
  inherits: false;
  syntax: "*"
}

@property --tw-rotate-y {
  inherits: false;
  syntax: "*"
}

@property --tw-rotate-z {
  inherits: false;
  syntax: "*"
}

@property --tw-skew-x {
  inherits: false;
  syntax: "*"
}

@property --tw-skew-y {
  inherits: false;
  syntax: "*"
}

@property --tw-space-x-reverse {
  inherits: false;
  initial-value: 0;
  syntax: "*";
}

@property --tw-border-style {
  inherits: false;
  initial-value: solid;
  syntax: "*";
}

@property --tw-leading {
  inherits: false;
  syntax: "*"
}

@property --tw-font-weight {
  inherits: false;
  syntax: "*"
}

@property --tw-tracking {
  inherits: false;
  syntax: "*"
}

@property --tw-ordinal {
  inherits: false;
  syntax: "*"
}

@property --tw-slashed-zero {
  inherits: false;
  syntax: "*"
}

@property --tw-numeric-figure {
  inherits: false;
  syntax: "*"
}

@property --tw-numeric-spacing {
  inherits: false;
  syntax: "*"
}

@property --tw-numeric-fraction {
  inherits: false;
  syntax: "*"
}

@property --tw-shadow {
  inherits: false;
  initial-value: 0 0 #0000;
  syntax: "*";
}

@property --tw-shadow-color {
  inherits: false;
  syntax: "*"
}

@property --tw-shadow-alpha {
  inherits: false;
  initial-value: 100%;
  syntax: "<percentage>";
}

@property --tw-inset-shadow {
  inherits: false;
  initial-value: 0 0 #0000;
  syntax: "*";
}

@property --tw-inset-shadow-color {
  inherits: false;
  syntax: "*"
}

@property --tw-inset-shadow-alpha {
  inherits: false;
  initial-value: 100%;
  syntax: "<percentage>";
}

@property --tw-ring-color {
  inherits: false;
  syntax: "*"
}

@property --tw-ring-shadow {
  inherits: false;
  initial-value: 0 0 #0000;
  syntax: "*";
}

@property --tw-inset-ring-color {
  inherits: false;
  syntax: "*"
}

@property --tw-inset-ring-shadow {
  inherits: false;
  initial-value: 0 0 #0000;
  syntax: "*";
}

@property --tw-ring-inset {
  inherits: false;
  syntax: "*"
}

@property --tw-ring-offset-width {
  inherits: false;
  initial-value: 0;
  syntax: "<length>";
}

@property --tw-ring-offset-color {
  inherits: false;
  initial-value: #fff;
  syntax: "*";
}

@property --tw-ring-offset-shadow {
  inherits: false;
  initial-value: 0 0 #0000;
  syntax: "*";
}

@property --tw-outline-style {
  inherits: false;
  initial-value: solid;
  syntax: "*";
}

@property --tw-blur {
  inherits: false;
  syntax: "*"
}

@property --tw-brightness {
  inherits: false;
  syntax: "*"
}

@property --tw-contrast {
  inherits: false;
  syntax: "*"
}

@property --tw-grayscale {
  inherits: false;
  syntax: "*"
}

@property --tw-hue-rotate {
  inherits: false;
  syntax: "*"
}

@property --tw-invert {
  inherits: false;
  syntax: "*"
}

@property --tw-opacity {
  inherits: false;
  syntax: "*"
}

@property --tw-saturate {
  inherits: false;
  syntax: "*"
}

@property --tw-sepia {
  inherits: false;
  syntax: "*"
}

@property --tw-drop-shadow {
  inherits: false;
  syntax: "*"
}

@property --tw-drop-shadow-color {
  inherits: false;
  syntax: "*"
}

@property --tw-drop-shadow-alpha {
  inherits: false;
  initial-value: 100%;
  syntax: "<percentage>";
}

@property --tw-drop-shadow-size {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-blur {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-brightness {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-contrast {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-grayscale {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-hue-rotate {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-invert {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-opacity {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-saturate {
  inherits: false;
  syntax: "*"
}

@property --tw-backdrop-sepia {
  inherits: false;
  syntax: "*"
}

@property --tw-duration {
  inherits: false;
  syntax: "*"
}

@property --tw-ease {
  inherits: false;
  syntax: "*"
}

@property --tw-content {
  inherits: false;
  initial-value: "";
  syntax: "*";
}

@property --tw-scale-x {
  inherits: false;
  initial-value: 1;
  syntax: "*";
}

@property --tw-scale-y {
  inherits: false;
  initial-value: 1;
  syntax: "*";
}

@property --tw-scale-z {
  inherits: false;
  initial-value: 1;
  syntax: "*";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}