/* [project]/apps/web/app/globals.css [app-client] (css) */
@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-space-y-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-outline-style: solid;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: forwards;
      --tw-animation-iteration-count: 1;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-blue-400: #54a2ff;
    --color-blue-500: #3080ff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --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-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-wide: .025em;
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Geist", "Geist Fallback";
    --default-mono-font-family: "Geist Mono", "Geist Mono Fallback";
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-300: lab(76.5514% 36.422 15.5335);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
    }
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  ::-webkit-scrollbar-thumb {
    background: #2e2e2e;
    background: lab(18.8% 0 0);
    border-radius: 3px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #484848;
    background: lab(30.4% -.0000149012 0);
  }

  :focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 2px;
    border-radius: 4px;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .relative {
    position: relative;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

  .h-full {
    height: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .w-full {
    width: 100%;
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

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

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

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

  .flex-1 {
    flex: 1;
  }

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

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

  .rotate-180 {
    rotate: 180deg;
  }

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

  .cursor-default {
    cursor: default;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

  .border-amber-500\/30 {
    border-color: #f99c004d;
  }

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

  .border-blue-500\/30 {
    border-color: #3080ff4d;
  }

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

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

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

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

  .border-destructive\/30 {
    border-color: var(--destructive);
  }

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

  .border-destructive\/40 {
    border-color: var(--destructive);
  }

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

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

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

  .border-red-500\/30 {
    border-color: #fb2c364d;
  }

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

  .border-red-500\/40 {
    border-color: #fb2c3666;
  }

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

  .border-red-500\/50 {
    border-color: #fb2c3680;
  }

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

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

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

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

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

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

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

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

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

  .bg-blue-500\/15 {
    background-color: #3080ff26;
  }

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

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

  .bg-card\/80 {
    background-color: var(--card);
  }

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

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

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

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

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

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

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

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

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

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

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

  .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-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

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

  .bg-red-500\/15 {
    background-color: #fb2c3626;
  }

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

  .fill-current {
    fill: currentColor;
  }

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

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

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

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

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

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

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

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

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

  .font-mono {
    font-family: Geist Mono, Geist Mono Fallback;
  }

  .font-sans {
    font-family: Geist, Geist Fallback;
  }

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

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

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

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

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

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

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

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .uppercase {
    text-transform: uppercase;
  }

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

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

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

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

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

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

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

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

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

  @media (hover: hover) {
    .hover\:bg-accent\/60:hover {
      background-color: var(--accent);
    }

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

  @media (hover: hover) {
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-block {
      display: inline-block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:self-auto {
      align-self: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: forwards;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --background: #fafafa;
  --foreground: #0a0a0a;
  --card: #fff;
  --card-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f2f2f2;
  --secondary-foreground: #171717;
  --muted: #f2f2f2;
  --muted-foreground: #5d5d5d;
  --accent: #f2f2f2;
  --accent-foreground: #171717;
  --destructive: #e40014;
  --destructive-foreground: #e40014;
  --border: #e1e1e1;
  --input: #e1e1e1;
  --ring: #a1a1a1;
  --chart-1: #f05100;
  --chart-2: #009588;
  --chart-3: #104e64;
  --chart-4: #fcbb00;
  --chart-5: #f99c00;
  --radius: .5rem;
  --sidebar: #f7f7f7;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #ebebeb;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e1e1e1;
  --sidebar-ring: #a1a1a1;
  --success: #009c24;
  --success-foreground: #f8f8f8;
  --warning: #eb9b00;
  --warning-foreground: #161616;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: lab(98.26% 0 0);
    --foreground: lab(2.75381% 0 0);
    --card: lab(100% 0 0);
    --card-foreground: lab(2.75381% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.75381% 0 0);
    --primary: lab(7.78201% -.0000149012 0);
    --primary-foreground: lab(98.26% 0 0);
    --secondary: lab(95.36% 0 0);
    --secondary-foreground: lab(7.78201% -.0000149012 0);
    --muted: lab(95.36% 0 0);
    --muted-foreground: lab(39.68% 0 0);
    --accent: lab(95.36% 0 0);
    --accent-foreground: lab(7.78201% -.0000149012 0);
    --destructive: lab(48.4493% 77.4328 61.5452);
    --destructive-foreground: lab(48.4493% 77.4328 61.5452);
    --border: lab(89.56% -.0000298023 0);
    --input: lab(89.56% -.0000298023 0);
    --ring: lab(66.128% -.0000298023 .0000119209);
    --chart-1: lab(57.1026% 64.2584 89.8886);
    --chart-2: lab(55.0223% -41.0774 -3.90277);
    --chart-3: lab(30.372% -13.1853 -18.7887);
    --chart-4: lab(80.1641% 16.6016 99.2089);
    --chart-5: lab(72.7183% 31.8672 97.9407);
    --sidebar: lab(97.1% -.0000298023 -.0000119209);
    --sidebar-foreground: lab(2.75381% 0 0);
    --sidebar-primary: lab(7.78201% -.0000149012 0);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(93.04% .0000298023 -.0000119209);
    --sidebar-accent-foreground: lab(7.78201% -.0000149012 0);
    --sidebar-border: lab(89.56% -.0000298023 0);
    --sidebar-ring: lab(66.128% -.0000298023 .0000119209);
    --success: lab(55.921% -56.4854 50.0925);
    --success-foreground: lab(97.68% -.0000298023 .0000119209);
    --warning: lab(70.724% 25.7916 96.3337);
    --warning-foreground: lab(7.22637% -.0000149012 0);
  }
}

.dark {
  --background: #030304;
  --foreground: #e8e8e8;
  --card: #060709;
  --card-foreground: #e8e8e8;
  --popover: #060709;
  --popover-foreground: #e8e8e8;
  --primary: #e8e8e8;
  --primary-foreground: #070707;
  --secondary: #151618;
  --secondary-foreground: #e8e8e8;
  --muted: #151618;
  --muted-foreground: gray;
  --accent: #151618;
  --accent-foreground: #e8e8e8;
  --destructive: #90101a;
  --destructive-foreground: #ff333c;
  --border: #191b1d;
  --input: #191b1d;
  --ring: #484848;
  --chart-1: #3665e4;
  --chart-2: #00aa73;
  --chart-3: #fa9c00;
  --chart-4: #ac4eff;
  --chart-5: #ff285a;
  --sidebar: #010202;
  --sidebar-foreground: #e8e8e8;
  --sidebar-primary: #3665e4;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #0c0d0f;
  --sidebar-accent-foreground: #e8e8e8;
  --sidebar-border: #101214;
  --sidebar-ring: #484848;
  --success: #009956;
  --success-foreground: #0b0b0b;
  --warning: #eb9b00;
  --warning-foreground: #0b0b0b;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --background: lab(.898769% -.0460669 -.468522);
    --foreground: lab(91.88% .0000298023 -.0000119209);
    --card: lab(1.97728% -.085026 -.779876);
    --card-foreground: lab(91.88% .0000298023 -.0000119209);
    --popover: lab(1.97728% -.085026 -.779876);
    --popover-foreground: lab(91.88% .0000298023 -.0000119209);
    --primary: lab(91.88% .0000298023 -.0000119209);
    --primary-foreground: lab(1.98454% 0 0);
    --secondary: lab(7.21025% -.220872 -1.80841);
    --secondary-foreground: lab(91.88% .0000298023 -.0000119209);
    --muted: lab(7.21025% -.220872 -1.80841);
    --muted-foreground: lab(53.6% 0 0);
    --accent: lab(7.21025% -.220872 -1.80841);
    --accent-foreground: lab(91.88% .0000298023 -.0000119209);
    --destructive: lab(31.0834% 50.7648 32.8155);
    --destructive-foreground: lab(56.9527% 76.0872 48.5269);
    --border: lab(9.50293% -.240758 -1.85762);
    --input: lab(9.50293% -.240758 -1.85762);
    --ring: lab(30.4% -.0000149012 0);
    --chart-1: lab(45.4587% 19.4684 -70.6048);
    --chart-2: lab(61.6334% -58.3764 20.1555);
    --chart-3: lab(72.8209% 32.3642 100.42);
    --chart-4: lab(52.5046% 64.5407 -76.682);
    --chart-5: lab(56.6255% 80.7614 31.1207);
    --sidebar: lab(.459429% -.0265166 -.304797);
    --sidebar-foreground: lab(91.88% .0000298023 -.0000119209);
    --sidebar-primary: lab(45.4587% 19.4684 -70.6048);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(3.68927% -.135548 -1.17013);
    --sidebar-accent-foreground: lab(91.88% .0000298023 -.0000119209);
    --sidebar-border: lab(5.25479% -.17564 -1.47416);
    --sidebar-ring: lab(30.4% -.0000149012 0);
    --success: lab(56.128% -65.7111 34.2118);
    --success-foreground: lab(3.04863% 0 0);
    --warning: lab(70.724% 25.7916 96.3337);
    --warning-foreground: lab(3.04863% 0 0);
  }
}

[data-palette="nord"] {
  --background: #e5ecf1;
  --foreground: #19232a;
  --card: #f2f6f8;
  --card-foreground: #19232a;
  --popover: #f2f6f8;
  --popover-foreground: #19232a;
  --primary: #3179a6;
  --primary-foreground: #f2f6f8;
  --secondary: #ced9e0;
  --secondary-foreground: #19232a;
  --muted: #ced9e0;
  --muted-foreground: #5a6c79;
  --accent: #6cbec2;
  --accent-foreground: #0e171e;
  --destructive: #cc243d;
  --destructive-foreground: #cc243d;
  --border: #c5d0d6;
  --input: #c5d0d6;
  --ring: #3179a6;
  --sidebar: #d8e3ea;
  --sidebar-foreground: #19232a;
  --sidebar-primary: #3179a6;
  --sidebar-primary-foreground: #f2f6f8;
  --sidebar-accent: #c5d3dc;
  --sidebar-accent-foreground: #19232a;
  --sidebar-border: #bec9d0;
  --sidebar-ring: #3179a6;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="nord"] {
    --background: lab(93.0675% -1.88553 -3.12194);
    --foreground: lab(13.0129% -2.89283 -6.43002);
    --card: lab(96.534% -.949055 -1.56457);
    --card-foreground: lab(13.0129% -2.89283 -6.43002);
    --popover: lab(96.534% -.949055 -1.56457);
    --popover-foreground: lab(13.0129% -2.89283 -6.43002);
    --primary: lab(47.7213% -11.3987 -31.372);
    --primary-foreground: lab(96.534% -.949055 -1.56457);
    --secondary: lab(86.1201% -2.80592 -4.6707);
    --secondary-foreground: lab(13.0129% -2.89283 -6.43002);
    --muted: lab(86.1201% -2.80592 -4.6707);
    --muted-foreground: lab(44.3483% -4.52471 -9.71426);
    --accent: lab(71.7826% -25.1609 -10.3984);
    --accent-foreground: lab(7.23336% -2.52666 -6.34827);
    --destructive: lab(45.6635% 64.2059 31.2074);
    --destructive-foreground: lab(45.6635% 64.2059 31.2074);
    --border: lab(82.64% -2.80383 -4.66958);
    --input: lab(82.64% -2.80383 -4.66958);
    --ring: lab(47.7213% -11.3987 -31.372);
    --sidebar: lab(89.6002% -2.80789 -4.67176);
    --sidebar-foreground: lab(13.0129% -2.89283 -6.43002);
    --sidebar-primary: lab(47.7213% -11.3987 -31.372);
    --sidebar-primary-foreground: lab(96.534% -.949055 -1.56457);
    --sidebar-accent: lab(83.812% -3.71218 -6.21231);
    --sidebar-accent-foreground: lab(13.0129% -2.89283 -6.43002);
    --sidebar-border: lab(80.3199% -2.80237 -4.66878);
    --sidebar-ring: lab(47.7213% -11.3987 -31.372);
  }
}

[data-palette="nord"].dark {
  --background: #121c23;
  --foreground: #dee6ea;
  --card: #1b252d;
  --card-foreground: #dee6ea;
  --popover: #1b252d;
  --popover-foreground: #dee6ea;
  --primary: #6cbec2;
  --primary-foreground: #121c23;
  --secondary: #252f37;
  --secondary-foreground: #dee6ea;
  --muted: #252f37;
  --muted-foreground: #75828b;
  --accent: #6cbec2;
  --accent-foreground: #121c23;
  --destructive: #b32035;
  --destructive-foreground: #f83e54;
  --border: #2a343c;
  --input: #2a343c;
  --ring: #6cbec2;
  --sidebar: #0b151c;
  --sidebar-foreground: #dee6ea;
  --sidebar-primary: #6cbec2;
  --sidebar-primary-foreground: #f5f5f5;
  --sidebar-accent: #19232a;
  --sidebar-accent-foreground: #dee6ea;
  --sidebar-border: #202a32;
  --sidebar-ring: #6cbec2;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="nord"].dark {
    --background: lab(9.52996% -2.83094 -6.4093);
    --foreground: lab(90.7474% -1.885 -3.12164);
    --card: lab(14.1738% -2.91011 -6.43607);
    --card-foreground: lab(90.7474% -1.885 -3.12164);
    --popover: lab(14.1738% -2.91011 -6.43607);
    --popover-foreground: lab(90.7474% -1.885 -3.12164);
    --primary: lab(71.7826% -25.1609 -10.3984);
    --primary-foreground: lab(9.52996% -2.83094 -6.4093);
    --secondary: lab(18.8165% -2.96721 -6.45695);
    --secondary-foreground: lab(90.7474% -1.885 -3.12164);
    --muted: lab(18.8165% -2.96721 -6.45695);
    --muted-foreground: lab(53.6497% -3.66429 -6.18856);
    --accent: lab(71.7826% -25.1609 -10.3984);
    --accent-foreground: lab(9.52996% -2.83094 -6.4093);
    --destructive: lab(40.0784% 57.7806 28.012);
    --destructive-foreground: lab(57.0602% 70.5855 33.7266);
    --border: lab(21.1376% -2.99017 -6.46576);
    --input: lab(21.1376% -2.99017 -6.46576);
    --ring: lab(71.7826% -25.1609 -10.3984);
    --sidebar: lab(6.20079% -2.25242 -6.11689);
    --sidebar-foreground: lab(90.7474% -1.885 -3.12164);
    --sidebar-primary: lab(71.7826% -25.1609 -10.3984);
    --sidebar-primary-foreground: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent: lab(13.0129% -2.89283 -6.43002);
    --sidebar-accent-foreground: lab(90.7474% -1.885 -3.12164);
    --sidebar-border: lab(16.4952% -2.9408 -6.44712);
    --sidebar-ring: lab(71.7826% -25.1609 -10.3984);
  }
}

[data-palette="solarized"] {
  --background: #f7f1e7;
  --foreground: #3a5252;
  --card: #fcf8f1;
  --card-foreground: #3a5252;
  --popover: #fcf8f1;
  --popover-foreground: #3a5252;
  --primary: #0079b6;
  --primary-foreground: #fcf8f1;
  --secondary: #e8e0d3;
  --secondary-foreground: #3a5252;
  --muted: #e8e0d3;
  --muted-foreground: #738484;
  --accent: #009683;
  --accent-foreground: #fcf8f1;
  --destructive: #c21725;
  --destructive-foreground: #c21725;
  --border: #dbd3c6;
  --input: #dbd3c6;
  --ring: #0079b6;
  --sidebar: #ede7dd;
  --sidebar-foreground: #3a5252;
  --sidebar-primary: #0079b6;
  --sidebar-primary-foreground: #fcf8f1;
  --sidebar-accent: #e2dacc;
  --sidebar-accent-foreground: #3a5252;
  --sidebar-border: #d5cdc0;
  --sidebar-ring: #0079b6;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="solarized"] {
    --background: lab(95.4017% .893533 5.67462);
    --foreground: lab(33.0404% -9.79403 -3.0024);
    --card: lab(97.7087% .579834 3.77247);
    --card-foreground: lab(33.0404% -9.79403 -3.0024);
    --popover: lab(97.7087% .579834 3.77247);
    --popover-foreground: lab(33.0404% -9.79403 -3.0024);
    --primary: lab(47.4743% -12.5258 -46.4196);
    --primary-foreground: lab(97.7087% .579834 3.77247);
    --secondary: lab(89.6135% 1.22824 7.59203);
    --secondary-foreground: lab(33.0404% -9.79403 -3.0024);
    --muted: lab(89.6135% 1.22824 7.59203);
    --muted-foreground: lab(53.8145% -6.52385 -2.01776);
    --accent: lab(55.1054% -42.3208 -.298786);
    --accent-foreground: lab(97.7087% .579834 3.77247);
    --destructive: lab(42.2722% 63.4713 41.2121);
    --destructive-foreground: lab(42.2722% 63.4713 41.2121);
    --border: lab(84.9732% 1.23414 7.59624);
    --input: lab(84.9732% 1.23414 7.59624);
    --ring: lab(47.4743% -12.5258 -46.4196);
    --sidebar: lab(91.9216% .895739 5.67613);
    --sidebar-foreground: lab(33.0404% -9.79403 -3.0024);
    --sidebar-primary: lab(47.4743% -12.5258 -46.4196);
    --sidebar-primary-foreground: lab(97.7087% .579834 3.77247);
    --sidebar-accent: lab(87.2934% 1.23113 7.5941);
    --sidebar-accent-foreground: lab(33.0404% -9.79403 -3.0024);
    --sidebar-border: lab(82.653% 1.23721 7.59853);
    --sidebar-ring: lab(47.4743% -12.5258 -46.4196);
  }
}

[data-palette="solarized"].dark {
  --background: #001b1c;
  --foreground: #7b9595;
  --card: #002224;
  --card-foreground: #7b9595;
  --popover: #002224;
  --popover-foreground: #7b9595;
  --primary: #009683;
  --primary-foreground: #001b1c;
  --secondary: #082c2e;
  --secondary-foreground: #7b9595;
  --muted: #082c2e;
  --muted-foreground: #4f6968;
  --accent: #009683;
  --accent-foreground: #001b1c;
  --destructive: #b32228;
  --destructive-foreground: #e62b34;
  --border: #113436;
  --input: #113436;
  --ring: #009683;
  --sidebar: #001315;
  --sidebar-foreground: #7b9595;
  --sidebar-primary: #009683;
  --sidebar-primary-foreground: #f5f5f5;
  --sidebar-accent: #012527;
  --sidebar-accent-foreground: #7b9595;
  --sidebar-border: #052a2c;
  --sidebar-ring: #009683;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="solarized"].dark {
    --background: lab(7.5911% -10.6307 -5.09666);
    --foreground: lab(59.7213% -9.78848 -3.01828);
    --card: lab(11.066% -12.5094 -5.1324);
    --card-foreground: lab(59.7213% -9.78848 -3.01828);
    --popover: lab(11.066% -12.5094 -5.1324);
    --popover-foreground: lab(59.7213% -9.78848 -3.01828);
    --primary: lab(55.1054% -42.3208 -.298786);
    --primary-foreground: lab(7.5911% -10.6307 -5.09666);
    --secondary: lab(15.708% -12.5381 -5.15683);
    --secondary-foreground: lab(59.7213% -9.78848 -3.01828);
    --muted: lab(15.708% -12.5381 -5.15683);
    --muted-foreground: lab(42.3208% -9.79152 -3.00949);
    --accent: lab(55.1054% -42.3208 -.298786);
    --accent-foreground: lab(7.5911% -10.6307 -5.09666);
    --destructive: lab(40.1691% 57.0293 36.0154);
    --destructive-foreground: lab(51.3582% 69.7345 44.3509);
    --border: lab(19.1892% -12.5538 -5.17151);
    --input: lab(19.1892% -12.5538 -5.17151);
    --ring: lab(55.1054% -42.3208 -.298786);
    --sidebar: lab(4.70021% -7.52941 -4.11085);
    --sidebar-foreground: lab(59.7213% -9.78848 -3.01828);
    --sidebar-primary: lab(55.1054% -42.3208 -.298786);
    --sidebar-primary-foreground: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent: lab(12.2266% -12.5176 -5.13913);
    --sidebar-accent-foreground: lab(59.7213% -9.78848 -3.01828);
    --sidebar-border: lab(14.5476% -12.5319 -5.1513);
    --sidebar-ring: lab(55.1054% -42.3208 -.298786);
  }
}

[data-palette="dracula"] {
  --background: #f0f1f9;
  --foreground: #171a24;
  --card: #f8f8fc;
  --card-foreground: #171a24;
  --popover: #f8f8fc;
  --popover-foreground: #171a24;
  --primary: #b97df7;
  --primary-foreground: #f8f8fc;
  --secondary: #dbddeb;
  --secondary-foreground: #171a24;
  --muted: #dbddeb;
  --muted-foreground: #586280;
  --accent: #b97df7;
  --accent-foreground: #f8f8fc;
  --destructive: #ec0050;
  --destructive-foreground: #ec0050;
  --border: #d1d3e2;
  --input: #d1d3e2;
  --ring: #b97df7;
  --sidebar: #e6e7ef;
  --sidebar-foreground: #171a24;
  --sidebar-primary: #b97df7;
  --sidebar-primary-foreground: #f8f8fc;
  --sidebar-accent: #d4d6e5;
  --sidebar-accent-foreground: #171a24;
  --sidebar-border: #cbcddb;
  --sidebar-ring: #b97df7;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="dracula"] {
    --background: lab(95.2843% .652701 -3.72498);
    --foreground: lab(9.38142% .620984 -7.35962);
    --card: lab(97.6426% .319481 -1.86682);
    --card-foreground: lab(9.38142% .620984 -7.35962);
    --popover: lab(97.6426% .319481 -1.86682);
    --popover-foreground: lab(9.38142% .620984 -7.35962);
    --primary: lab(62.5036% 41.3124 -52.9492);
    --primary-foreground: lab(97.6426% .319481 -1.86682);
    --secondary: lab(88.2446% 1.367 -7.41367);
    --secondary-foreground: lab(9.38142% .620984 -7.35962);
    --muted: lab(88.2446% 1.367 -7.41367);
    --muted-foreground: lab(41.6449% 1.69379 -18.3529);
    --accent: lab(62.5036% 41.3124 -52.9492);
    --accent-foreground: lab(97.6426% .319481 -1.86682);
    --destructive: lab(50.91% 77.5834 28.155);
    --destructive-foreground: lab(50.91% 77.5834 28.155);
    --border: lab(84.7643% 1.371 -7.41142);
    --input: lab(84.7643% 1.371 -7.41142);
    --ring: lab(62.5036% 41.3124 -52.9492);
    --sidebar: lab(91.8042% .653565 -3.72446);
    --sidebar-foreground: lab(9.38142% .620984 -7.35962);
    --sidebar-primary: lab(62.5036% 41.3124 -52.9492);
    --sidebar-primary-foreground: lab(97.6426% .319481 -1.86682);
    --sidebar-accent: lab(85.9244% 1.36968 -7.41221);
    --sidebar-accent-foreground: lab(9.38142% .620984 -7.35962);
    --sidebar-border: lab(82.4441% 1.37386 -7.40984);
    --sidebar-ring: lab(62.5036% 41.3124 -52.9492);
  }
}

[data-palette="dracula"].dark {
  --background: #121522;
  --foreground: #f2eee7;
  --card: #1b1f2b;
  --card-foreground: #f2eee7;
  --popover: #1b1f2b;
  --popover-foreground: #f2eee7;
  --primary: #b97df7;
  --primary-foreground: #121522;
  --secondary: #282d3d;
  --secondary-foreground: #f2eee7;
  --muted: #282d3d;
  --muted-foreground: #586280;
  --accent: #00beb7;
  --accent-foreground: #121522;
  --destructive: #ec0050;
  --destructive-foreground: #ff5773;
  --border: #2f3545;
  --input: #2f3545;
  --ring: #b97df7;
  --sidebar: #090d18;
  --sidebar-foreground: #f2eee7;
  --sidebar-primary: #b97df7;
  --sidebar-primary-foreground: #f5f5f5;
  --sidebar-accent: #161a26;
  --sidebar-accent-foreground: #f2eee7;
  --sidebar-border: #222633;
  --sidebar-ring: #b97df7;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="dracula"].dark {
    --background: lab(7.05066% .969283 -9.04949);
    --foreground: lab(94.2286% .580758 3.77309);
    --card: lab(11.6605% .879414 -9.16625);
    --card-foreground: lab(94.2286% .580758 3.77309);
    --popover: lab(11.6605% .879414 -9.16625);
    --popover-foreground: lab(94.2286% .580758 3.77309);
    --primary: lab(62.5036% 41.3124 -52.9492);
    --primary-foreground: lab(7.05066% .969283 -9.04949);
    --secondary: lab(18.587% 1.01629 -11.0117);
    --secondary-foreground: lab(94.2286% .580758 3.77309);
    --muted: lab(18.587% 1.01629 -11.0117);
    --muted-foreground: lab(41.6449% 1.69379 -18.3529);
    --accent: lab(69.1089% -47.4942 -9.35538);
    --accent-foreground: lab(7.05066% .969283 -9.04949);
    --destructive: lab(50.91% 77.5834 28.155);
    --destructive-foreground: lab(62.5253% 77.6676 27.3367);
    --border: lab(22.0721% .931501 -11.0394);
    --input: lab(22.0721% .931501 -11.0394);
    --ring: lab(62.5036% 41.3124 -52.9492);
    --sidebar: lab(3.57858% .768997 -6.95896);
    --sidebar-foreground: lab(94.2286% .580758 3.77309);
    --sidebar-primary: lab(62.5036% 41.3124 -52.9492);
    --sidebar-primary-foreground: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent: lab(9.33594% .953682 -9.144);
    --sidebar-accent-foreground: lab(94.2286% .580758 3.77309);
    --sidebar-border: lab(15.146% .7893 -9.19516);
    --sidebar-ring: lab(62.5036% 41.3124 -52.9492);
  }
}

[data-palette="github"] {
  --background: #fff;
  --foreground: #12171a;
  --card: #fff;
  --card-foreground: #12171a;
  --popover: #fff;
  --popover-foreground: #12171a;
  --primary: #006bba;
  --primary-foreground: #fff;
  --secondary: #eff2f5;
  --secondary-foreground: #12171a;
  --muted: #eff2f5;
  --muted-foreground: #595e63;
  --accent: #eff2f5;
  --accent-foreground: #12171a;
  --destructive: #d40924;
  --destructive-foreground: #d40924;
  --border: #dbdee1;
  --input: #dbdee1;
  --ring: #006bba;
  --sidebar: #f2f6f8;
  --sidebar-foreground: #12171a;
  --sidebar-primary: #006bba;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #e8ecee;
  --sidebar-accent-foreground: #12171a;
  --sidebar-border: #d5d8da;
  --sidebar-ring: #006bba;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="github"] {
    --background: lab(100% 0 0);
    --foreground: lab(7.23616% -1.40841 -3.20238);
    --card: lab(100% 0 0);
    --card-foreground: lab(7.23616% -1.40841 -3.20238);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(7.23616% -1.40841 -3.20238);
    --primary: lab(43.2311% -.19154 -56.7058);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(95.3681% -.823021 -1.65218);
    --secondary-foreground: lab(7.23616% -1.40841 -3.20238);
    --muted: lab(95.3681% -.823021 -1.65218);
    --muted-foreground: lab(39.6943% -1.60605 -3.28265);
    --accent: lab(95.3681% -.823021 -1.65218);
    --accent-foreground: lab(7.23616% -1.40841 -3.20238);
    --destructive: lab(45.5382% 69.8881 46.2994);
    --destructive-foreground: lab(45.5382% 69.8881 46.2994);
    --border: lab(88.4081% -.822634 -1.65192);
    --input: lab(88.4081% -.822634 -1.65192);
    --ring: lab(43.2311% -.19154 -56.7058);
    --sidebar: lab(96.5281% -.82311 -1.65222);
    --sidebar-foreground: lab(7.23616% -1.40841 -3.20238);
    --sidebar-primary: lab(43.2311% -.19154 -56.7058);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(93.0481% -.822932 -1.65209);
    --sidebar-accent-foreground: lab(7.23616% -1.40841 -3.20238);
    --sidebar-border: lab(86.0881% -.822455 -1.65184);
    --sidebar-ring: lab(43.2311% -.19154 -56.7058);
  }
}

[data-palette="github"].dark {
  --background: #060a0d;
  --foreground: #d8dfe4;
  --card: #0e1216;
  --card-foreground: #d8dfe4;
  --popover: #0e1216;
  --popover-foreground: #d8dfe4;
  --primary: #3a93e6;
  --primary-foreground: #060a0d;
  --secondary: #171b1f;
  --secondary-foreground: #d8dfe4;
  --muted: #171b1f;
  --muted-foreground: #7b8186;
  --accent: #171b1f;
  --accent-foreground: #d8dfe4;
  --destructive: #bb061e;
  --destructive-foreground: #f94144;
  --border: #202528;
  --input: #202528;
  --ring: #3a93e6;
  --sidebar: #020405;
  --sidebar-foreground: #d8dfe4;
  --sidebar-primary: #3a93e6;
  --sidebar-primary-foreground: #f5f5f5;
  --sidebar-accent: #0c1013;
  --sidebar-accent-foreground: #d8dfe4;
  --sidebar-border: #171b1f;
  --sidebar-ring: #3a93e6;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="github"].dark {
    --background: lab(2.48213% -.659846 -1.65391);
    --foreground: lab(88.4155% -1.63096 -3.29593);
    --card: lab(5.27539% -1.12788 -2.68247);
    --card-foreground: lab(88.4155% -1.63096 -3.29593);
    --popover: lab(5.27539% -1.12788 -2.68247);
    --popover-foreground: lab(88.4155% -1.63096 -3.29593);
    --primary: lab(58.7199% -5.55909 -50.5326);
    --primary-foreground: lab(2.48213% -.659846 -1.65391);
    --secondary: lab(9.53107% -1.54131 -3.25193);
    --secondary-foreground: lab(88.4155% -1.63096 -3.29593);
    --muted: lab(9.53107% -1.54131 -3.25193);
    --muted-foreground: lab(53.6148% -1.61681 -3.28823);
    --accent: lab(9.53107% -1.54131 -3.25193);
    --accent-foreground: lab(88.4155% -1.63096 -3.29593);
    --destructive: lab(39.9438% 63.5347 42.0903);
    --destructive-foreground: lab(57.1752% 69.5963 43.0458);
    --border: lab(14.172% -1.55991 -3.26025);
    --input: lab(14.172% -1.55991 -3.26025);
    --ring: lab(58.7199% -5.55909 -50.5326);
    --sidebar: lab(.904169% -.31583 -.872949);
    --sidebar-foreground: lab(88.4155% -1.63096 -3.29593);
    --sidebar-primary: lab(58.7199% -5.55909 -50.5326);
    --sidebar-primary-foreground: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent: lab(4.44418% -.999242 -2.40212);
    --sidebar-accent-foreground: lab(88.4155% -1.63096 -3.29593);
    --sidebar-border: lab(9.53107% -1.54131 -3.25193);
    --sidebar-ring: lab(58.7199% -5.55909 -50.5326);
  }
}

[data-palette="rose-pine"] {
  --background: #f8f0ed;
  --foreground: #47445c;
  --card: #fcf7f6;
  --card-foreground: #47445c;
  --popover: #fcf7f6;
  --popover-foreground: #47445c;
  --primary: #df7e7f;
  --primary-foreground: #fcf7f6;
  --secondary: #eee1dd;
  --secondary-foreground: #47445c;
  --muted: #eee1dd;
  --muted-foreground: #7f7e91;
  --accent: #df7e7f;
  --accent-foreground: #fcf7f6;
  --destructive: #d20046;
  --destructive-foreground: #d20046;
  --border: #e1d4d0;
  --input: #e1d4d0;
  --ring: #df7e7f;
  --sidebar: #f2e9e6;
  --sidebar-foreground: #47445c;
  --sidebar-primary: #df7e7f;
  --sidebar-primary-foreground: #fcf7f6;
  --sidebar-accent: #e7dbd7;
  --sidebar-accent-foreground: #47445c;
  --sidebar-border: #daceca;
  --sidebar-ring: #df7e7f;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="rose-pine"] {
    --background: lab(95.2971% 2.58255 2.48098);
    --foreground: lab(29.9647% 5.63778 -13.8027);
    --card: lab(97.6487% 1.28761 1.23795);
    --card-foreground: lab(29.9647% 5.63778 -13.8027);
    --popover: lab(97.6487% 1.28761 1.23795);
    --popover-foreground: lab(29.9647% 5.63778 -13.8027);
    --primary: lab(63.9615% 38.311 16.888);
    --primary-foreground: lab(97.6487% 1.28761 1.23795);
    --secondary: lab(90.6251% 3.8859 3.73007);
    --secondary-foreground: lab(29.9647% 5.63778 -13.8027);
    --muted: lab(90.6251% 3.8859 3.73007);
    --muted-foreground: lab(53.2983% 3.90172 -10.4995);
    --accent: lab(63.9615% 38.311 16.888);
    --accent-foreground: lab(97.6487% 1.28761 1.23795);
    --destructive: lab(45.3341% 71.1182 25.8088);
    --destructive-foreground: lab(45.3341% 71.1182 25.8088);
    --border: lab(85.985% 3.88744 3.73117);
    --input: lab(85.985% 3.88744 3.73117);
    --ring: lab(63.9615% 38.311 16.888);
    --sidebar: lab(92.9771% 2.58288 2.4812);
    --sidebar-foreground: lab(29.9647% 5.63778 -13.8027);
    --sidebar-primary: lab(63.9615% 38.311 16.888);
    --sidebar-primary-foreground: lab(97.6487% 1.28761 1.23795);
    --sidebar-accent: lab(88.305% 3.88661 3.73062);
    --sidebar-accent-foreground: lab(29.9647% 5.63778 -13.8027);
    --sidebar-border: lab(83.665% 3.88819 3.73178);
    --sidebar-ring: lab(63.9615% 38.311 16.888);
  }
}

[data-palette="rose-pine"].dark {
  --background: #0f0d1c;
  --foreground: #dddceb;
  --card: #181625;
  --card-foreground: #dddceb;
  --popover: #181625;
  --popover-foreground: #dddceb;
  --primary: #eda9ad;
  --primary-foreground: #0f0d1c;
  --secondary: #211f2f;
  --secondary-foreground: #dddceb;
  --muted: #211f2f;
  --muted-foreground: #686679;
  --accent: #dd9f6b;
  --accent-foreground: #0f0d1c;
  --destructive: #b9003d;
  --destructive-foreground: #f73d62;
  --border: #282637;
  --input: #282637;
  --ring: #eda9ad;
  --sidebar: #090715;
  --sidebar-foreground: #dddceb;
  --sidebar-primary: #eda9ad;
  --sidebar-primary-foreground: #f5f5f5;
  --sidebar-accent: #161423;
  --sidebar-accent-foreground: #dddceb;
  --sidebar-border: #1f1d2d;
  --sidebar-ring: #eda9ad;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="rose-pine"].dark {
    --background: lab(4.19462% 3.25993 -8.74136);
    --foreground: lab(88.2077% 2.48206 -7.06737);
    --card: lab(8.01117% 4.51303 -10.2543);
    --card-foreground: lab(88.2077% 2.48206 -7.06737);
    --popover: lab(8.01117% 4.51303 -10.2543);
    --popover-foreground: lab(88.2077% 2.48206 -7.06737);
    --primary: lab(75.9301% 26.0188 8.34088);
    --primary-foreground: lab(4.19462% 3.25993 -8.74136);
    --secondary: lab(12.6632% 4.36069 -10.3035);
    --secondary-foreground: lab(88.2077% 2.48206 -7.06737);
    --muted: lab(12.6632% 4.36069 -10.3035);
    --muted-foreground: lab(44.0146% 3.95158 -10.474);
    --accent: lab(70.6703% 19.5825 36.2575);
    --accent-foreground: lab(4.19462% 3.25993 -8.74136);
    --destructive: lab(39.7583% 64.6529 23.4625);
    --destructive-foreground: lab(56.9493% 71.2013 25.0064);
    --border: lab(16.1499% 4.27553 -10.3341);
    --input: lab(16.1499% 4.27553 -10.3341);
    --ring: lab(75.9301% 26.0188 8.34088);
    --sidebar: lab(2.30495% 2.34277 -6.26451);
    --sidebar-foreground: lab(88.2077% 2.48206 -7.06737);
    --sidebar-primary: lab(75.9301% 26.0188 8.34088);
    --sidebar-primary-foreground: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent: lab(6.90181% 4.32767 -10.1463);
    --sidebar-accent-foreground: lab(88.2077% 2.48206 -7.06737);
    --sidebar-border: lab(11.5006% 4.3939 -10.2922);
    --sidebar-ring: lab(75.9301% 26.0188 8.34088);
  }
}

[data-palette="blue"] {
  --background: #f6f9fb;
  --foreground: #030c17;
  --card: #fff;
  --card-foreground: #030c17;
  --popover: #fff;
  --popover-foreground: #030c17;
  --primary: #1c69e3;
  --primary-foreground: #f8f8f8;
  --secondary: #e5ecf1;
  --secondary-foreground: #030c17;
  --muted: #e5ecf1;
  --muted-foreground: #576574;
  --accent: #e5ecf1;
  --accent-foreground: #030c17;
  --destructive: #d40924;
  --destructive-foreground: #d40924;
  --border: #d8dfe4;
  --input: #d8dfe4;
  --ring: #1c69e3;
  --sidebar: #eff2f5;
  --sidebar-foreground: #030c17;
  --sidebar-primary: #1c69e3;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #dfe6eb;
  --sidebar-accent-foreground: #030c17;
  --sidebar-border: #d2d8dd;
  --sidebar-ring: #1c69e3;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="blue"] {
    --background: lab(97.6882% -.8232 -1.65225);
    --foreground: lab(2.98643% -.733465 -7.26174);
    --card: lab(100% 0 0);
    --card-foreground: lab(2.98643% -.733465 -7.26174);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.98643% -.733465 -7.26174);
    --primary: lab(45.7354% 14.1968 -69.775);
    --primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --secondary: lab(93.0556% -1.63221 -3.29659);
    --secondary-foreground: lab(2.98643% -.733465 -7.26174);
    --muted: lab(93.0556% -1.63221 -3.29659);
    --muted-foreground: lab(41.9518% -2.83328 -10.5045);
    --accent: lab(93.0556% -1.63221 -3.29659);
    --accent-foreground: lab(2.98643% -.733465 -7.26174);
    --destructive: lab(45.5382% 69.8881 46.2994);
    --destructive-foreground: lab(45.5382% 69.8881 46.2994);
    --border: lab(88.4155% -1.63096 -3.29593);
    --input: lab(88.4155% -1.63096 -3.29593);
    --ring: lab(45.7354% 14.1968 -69.775);
    --sidebar: lab(95.3681% -.823021 -1.65218);
    --sidebar-foreground: lab(2.98643% -.733465 -7.26174);
    --sidebar-primary: lab(45.7354% 14.1968 -69.775);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(90.7356% -1.63162 -3.29628);
    --sidebar-accent-foreground: lab(2.98643% -.733465 -7.26174);
    --sidebar-border: lab(86.0955% -1.63037 -3.29558);
    --sidebar-ring: lab(45.7354% 14.1968 -69.775);
  }
}

[data-palette="blue"].dark {
  --background: #03080f;
  --foreground: #d8dfe4;
  --card: #070e16;
  --card-foreground: #d8dfe4;
  --popover: #070e16;
  --popover-foreground: #d8dfe4;
  --primary: #3e7ce4;
  --primary-foreground: #f8f8f8;
  --secondary: #0f171f;
  --secondary-foreground: #d8dfe4;
  --muted: #0f171f;
  --muted-foreground: #67737c;
  --accent: #0f171f;
  --accent-foreground: #d8dfe4;
  --destructive: #bb061e;
  --destructive-foreground: #f94144;
  --border: #182029;
  --input: #182029;
  --ring: #3e7ce4;
  --sidebar: #010408;
  --sidebar-foreground: #d8dfe4;
  --sidebar-primary: #3e7ce4;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #050c13;
  --sidebar-accent-foreground: #d8dfe4;
  --sidebar-border: #0f171f;
  --sidebar-ring: #3e7ce4;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="blue"].dark {
    --background: lab(1.95972% -.491969 -3.43974);
    --foreground: lab(88.4155% -1.63096 -3.29593);
    --card: lab(3.66811% -.860922 -5.02954);
    --card-foreground: lab(88.4155% -1.63096 -3.29593);
    --popover: lab(3.66811% -.860922 -5.02954);
    --popover-foreground: lab(88.4155% -1.63096 -3.29593);
    --primary: lab(52.1615% 6.93488 -59.6125);
    --primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --secondary: lab(7.18439% -1.49957 -6.86639);
    --secondary-foreground: lab(88.4155% -1.63096 -3.29593);
    --muted: lab(7.18439% -1.49957 -6.86639);
    --muted-foreground: lab(47.8245% -3.13094 -6.52562);
    --accent: lab(7.18439% -1.49957 -6.86639);
    --accent-foreground: lab(88.4155% -1.63096 -3.29593);
    --destructive: lab(39.9438% 63.5347 42.0903);
    --destructive-foreground: lab(57.1752% 69.5963 43.0458);
    --border: lab(11.8004% -1.74378 -6.95061);
    --input: lab(11.8004% -1.74378 -6.95061);
    --ring: lab(52.1615% 6.93488 -59.6125);
    --sidebar: lab(.884869% -.217319 -2.15163);
    --sidebar-foreground: lab(88.4155% -1.63096 -3.29593);
    --sidebar-primary: lab(52.1615% 6.93488 -59.6125);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(3.01922% -.727452 -4.46609);
    --sidebar-accent-foreground: lab(88.4155% -1.63096 -3.29593);
    --sidebar-border: lab(7.18439% -1.49957 -6.86639);
    --sidebar-ring: lab(52.1615% 6.93488 -59.6125);
  }
}

[data-palette="green"] {
  --background: #f2f7f0;
  --foreground: #07150a;
  --card: #fafdf9;
  --card-foreground: #07150a;
  --popover: #fafdf9;
  --popover-foreground: #07150a;
  --primary: #008a48;
  --primary-foreground: #f8f8f8;
  --secondary: #e3eae1;
  --secondary-foreground: #07150a;
  --muted: #e3eae1;
  --muted-foreground: #536a57;
  --accent: #e3eae1;
  --accent-foreground: #07150a;
  --destructive: #d40924;
  --destructive-foreground: #d40924;
  --border: #d6ddd4;
  --input: #d6ddd4;
  --ring: #008a48;
  --sidebar: #ebf0ea;
  --sidebar-foreground: #07150a;
  --sidebar-primary: #008a48;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #dce4da;
  --sidebar-accent-foreground: #07150a;
  --sidebar-border: #cfd7ce;
  --sidebar-ring: #008a48;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="green"] {
    --background: lab(96.6495% -2.61477 2.42773);
    --foreground: lab(5.56446% -6.38839 3.90136);
    --card: lab(98.9049% -1.30817 1.21218);
    --card-foreground: lab(5.56446% -6.38839 3.90136);
    --popover: lab(98.9049% -1.30817 1.21218);
    --popover-foreground: lab(5.56446% -6.38839 3.90136);
    --primary: lab(49.9598% -55.5013 28.8282);
    --primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --secondary: lab(92.0736% -3.91966 3.64729);
    --secondary-foreground: lab(5.56446% -6.38839 3.90136);
    --muted: lab(92.0736% -3.91966 3.64729);
    --muted-foreground: lab(42.527% -11.8794 7.6255);
    --accent: lab(92.0736% -3.91966 3.64729);
    --accent-foreground: lab(5.56446% -6.38839 3.90136);
    --destructive: lab(45.5382% 69.8881 46.2994);
    --destructive-foreground: lab(45.5382% 69.8881 46.2994);
    --border: lab(87.4336% -3.91936 3.64802);
    --input: lab(87.4336% -3.91936 3.64802);
    --ring: lab(49.9598% -55.5013 28.8282);
    --sidebar: lab(94.3295% -2.61471 2.42786);
    --sidebar-foreground: lab(5.56446% -6.38839 3.90136);
    --sidebar-primary: lab(49.9598% -55.5013 28.8282);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(89.7536% -3.91951 3.64766);
    --sidebar-accent-foreground: lab(5.56446% -6.38839 3.90136);
    --sidebar-border: lab(85.1135% -3.91918 3.64839);
    --sidebar-ring: lab(49.9598% -55.5013 28.8282);
  }
}

[data-palette="green"].dark {
  --background: #030904;
  --foreground: #d1dbcf;
  --card: #071009;
  --card-foreground: #d1dbcf;
  --popover: #071009;
  --popover-foreground: #d1dbcf;
  --primary: #009957;
  --primary-foreground: #f8f8f8;
  --secondary: #101911;
  --secondary-foreground: #d1dbcf;
  --muted: #101911;
  --muted-foreground: #5d6e60;
  --accent: #101911;
  --accent-foreground: #d1dbcf;
  --destructive: #bb061e;
  --destructive-foreground: #f94144;
  --border: #19221a;
  --input: #19221a;
  --ring: #009957;
  --sidebar: #010502;
  --sidebar-foreground: #d1dbcf;
  --sidebar-primary: #009957;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #060e07;
  --sidebar-accent-foreground: #d1dbcf;
  --sidebar-border: #101911;
  --sidebar-ring: #009957;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="green"].dark {
    --background: lab(2.0879% -2.22962 1.36586);
    --foreground: lab(86.3372% -5.22253 4.87193);
    --card: lab(3.85742% -3.40533 2.10065);
    --card-foreground: lab(86.3372% -5.22253 4.87193);
    --popover: lab(3.85742% -3.40533 2.10065);
    --popover-foreground: lab(86.3372% -5.22253 4.87193);
    --primary: lab(55.7716% -55.1494 28.5828);
    --primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --secondary: lab(7.47379% -5.35896 3.32561);
    --secondary-foreground: lab(86.3372% -5.22253 4.87193);
    --muted: lab(7.47379% -5.35896 3.32561);
    --muted-foreground: lab(44.7181% -8.89194 5.69005);
    --accent: lab(7.47379% -5.35896 3.32561);
    --accent-foreground: lab(86.3372% -5.22253 4.87193);
    --destructive: lab(39.9438% 63.5347 42.0903);
    --destructive-foreground: lab(57.1752% 69.5963 43.0458);
    --border: lab(12.1032% -5.94152 3.81576);
    --input: lab(12.1032% -5.94152 3.81576);
    --ring: lab(55.7716% -55.1494 28.5828);
    --sidebar: lab(.963873% -1.30205 .788716);
    --sidebar-foreground: lab(86.3372% -5.22253 4.87193);
    --sidebar-primary: lab(55.7716% -55.1494 28.5828);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(3.18682% -2.98586 1.8382);
    --sidebar-accent-foreground: lab(86.3372% -5.22253 4.87193);
    --sidebar-border: lab(7.47379% -5.35896 3.32561);
    --sidebar-ring: lab(55.7716% -55.1494 28.5828);
  }
}

[data-palette="unicorn"] {
  --background: #f7f3fa;
  --foreground: #1b0e2d;
  --card: #fdfbfe;
  --card-foreground: #1b0e2d;
  --popover: #fdfbfe;
  --popover-foreground: #1b0e2d;
  --primary: #cc4ce7;
  --primary-foreground: #f8f8f8;
  --secondary: #e9e1ef;
  --secondary-foreground: #1b0e2d;
  --muted: #e9e1ef;
  --muted-foreground: #776a90;
  --accent: #6e89e4;
  --accent-foreground: #f8f8f8;
  --destructive: #d20046;
  --destructive-foreground: #d20046;
  --border: #dbd4e2;
  --input: #dbd4e2;
  --ring: #cc4ce7;
  --sidebar: #f0edf4;
  --sidebar-foreground: #1b0e2d;
  --sidebar-primary: #cc4ce7;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #e2dbe8;
  --sidebar-accent-foreground: #1b0e2d;
  --sidebar-border: #d5cedb;
  --sidebar-ring: #cc4ce7;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="unicorn"] {
    --background: lab(96.3976% 2.21443 -2.88498);
    --foreground: lab(6.39348% 12.6919 -18.3558);
    --card: lab(98.7791% 1.10486 -1.44484);
    --card-foreground: lab(6.39348% 12.6919 -18.3558);
    --popover: lab(98.7791% 1.10486 -1.44484);
    --popover-foreground: lab(6.39348% 12.6919 -18.3558);
    --primary: lab(55.5078% 66.0939 -55.2278);
    --primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --secondary: lab(90.4729% 4.44937 -5.75035);
    --secondary-foreground: lab(6.39348% 12.6919 -18.3558);
    --muted: lab(90.4729% 4.44937 -5.75035);
    --muted-foreground: lab(47.0577% 11.3677 -19.063);
    --accent: lab(58.0784% 9.96006 -50.2303);
    --accent-foreground: lab(97.68% -.0000298023 .0000119209);
    --destructive: lab(45.3341% 71.1182 25.8088);
    --destructive-foreground: lab(45.3341% 71.1182 25.8088);
    --border: lab(85.8327% 4.45116 -5.7487);
    --input: lab(85.8327% 4.45116 -5.7487);
    --ring: lab(55.5078% 66.0939 -55.2278);
    --sidebar: lab(94.0776% 2.21464 -2.88479);
    --sidebar-foreground: lab(6.39348% 12.6919 -18.3558);
    --sidebar-primary: lab(55.5078% 66.0939 -55.2278);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(88.1528% 4.45023 -5.74952);
    --sidebar-accent-foreground: lab(6.39348% 12.6919 -18.3558);
    --sidebar-border: lab(83.5126% 4.45214 -5.74783);
    --sidebar-ring: lab(55.5078% 66.0939 -55.2278);
  }
}

[data-palette="unicorn"].dark {
  --background: #0c0517;
  --foreground: #e9e1ef;
  --card: #140d20;
  --card-foreground: #e9e1ef;
  --popover: #140d20;
  --popover-foreground: #e9e1ef;
  --primary: #da74f1;
  --primary-foreground: #0c0517;
  --secondary: #1d162a;
  --secondary-foreground: #e9e1ef;
  --muted: #1d162a;
  --muted-foreground: #776a90;
  --accent: #6079d3;
  --accent-foreground: #f8f8f8;
  --destructive: #b9003d;
  --destructive-foreground: #f73d62;
  --border: #271f35;
  --input: #271f35;
  --ring: #da74f1;
  --sidebar: #05010e;
  --sidebar-foreground: #e9e1ef;
  --sidebar-primary: #da74f1;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #10091c;
  --sidebar-accent-foreground: #e9e1ef;
  --sidebar-border: #1d162a;
  --sidebar-ring: #da74f1;
}

@supports (color: lab(0% 0 0)) {
  [data-palette="unicorn"].dark {
    --background: lab(2.21037% 4.19619 -8.043);
    --foreground: lab(90.4729% 4.44937 -5.75035);
    --card: lab(4.85182% 6.52879 -11.5447);
    --card-foreground: lab(90.4729% 4.44937 -5.75035);
    --popover: lab(4.85182% 6.52879 -11.5447);
    --popover-foreground: lab(90.4729% 4.44937 -5.75035);
    --primary: lab(64.4551% 54.2903 -46.3238);
    --primary-foreground: lab(2.21037% 4.19619 -8.043);
    --secondary: lab(8.98103% 8.0401 -12.5394);
    --secondary-foreground: lab(90.4729% 4.44937 -5.75035);
    --muted: lab(8.98103% 8.0401 -12.5394);
    --muted-foreground: lab(47.0577% 11.3677 -19.063);
    --accent: lab(52.2235% 10.7997 -50.1141);
    --accent-foreground: lab(97.68% -.0000298023 .0000119209);
    --destructive: lab(39.7583% 64.6529 23.4625);
    --destructive-foreground: lab(56.9493% 71.2013 25.0064);
    --border: lab(13.6384% 7.86148 -12.597);
    --input: lab(13.6384% 7.86148 -12.597);
    --ring: lab(64.4551% 54.2903 -46.3238);
    --sidebar: lab(.750452% 2.37964 -4.57321);
    --sidebar-foreground: lab(90.4729% 4.44937 -5.75035);
    --sidebar-primary: lab(64.4551% 54.2903 -46.3238);
    --sidebar-primary-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-accent: lab(3.36172% 5.29798 -10.0428);
    --sidebar-accent-foreground: lab(90.4729% 4.44937 -5.75035);
    --sidebar-border: lab(8.98103% 8.0401 -12.5394);
    --sidebar-ring: lab(64.4551% 54.2903 -46.3238);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=apps_web_app_globals_c51edd67.css.map*/