/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@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-50: oklch(97.1% 0.013 17.38);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wider: 0.05em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --radius-selector: 1rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 1;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .loading {
    @layer daisyui.l1.l2.l3 {
      pointer-events: none;
      display: inline-block;
      aspect-ratio: 1 / 1;
      background-color: currentcolor;
      vertical-align: middle;
      width: calc(var(--size-selector, 0.25rem) * 6);
      mask-size: 100%;
      mask-repeat: no-repeat;
      mask-position: center;
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }
  }
  .list {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      flex-direction: column;
      font-size: 0.875rem;
      .list-row {
        --list-grid-cols: minmax(0, auto) 1fr;
        position: relative;
        display: grid;
        grid-auto-flow: column;
        gap: calc(0.25rem * 4);
        border-radius: var(--radius-box);
        padding: calc(0.25rem * 4);
        word-break: break-word;
        grid-template-columns: var(--list-grid-cols);
      }
      & > :not(:last-child) {
        &.list-row, .list-row {
          &:after {
            content: "";
            border-bottom: var(--border) solid;
            inset-inline: var(--radius-box);
            position: absolute;
            bottom: calc(0.25rem * 0);
            border-color: var(--color-base-content);
            @supports (color: color-mix(in lab, red, red)) {
              border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
            }
          }
        }
      }
    }
    @layer daisyui.l1.l2 {
      .list-row {
        &:has(.list-col-grow:nth-child(1)) {
          --list-grid-cols: 1fr;
        }
        &:has(.list-col-grow:nth-child(2)) {
          --list-grid-cols: minmax(0, auto) 1fr;
        }
        &:has(.list-col-grow:nth-child(3)) {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
        }
        &:has(.list-col-grow:nth-child(4)) {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
        }
        &:has(.list-col-grow:nth-child(5)) {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
        }
        &:has(.list-col-grow:nth-child(6)) {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
          minmax(0, auto) 1fr;
        }
         > * {
          grid-row-start: 1;
        }
      }
    }
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: 0;
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .stack {
    @layer daisyui.l1.l2.l3 {
      display: inline-grid;
      grid-template-columns: 3px 4px 1fr 4px 3px;
      grid-template-rows: 3px 4px 1fr 4px 3px;
      & > * {
        height: 100%;
        width: 100%;
        &:nth-child(n + 2) {
          width: 100%;
          opacity: 70%;
        }
        &:nth-child(2) {
          z-index: 2;
          opacity: 90%;
        }
        &:nth-child(1) {
          z-index: 3;
          width: 100%;
        }
      }
    }
    @layer daisyui.l1.l2 {
      &, &.stack-bottom {
         > * {
          grid-column: 3 / 4;
          grid-row: 3 / 6;
          &:nth-child(2) {
            grid-column: 2 / 5;
            grid-row: 2 / 5;
          }
          &:nth-child(1) {
            grid-column: 1 / 6;
            grid-row: 1 / 4;
          }
        }
      }
      &.stack-top {
         > * {
          grid-column: 3 / 4;
          grid-row: 1 / 4;
          &:nth-child(2) {
            grid-column: 2 / 5;
            grid-row: 2 / 5;
          }
          &:nth-child(1) {
            grid-column: 1 / 6;
            grid-row: 3 / 6;
          }
        }
      }
      &.stack-start {
         > * {
          grid-column: 1 / 4;
          grid-row: 3 / 4;
          &:nth-child(2) {
            grid-column: 2 / 5;
            grid-row: 2 / 5;
          }
          &:nth-child(1) {
            grid-column: 3 / 6;
            grid-row: 1 / 6;
          }
        }
      }
      &.stack-end {
         > * {
          grid-column: 3 / 6;
          grid-row: 3 / 4;
          &:nth-child(2) {
            grid-column: 2 / 5;
            grid-row: 2 / 5;
          }
          &:nth-child(1) {
            grid-column: 1 / 4;
            grid-row: 1 / 6;
          }
        }
      }
    }
  }
  .z-10 {
    z-index: 10;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .status {
    @layer daisyui.l1.l2.l3 {
      display: inline-block;
      aspect-ratio: 1 / 1;
      width: calc(0.25rem * 2);
      height: calc(0.25rem * 2);
      border-radius: var(--radius-selector);
      background-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
      background-position: center;
      background-repeat: no-repeat;
      vertical-align: middle;
      color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
      background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );
      box-shadow: 0 2px 3px -1px currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
      }
    }
  }
  .badge {
    @layer daisyui.l1.l2.l3 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: calc(0.25rem * 2);
      border-radius: var(--radius-selector);
      vertical-align: middle;
      color: var(--badge-fg);
      border: var(--border) solid var(--badge-color, var(--color-base-200));
      font-size: 0.875rem;
      width: fit-content;
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
      background-color: var(--badge-bg);
      --badge-bg: var(--badge-color, var(--color-base-100));
      --badge-fg: var(--color-base-content);
      --size: calc(var(--size-selector, 0.25rem) * 6);
      height: var(--size);
      padding-inline: calc(var(--size) / 2 - var(--border));
    }
  }
  .stat {
    @layer daisyui.l1.l2.l3 {
      display: inline-grid;
      width: 100%;
      column-gap: calc(0.25rem * 4);
      padding-inline: calc(0.25rem * 6);
      padding-block: calc(0.25rem * 4);
      grid-template-columns: repeat(1, 1fr);
      &:not(:last-child) {
        border-inline-end: var(--border) dashed currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
        }
        border-block-end: none;
      }
    }
  }
  .alert {
    border-width: var(--border);
    border-color: var(--alert-border-color, var(--color-base-200));
    @layer daisyui.l1.l2.l3 {
      border-style: solid;
      --alert-border-color: var(--color-base-200);
      display: grid;
      align-items: center;
      gap: calc(0.25rem * 4);
      border-radius: var(--radius-box);
      padding-inline: calc(0.25rem * 4);
      padding-block: calc(0.25rem * 3);
      color: var(--color-base-content);
      background-color: var(--alert-color, var(--color-base-200));
      justify-content: start;
      justify-items: start;
      grid-auto-flow: column;
      grid-template-columns: auto;
      text-align: start;
      font-size: 0.875rem;
      line-height: 1.25rem;
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
      }
      &:has(:nth-child(2)) {
        grid-template-columns: auto minmax(auto, 1fr);
      }
    }
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-full {
    width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-primary\/20 {
    border-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .bg-base-100 {
    background-color: var(--color-base-100);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/3 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 3%, transparent);
    }
  }
  .bg-primary\/5 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-gray-900 {
    --tw-gradient-from: var(--color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary\/5 {
    --tw-gradient-from: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-gray-700 {
    --tw-gradient-to: var(--color-gray-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/10 {
    --tw-gradient-to: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .loading-spinner {
    @layer daisyui.l1.l2 {
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .pt-0 {
    padding-top: 0;
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .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-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));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-base-content {
    color: var(--color-base-content);
  }
  .text-base-content\/70 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .text-neutral {
    color: var(--color-neutral);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-content {
    color: var(--color-primary-content);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-base-content\/20 {
    --tw-shadow-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-content) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-primary-300 {
    --tw-ring-color: var(--color-primary-300);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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,);
  }
  .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));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .focus-visible\:ring-2 {
    &: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-offset-2 {
    &: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 {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .dark\:bg-gray-800 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:text-red-400 {
    @media (prefers-color-scheme: dark) {
      color: var(--color-red-400);
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-scrollbar: none;
}
@layer base {
  :root:has(input.theme-controller[value=sea-salt]:checked),[data-theme="sea-salt"] {
    color-scheme: light;
    --color-base-100: #f8f9fa;
    --color-base-200: #e9ecef;
    --color-base-300: #dee2e6;
    --color-base-content: #212529;
    --color-primary: #0077b6;
    --color-primary-content: #ffffff;
    --color-secondary: #00b4d8;
    --color-secondary-content: #ffffff;
    --color-accent: #90e0ef;
    --color-accent-content: #002b36;
    --color-neutral: #495057;
    --color-neutral-content: #ffffff;
    --color-info: #0096c7;
    --color-info-content: #ffffff;
    --color-success: #2a9d8f;
    --color-success-content: #ffffff;
    --color-warning: #e9c46a;
    --color-warning-content: #3d2f00;
    --color-error: #e76f51;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=sky-blue]:checked),[data-theme="sky-blue"] {
    color-scheme: light;
    --color-base-100: #edf6f9;
    --color-base-200: #d8eaf2;
    --color-base-300: #c2dceb;
    --color-base-content: #0d3b66;
    --color-primary: #00a6fb;
    --color-primary-content: #ffffff;
    --color-secondary: #83c5be;
    --color-secondary-content: #002923;
    --color-accent: #ffc300;
    --color-accent-content: #332700;
    --color-neutral: #6c757d;
    --color-neutral-content: #ffffff;
    --color-info: #00b4d8;
    --color-info-content: #ffffff;
    --color-success: #40916c;
    --color-success-content: #ffffff;
    --color-warning: #fca311;
    --color-warning-content: #ffffff;
    --color-error: #e63946;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=sandstone]:checked),[data-theme="sandstone"] {
    color-scheme: light;
    --color-base-100: #fefae0;
    --color-base-200: #faedcd;
    --color-base-300: #f5e3b5;
    --color-base-content: #606c38;
    --color-primary: #bc6c25;
    --color-primary-content: #ffffff;
    --color-secondary: #dda15e;
    --color-secondary-content: #281909;
    --color-accent: #606c38;
    --color-accent-content: #ffffff;
    --color-neutral: #a98467;
    --color-neutral-content: #ffffff;
    --color-info: #588157;
    --color-info-content: #ffffff;
    --color-success: #3a5a40;
    --color-success-content: #ffffff;
    --color-warning: #d4a373;
    --color-warning-content: #3a2a1a;
    --color-error: #9e2a2b;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=mint-choco]:checked),[data-theme="mint-choco"] {
    color-scheme: light;
    --color-base-100: #f1faee;
    --color-base-200: #e0f2e3;
    --color-base-300: #cce9d8;
    --color-base-content: #1d3557;
    --color-primary: #6d4c41;
    --color-primary-content: #ffffff;
    --color-secondary: #a8dadc;
    --color-secondary-content: #143642;
    --color-accent: #457b9d;
    --color-accent-content: #ffffff;
    --color-neutral: #8d8980;
    --color-neutral-content: #ffffff;
    --color-info: #219ebc;
    --color-info-content: #ffffff;
    --color-success: #60a561;
    --color-success-content: #ffffff;
    --color-warning: #ffb703;
    --color-warning-content: #332500;
    --color-error: #e63946;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=lavender-blush]:checked),[data-theme="lavender-blush"] {
    color-scheme: light;
    --color-base-100: #fff0f5;
    --color-base-200: #fde4ee;
    --color-base-300: #fcd8e7;
    --color-base-content: #5c2751;
    --color-primary: #c3aed6;
    --color-primary-content: #2a2438;
    --color-secondary: #db7093;
    --color-secondary-content: #ffffff;
    --color-accent: #9370db;
    --color-accent-content: #ffffff;
    --color-neutral: #7d5a83;
    --color-neutral-content: #ffffff;
    --color-info: #8e9aaf;
    --color-info-content: #ffffff;
    --color-success: #98c9a3;
    --color-success-content: #112a17;
    --color-warning: #f7d1ba;
    --color-warning-content: #4a301e;
    --color-error: #d90429;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=coral-reef]:checked),[data-theme="coral-reef"] {
    color-scheme: light;
    --color-base-100: #fdf0e6;
    --color-base-200: #fbe5d3;
    --color-base-300: #f9dac1;
    --color-base-content: #4a4e69;
    --color-primary: #ff7f50;
    --color-primary-content: #ffffff;
    --color-secondary: #ffaf87;
    --color-secondary-content: #402411;
    --color-accent: #6a994e;
    --color-accent-content: #ffffff;
    --color-neutral: #9a8c98;
    --color-neutral-content: #ffffff;
    --color-info: #4cc9f0;
    --color-info-content: #ffffff;
    --color-success: #38b000;
    --color-success-content: #ffffff;
    --color-warning: #fca311;
    --color-warning-content: #3e2905;
    --color-error: #ef233c;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=forest-glade]:checked),[data-theme="forest-glade"] {
    color-scheme: light;
    --color-base-100: #f0fdf4;
    --color-base-200: #dcfce7;
    --color-base-300: #bbf7d0;
    --color-base-content: #14532d;
    --color-primary: #22c55e;
    --color-primary-content: #ffffff;
    --color-secondary: #84cc16;
    --color-secondary-content: #213004;
    --color-accent: #4d7c0f;
    --color-accent-content: #ffffff;
    --color-neutral: #57534e;
    --color-neutral-content: #ffffff;
    --color-info: #0ea5e9;
    --color-info-content: #ffffff;
    --color-success: #16a34a;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #dc2626;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=sunrise-glow]:checked),[data-theme="sunrise-glow"] {
    color-scheme: light;
    --color-base-100: #fff7ed;
    --color-base-200: #ffedd5;
    --color-base-300: #fed7aa;
    --color-base-content: #7c2d12;
    --color-primary: #f97316;
    --color-primary-content: #ffffff;
    --color-secondary: #fb923c;
    --color-secondary-content: #451a03;
    --color-accent: #ea580c;
    --color-accent-content: #ffffff;
    --color-neutral: #78716c;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=ocean-breeze]:checked),[data-theme="ocean-breeze"] {
    color-scheme: light;
    --color-base-100: #eff6ff;
    --color-base-200: #dbeafe;
    --color-base-300: #bfdbfe;
    --color-base-content: #1e3a8a;
    --color-primary: #3b82f6;
    --color-primary-content: #ffffff;
    --color-secondary: #60a5fa;
    --color-secondary-content: #0c2b64;
    --color-accent: #2563eb;
    --color-accent-content: #ffffff;
    --color-neutral: #6b7280;
    --color-neutral-content: #ffffff;
    --color-info: #0ea5e9;
    --color-info-content: #ffffff;
    --color-success: #10b981;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=stone-path]:checked),[data-theme="stone-path"] {
    color-scheme: light;
    --color-base-100: #fafaf9;
    --color-base-200: #f5f5f4;
    --color-base-300: #e7e5e4;
    --color-base-content: #292524;
    --color-primary: #78716c;
    --color-primary-content: #ffffff;
    --color-secondary: #a8a29e;
    --color-secondary-content: #292524;
    --color-accent: #57534e;
    --color-accent-content: #ffffff;
    --color-neutral: #44403c;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #16a34a;
    --color-success-content: #ffffff;
    --color-warning: #d97706;
    --color-warning-content: #ffffff;
    --color-error: #b91c1c;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=cherry-blossom]:checked),[data-theme="cherry-blossom"] {
    color-scheme: light;
    --color-base-100: #fef2f2;
    --color-base-200: #fee2e2;
    --color-base-300: #fecaca;
    --color-base-content: #881337;
    --color-primary: #f43f5e;
    --color-primary-content: #ffffff;
    --color-secondary: #fb7185;
    --color-secondary-content: #5b091f;
    --color-accent: #e11d48;
    --color-accent-content: #ffffff;
    --color-neutral: #7f1d1d;
    --color-neutral-content: #ffffff;
    --color-info: #2563eb;
    --color-info-content: #ffffff;
    --color-success: #16a34a;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #dc2626;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=royal-gold]:checked),[data-theme="royal-gold"] {
    color-scheme: light;
    --color-base-100: #fdfbf6;
    --color-base-200: #fbf3e4;
    --color-base-300: #f8ebcf;
    --color-base-content: #43341b;
    --color-primary: #d4af37;
    --color-primary-content: #3b2e09;
    --color-secondary: #b08d57;
    --color-secondary-content: #ffffff;
    --color-accent: #4a044e;
    --color-accent-content: #ffffff;
    --color-neutral: #5c5241;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #65a30d;
    --color-success-content: #ffffff;
    --color-warning: #ca8a04;
    --color-warning-content: #3f2a01;
    --color-error: #c2410c;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=spring-meadow]:checked),[data-theme="spring-meadow"] {
    color-scheme: light;
    --color-base-100: #f7fee7;
    --color-base-200: #ecfccb;
    --color-base-300: #d9f99d;
    --color-base-content: #365314;
    --color-primary: #84cc16;
    --color-primary-content: #213004;
    --color-secondary: #a3e635;
    --color-secondary-content: #213004;
    --color-accent: #4d7c0f;
    --color-accent-content: #ffffff;
    --color-neutral: #57534e;
    --color-neutral-content: #ffffff;
    --color-info: #0ea5e9;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #facc15;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=lilac-dream]:checked),[data-theme="lilac-dream"] {
    color-scheme: light;
    --color-base-100: #f5f3ff;
    --color-base-200: #ede9fe;
    --color-base-300: #ddd6fe;
    --color-base-content: #4c1d95;
    --color-primary: #8b5cf6;
    --color-primary-content: #ffffff;
    --color-secondary: #a78bfa;
    --color-secondary-content: #2e1065;
    --color-accent: #7c3aed;
    --color-accent-content: #ffffff;
    --color-neutral: #5b21b6;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=aqua-marine]:checked),[data-theme="aqua-marine"] {
    color-scheme: light;
    --color-base-100: #ecfeff;
    --color-base-200: #cffafe;
    --color-base-300: #a5f3fc;
    --color-base-content: #0e7490;
    --color-primary: #22d3ee;
    --color-primary-content: #083344;
    --color-secondary: #67e8f9;
    --color-secondary-content: #083344;
    --color-accent: #06b6d4;
    --color-accent-content: #ffffff;
    --color-neutral: #0891b2;
    --color-neutral-content: #ffffff;
    --color-info: #0ea5e9;
    --color-info-content: #ffffff;
    --color-success: #10b981;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #f43f5e;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=peach-sorbet]:checked),[data-theme="peach-sorbet"] {
    color-scheme: light;
    --color-base-100: #fff7f2;
    --color-base-200: #ffeadb;
    --color-base-300: #fdddc5;
    --color-base-content: #7c2d12;
    --color-primary: #fb923c;
    --color-primary-content: #451a03;
    --color-secondary: #fdba74;
    --color-secondary-content: #451a03;
    --color-accent: #f97316;
    --color-accent-content: #ffffff;
    --color-neutral: #ea580c;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=mocha-latte]:checked),[data-theme="mocha-latte"] {
    color-scheme: light;
    --color-base-100: #fdf8f6;
    --color-base-200: #fbf1ed;
    --color-base-300: #f7e9e4;
    --color-base-content: #5f443a;
    --color-primary: #8d5b4c;
    --color-primary-content: #ffffff;
    --color-secondary: #b0897e;
    --color-secondary-content: #311c16;
    --color-accent: #6d4c41;
    --color-accent-content: #ffffff;
    --color-neutral: #4e342e;
    --color-neutral-content: #ffffff;
    --color-info: #1e88e5;
    --color-info-content: #ffffff;
    --color-success: #43a047;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #ffffff;
    --color-error: #e53935;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=steel-blue]:checked),[data-theme="steel-blue"] {
    color-scheme: light;
    --color-base-100: #f0f4f8;
    --color-base-200: #d9e2ec;
    --color-base-300: #bcc8da;
    --color-base-content: #2c3e50;
    --color-primary: #4682b4;
    --color-primary-content: #ffffff;
    --color-secondary: #778da9;
    --color-secondary-content: #ffffff;
    --color-accent: #34495e;
    --color-accent-content: #ffffff;
    --color-neutral: #607d8b;
    --color-neutral-content: #ffffff;
    --color-info: #5dade2;
    --color-info-content: #ffffff;
    --color-success: #2ecc71;
    --color-success-content: #ffffff;
    --color-warning: #f39c12;
    --color-warning-content: #ffffff;
    --color-error: #e74c3c;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=rose-quartz]:checked),[data-theme="rose-quartz"] {
    color-scheme: light;
    --color-base-100: #fcf5f7;
    --color-base-200: #faeaef;
    --color-base-300: #f7dee8;
    --color-base-content: #6d2843;
    --color-primary: #e11d48;
    --color-primary-content: #ffffff;
    --color-secondary: #f472b6;
    --color-secondary-content: #581c37;
    --color-accent: #be185d;
    --color-accent-content: #ffffff;
    --color-neutral: #831843;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #16a34a;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #dc2626;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=golden-hour]:checked),[data-theme="golden-hour"] {
    color-scheme: light;
    --color-base-100: #fffbeb;
    --color-base-200: #fef3c7;
    --color-base-300: #fde68a;
    --color-base-content: #78350f;
    --color-primary: #f59e0b;
    --color-primary-content: #422006;
    --color-secondary: #facc15;
    --color-secondary-content: #422006;
    --color-accent: #d97706;
    --color-accent-content: #ffffff;
    --color-neutral: #b45309;
    --color-neutral-content: #ffffff;
    --color-info: #0ea5e9;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f97316;
    --color-warning-content: #ffffff;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=emerald-isle]:checked),[data-theme="emerald-isle"] {
    color-scheme: light;
    --color-base-100: #f0fdfa;
    --color-base-200: #ccfbf1;
    --color-base-300: #99f6e4;
    --color-base-content: #0f766e;
    --color-primary: #10b981;
    --color-primary-content: #032b21;
    --color-secondary: #34d399;
    --color-secondary-content: #032b21;
    --color-accent: #059669;
    --color-accent-content: #ffffff;
    --color-neutral: #047857;
    --color-neutral-content: #ffffff;
    --color-info: #06b6d4;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=slate-gray]:checked),[data-theme="slate-gray"] {
    color-scheme: light;
    --color-base-100: #f8fafc;
    --color-base-200: #f1f5f9;
    --color-base-300: #e2e8f0;
    --color-base-content: #334155;
    --color-primary: #64748b;
    --color-primary-content: #ffffff;
    --color-secondary: #94a3b8;
    --color-secondary-content: #1e293b;
    --color-accent: #475569;
    --color-accent-content: #ffffff;
    --color-neutral: #334155;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=crimson-tide]:checked),[data-theme="crimson-tide"] {
    color-scheme: light;
    --color-base-100: #fdf2f2;
    --color-base-200: #fee2e2;
    --color-base-300: #fecaca;
    --color-base-content: #7f1d1d;
    --color-primary: #dc2626;
    --color-primary-content: #ffffff;
    --color-secondary: #ef4444;
    --color-secondary-content: #ffffff;
    --color-accent: #b91c1c;
    --color-accent-content: #ffffff;
    --color-neutral: #991b1b;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #16a34a;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #7f1d1d;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=indigo-dye]:checked),[data-theme="indigo-dye"] {
    color-scheme: light;
    --color-base-100: #eef2ff;
    --color-base-200: #e0e7ff;
    --color-base-300: #c7d2fe;
    --color-base-content: #3730a3;
    --color-primary: #6366f1;
    --color-primary-content: #ffffff;
    --color-secondary: #818cf8;
    --color-secondary-content: #1e1b4b;
    --color-accent: #4f46e5;
    --color-accent-content: #ffffff;
    --color-neutral: #4338ca;
    --color-neutral-content: #ffffff;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=teal-lagoon]:checked),[data-theme="teal-lagoon"] {
    color-scheme: light;
    --color-base-100: #f0f9ff;
    --color-base-200: #e0f2fe;
    --color-base-300: #bae6fd;
    --color-base-content: #075985;
    --color-primary: #14b8a6;
    --color-primary-content: #042f2e;
    --color-secondary: #2dd4bf;
    --color-secondary-content: #042f2e;
    --color-accent: #0d9488;
    --color-accent-content: #ffffff;
    --color-neutral: #0f766e;
    --color-neutral-content: #ffffff;
    --color-info: #0ea5e9;
    --color-info-content: #ffffff;
    --color-success: #10b981;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #422006;
    --color-error: #f43f5e;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 30%, white);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 50%, white);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 70%, white);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 90%, white);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 90%, black);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 70%, black);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 50%, black);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 30%, white);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 50%, white);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 70%, white);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 90%, white);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 90%, black);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 70%, black);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 50%, black);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 30%, white);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 50%, white);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 70%, white);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 90%, white);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 90%, black);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 70%, black);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 50%, black);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 30%, white);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 50%, white);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 70%, white);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 90%, white);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 90%, black);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 70%, black);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 50%, black);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=midnight-hush]:checked),[data-theme="midnight-hush"] {
    color-scheme: dark;
    --color-base-100: #0d1117;
    --color-base-200: #161b22;
    --color-base-300: #21262d;
    --color-base-content: #c9d1d9;
    --color-primary: #58a6ff;
    --color-primary-content: #0d1117;
    --color-secondary: #3fb950;
    --color-secondary-content: #0d1117;
    --color-accent: #a371f7;
    --color-accent-content: #0d1117;
    --color-neutral: #30363d;
    --color-neutral-content: #c9d1d9;
    --color-info: #388bfd;
    --color-info-content: #ffffff;
    --color-success: #2da44e;
    --color-success-content: #ffffff;
    --color-warning: #d29922;
    --color-warning-content: #0d1117;
    --color-error: #f85149;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=deep-ocean]:checked),[data-theme="deep-ocean"] {
    color-scheme: dark;
    --color-base-100: #011627;
    --color-base-200: #01121f;
    --color-base-300: #021a2c;
    --color-base-content: #d6deeb;
    --color-primary: #20a4f3;
    --color-primary-content: #011627;
    --color-secondary: #7f5af0;
    --color-secondary-content: #ffffff;
    --color-accent: #2cb67d;
    --color-accent-content: #ffffff;
    --color-neutral: #1d3b53;
    --color-neutral-content: #d6deeb;
    --color-info: #17a2b8;
    --color-info-content: #ffffff;
    --color-success: #28a745;
    --color-success-content: #ffffff;
    --color-warning: #ffc107;
    --color-warning-content: #212529;
    --color-error: #dc3545;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=cyber-noir]:checked),[data-theme="cyber-noir"] {
    color-scheme: dark;
    --color-base-100: #000000;
    --color-base-200: #1a1a1a;
    --color-base-300: #2a2a2a;
    --color-base-content: #e0e0e0;
    --color-primary: #00f0ff;
    --color-primary-content: #000000;
    --color-secondary: #ff00ff;
    --color-secondary-content: #000000;
    --color-accent: #00ff00;
    --color-accent-content: #000000;
    --color-neutral: #3c3c3c;
    --color-neutral-content: #e0e0e0;
    --color-info: #00aaff;
    --color-info-content: #000000;
    --color-success: #00dd00;
    --color-success-content: #000000;
    --color-warning: #ffff00;
    --color-warning-content: #000000;
    --color-error: #ff0000;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=starry-night]:checked),[data-theme="starry-night"] {
    color-scheme: dark;
    --color-base-100: #191d24;
    --color-base-200: #222831;
    --color-base-300: #393e46;
    --color-base-content: #eeeeee;
    --color-primary: #00adb5;
    --color-primary-content: #222831;
    --color-secondary: #ffd369;
    --color-secondary-content: #222831;
    --color-accent: #f05454;
    --color-accent-content: #ffffff;
    --color-neutral: #4a5058;
    --color-neutral-content: #eeeeee;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #222831;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=forest-night]:checked),[data-theme="forest-night"] {
    color-scheme: dark;
    --color-base-100: #1a202c;
    --color-base-200: #2d3748;
    --color-base-300: #4a5568;
    --color-base-content: #edf2f7;
    --color-primary: #38a169;
    --color-primary-content: #ffffff;
    --color-secondary: #805ad5;
    --color-secondary-content: #ffffff;
    --color-accent: #dd6b20;
    --color-accent-content: #ffffff;
    --color-neutral: #718096;
    --color-neutral-content: #1a202c;
    --color-info: #3182ce;
    --color-info-content: #ffffff;
    --color-success: #38a169;
    --color-success-content: #ffffff;
    --color-warning: #dd6b20;
    --color-warning-content: #ffffff;
    --color-error: #e53e3e;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=volcanic-ash]:checked),[data-theme="volcanic-ash"] {
    color-scheme: dark;
    --color-base-100: #121212;
    --color-base-200: #1e1e1e;
    --color-base-300: #2c2c2c;
    --color-base-content: #e0e0e0;
    --color-primary: #bb86fc;
    --color-primary-content: #000000;
    --color-secondary: #03dac6;
    --color-secondary-content: #000000;
    --color-accent: #cf6679;
    --color-accent-content: #000000;
    --color-neutral: #373737;
    --color-neutral-content: #e0e0e0;
    --color-info: #2196f3;
    --color-info-content: #ffffff;
    --color-success: #4caf50;
    --color-success-content: #ffffff;
    --color-warning: #ff9800;
    --color-warning-content: #000000;
    --color-error: #f44336;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=nebula-purple]:checked),[data-theme="nebula-purple"] {
    color-scheme: dark;
    --color-base-100: #1d1b26;
    --color-base-200: #2c2a3a;
    --color-base-300: #3c3a4e;
    --color-base-content: #e6e0ff;
    --color-primary: #9d72ff;
    --color-primary-content: #1d1b26;
    --color-secondary: #f672ff;
    --color-secondary-content: #1d1b26;
    --color-accent: #72f1ff;
    --color-accent-content: #1d1b26;
    --color-neutral: #4d4b60;
    --color-neutral-content: #e6e0ff;
    --color-info: #72a1ff;
    --color-info-content: #1d1b26;
    --color-success: #72ffaf;
    --color-success-content: #1d1b26;
    --color-warning: #f6ff72;
    --color-warning-content: #1d1b26;
    --color-error: #ff7272;
    --color-error-content: #1d1b26;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=slate-night]:checked),[data-theme="slate-night"] {
    color-scheme: dark;
    --color-base-100: #0f172a;
    --color-base-200: #1e293b;
    --color-base-300: #334155;
    --color-base-content: #cbd5e1;
    --color-primary: #38bdf8;
    --color-primary-content: #0f172a;
    --color-secondary: #818cf8;
    --color-secondary-content: #0f172a;
    --color-accent: #f471b5;
    --color-accent-content: #0f172a;
    --color-neutral: #475569;
    --color-neutral-content: #cbd5e1;
    --color-info: #3b82f6;
    --color-info-content: #ffffff;
    --color-success: #22c55e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #0f172a;
    --color-error: #ef4444;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=crimson-dark]:checked),[data-theme="crimson-dark"] {
    color-scheme: dark;
    --color-base-100: #1c0000;
    --color-base-200: #2e0000;
    --color-base-300: #400000;
    --color-base-content: #fecaca;
    --color-primary: #ef4444;
    --color-primary-content: #1c0000;
    --color-secondary: #fca5a5;
    --color-secondary-content: #400000;
    --color-accent: #dc2626;
    --color-accent-content: #ffffff;
    --color-neutral: #7f1d1d;
    --color-neutral-content: #fecaca;
    --color-info: #60a5fa;
    --color-info-content: #0f172a;
    --color-success: #4ade80;
    --color-success-content: #0f172a;
    --color-warning: #facc15;
    --color-warning-content: #0f172a;
    --color-error: #f87171;
    --color-error-content: #400000;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=emerald-dark]:checked),[data-theme="emerald-dark"] {
    color-scheme: dark;
    --color-base-100: #061e1a;
    --color-base-200: #0a2d27;
    --color-base-300: #0e3e35;
    --color-base-content: #a7f3d0;
    --color-primary: #34d399;
    --color-primary-content: #061e1a;
    --color-secondary: #10b981;
    --color-secondary-content: #ffffff;
    --color-accent: #059669;
    --color-accent-content: #ffffff;
    --color-neutral: #047857;
    --color-neutral-content: #a7f3d0;
    --color-info: #22d3ee;
    --color-info-content: #061e1a;
    --color-success: #4ade80;
    --color-success-content: #061e1a;
    --color-warning: #facc15;
    --color-warning-content: #061e1a;
    --color-error: #f87171;
    --color-error-content: #061e1a;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=golden-dark]:checked),[data-theme="golden-dark"] {
    color-scheme: dark;
    --color-base-100: #1c1917;
    --color-base-200: #292524;
    --color-base-300: #44403c;
    --color-base-content: #fde68a;
    --color-primary: #facc15;
    --color-primary-content: #1c1917;
    --color-secondary: #eab308;
    --color-secondary-content: #1c1917;
    --color-accent: #ca8a04;
    --color-accent-content: #ffffff;
    --color-neutral: #78350f;
    --color-neutral-content: #fde68a;
    --color-info: #38bdf8;
    --color-info-content: #1c1917;
    --color-success: #4ade80;
    --color-success-content: #1c1917;
    --color-warning: #fbbf24;
    --color-warning-content: #1c1917;
    --color-error: #f87171;
    --color-error-content: #1c1917;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=rose-dark]:checked),[data-theme="rose-dark"] {
    color-scheme: dark;
    --color-base-100: #260915;
    --color-base-200: #3c1021;
    --color-base-300: #51162d;
    --color-base-content: #fecdd3;
    --color-primary: #f472b6;
    --color-primary-content: #260915;
    --color-secondary: #e11d48;
    --color-secondary-content: #ffffff;
    --color-accent: #be185d;
    --color-accent-content: #ffffff;
    --color-neutral: #831843;
    --color-neutral-content: #fecdd3;
    --color-info: #38bdf8;
    --color-info-content: #260915;
    --color-success: #4ade80;
    --color-success-content: #260915;
    --color-warning: #fbbf24;
    --color-warning-content: #260915;
    --color-error: #f43f5e;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=indigo-dark]:checked),[data-theme="indigo-dark"] {
    color-scheme: dark;
    --color-base-100: #1e1b4b;
    --color-base-200: #312e71;
    --color-base-300: #4338ca;
    --color-base-content: #c7d2fe;
    --color-primary: #818cf8;
    --color-primary-content: #1e1b4b;
    --color-secondary: #6366f1;
    --color-secondary-content: #ffffff;
    --color-accent: #4f46e5;
    --color-accent-content: #ffffff;
    --color-neutral: #3730a3;
    --color-neutral-content: #c7d2fe;
    --color-info: #38bdf8;
    --color-info-content: #1e1b4b;
    --color-success: #4ade80;
    --color-success-content: #1e1b4b;
    --color-warning: #fbbf24;
    --color-warning-content: #1e1b4b;
    --color-error: #f87171;
    --color-error-content: #1e1b4b;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=teal-dark]:checked),[data-theme="teal-dark"] {
    color-scheme: dark;
    --color-base-100: #132a28;
    --color-base-200: #115e59;
    --color-base-300: #0f766e;
    --color-base-content: #99f6e4;
    --color-primary: #2dd4bf;
    --color-primary-content: #132a28;
    --color-secondary: #14b8a6;
    --color-secondary-content: #132a28;
    --color-accent: #0d9488;
    --color-accent-content: #ffffff;
    --color-neutral: #115e59;
    --color-neutral-content: #99f6e4;
    --color-info: #22d3ee;
    --color-info-content: #132a28;
    --color-success: #4ade80;
    --color-success-content: #132a28;
    --color-warning: #facc15;
    --color-warning-content: #132a28;
    --color-error: #f87171;
    --color-error-content: #132a28;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=amethyst-dark]:checked),[data-theme="amethyst-dark"] {
    color-scheme: dark;
    --color-base-100: #2e1065;
    --color-base-200: #4c1d95;
    --color-base-300: #5b21b6;
    --color-base-content: #ddd6fe;
    --color-primary: #a78bfa;
    --color-primary-content: #2e1065;
    --color-secondary: #8b5cf6;
    --color-secondary-content: #ffffff;
    --color-accent: #7c3aed;
    --color-accent-content: #ffffff;
    --color-neutral: #6d28d9;
    --color-neutral-content: #ddd6fe;
    --color-info: #60a5fa;
    --color-info-content: #2e1065;
    --color-success: #4ade80;
    --color-success-content: #2e1065;
    --color-warning: #facc15;
    --color-warning-content: #2e1065;
    --color-error: #f87171;
    --color-error-content: #2e1065;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=oceanic-depth]:checked),[data-theme="oceanic-depth"] {
    color-scheme: dark;
    --color-base-100: #0c2b64;
    --color-base-200: #1e3a8a;
    --color-base-300: #1d4ed8;
    --color-base-content: #dbeafe;
    --color-primary: #60a5fa;
    --color-primary-content: #0c2b64;
    --color-secondary: #3b82f6;
    --color-secondary-content: #ffffff;
    --color-accent: #2563eb;
    --color-accent-content: #ffffff;
    --color-neutral: #1e40af;
    --color-neutral-content: #dbeafe;
    --color-info: #38bdf8;
    --color-info-content: #0c2b64;
    --color-success: #4ade80;
    --color-success-content: #0c2b64;
    --color-warning: #facc15;
    --color-warning-content: #0c2b64;
    --color-error: #f87171;
    --color-error-content: #0c2b64;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=sunset-dark]:checked),[data-theme="sunset-dark"] {
    color-scheme: dark;
    --color-base-100: #451a03;
    --color-base-200: #7c2d12;
    --color-base-300: #9a3412;
    --color-base-content: #fed7aa;
    --color-primary: #fb923c;
    --color-primary-content: #451a03;
    --color-secondary: #f97316;
    --color-secondary-content: #ffffff;
    --color-accent: #ea580c;
    --color-accent-content: #ffffff;
    --color-neutral: #c2410c;
    --color-neutral-content: #fed7aa;
    --color-info: #60a5fa;
    --color-info-content: #451a03;
    --color-success: #4ade80;
    --color-success-content: #451a03;
    --color-warning: #fbbf24;
    --color-warning-content: #451a03;
    --color-error: #f87171;
    --color-error-content: #451a03;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=evergreen-dark]:checked),[data-theme="evergreen-dark"] {
    color-scheme: dark;
    --color-base-100: #14532d;
    --color-base-200: #166534;
    --color-base-300: #15803d;
    --color-base-content: #bbf7d0;
    --color-primary: #4ade80;
    --color-primary-content: #14532d;
    --color-secondary: #22c55e;
    --color-secondary-content: #14532d;
    --color-accent: #16a34a;
    --color-accent-content: #ffffff;
    --color-neutral: #16a34a;
    --color-neutral-content: #bbf7d0;
    --color-info: #38bdf8;
    --color-info-content: #14532d;
    --color-success: #84cc16;
    --color-success-content: #14532d;
    --color-warning: #facc15;
    --color-warning-content: #14532d;
    --color-error: #f87171;
    --color-error-content: #14532d;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=charcoal-gray]:checked),[data-theme="charcoal-gray"] {
    color-scheme: dark;
    --color-base-100: #171717;
    --color-base-200: #262626;
    --color-base-300: #404040;
    --color-base-content: #e5e5e5;
    --color-primary: #a3a3a3;
    --color-primary-content: #171717;
    --color-secondary: #737373;
    --color-secondary-content: #ffffff;
    --color-accent: #525252;
    --color-accent-content: #ffffff;
    --color-neutral: #525252;
    --color-neutral-content: #e5e5e5;
    --color-info: #38bdf8;
    --color-info-content: #171717;
    --color-success: #4ade80;
    --color-success-content: #171717;
    --color-warning: #facc15;
    --color-warning-content: #171717;
    --color-error: #f87171;
    --color-error-content: #171717;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=sapphire-blue]:checked),[data-theme="sapphire-blue"] {
    color-scheme: dark;
    --color-base-100: #0f1c4d;
    --color-base-200: #172a6f;
    --color-base-300: #1f3791;
    --color-base-content: #d4d9f7;
    --color-primary: #4169e1;
    --color-primary-content: #ffffff;
    --color-secondary: #6495ed;
    --color-secondary-content: #0f1c4d;
    --color-accent: #00008b;
    --color-accent-content: #ffffff;
    --color-neutral: #191970;
    --color-neutral-content: #d4d9f7;
    --color-info: #1e90ff;
    --color-info-content: #ffffff;
    --color-success: #3cb371;
    --color-success-content: #ffffff;
    --color-warning: #ffd700;
    --color-warning-content: #0f1c4d;
    --color-error: #dc143c;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=ruby-red]:checked),[data-theme="ruby-red"] {
    color-scheme: dark;
    --color-base-100: #3b0000;
    --color-base-200: #5c0000;
    --color-base-300: #7d0000;
    --color-base-content: #ffc4c4;
    --color-primary: #e0115f;
    --color-primary-content: #ffffff;
    --color-secondary: #ff5c8a;
    --color-secondary-content: #3b0000;
    --color-accent: #9b111e;
    --color-accent-content: #ffffff;
    --color-neutral: #8b0000;
    --color-neutral-content: #ffc4c4;
    --color-info: #4682b4;
    --color-info-content: #ffffff;
    --color-success: #32cd32;
    --color-success-content: #ffffff;
    --color-warning: #ff8c00;
    --color-warning-content: #3b0000;
    --color-error: #ff0000;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=olive-drab]:checked),[data-theme="olive-drab"] {
    color-scheme: dark;
    --color-base-100: #24281a;
    --color-base-200: #353b27;
    --color-base-300: #464e34;
    --color-base-content: #e1e4d9;
    --color-primary: #6b8e23;
    --color-primary-content: #ffffff;
    --color-secondary: #9acd32;
    --color-secondary-content: #24281a;
    --color-accent: #556b2f;
    --color-accent-content: #ffffff;
    --color-neutral: #808000;
    --color-neutral-content: #e1e4d9;
    --color-info: #20b2aa;
    --color-info-content: #ffffff;
    --color-success: #006400;
    --color-success-content: #ffffff;
    --color-warning: #daa520;
    --color-warning-content: #24281a;
    --color-error: #b22222;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=mocha-dark]:checked),[data-theme="mocha-dark"] {
    color-scheme: dark;
    --color-base-100: #1e1511;
    --color-base-200: #2d201a;
    --color-base-300: #3c2b23;
    --color-base-content: #e4d8d1;
    --color-primary: #8a6d5d;
    --color-primary-content: #1e1511;
    --color-secondary: #6f4e37;
    --color-secondary-content: #ffffff;
    --color-accent: #5d4037;
    --color-accent-content: #ffffff;
    --color-neutral: #4e342e;
    --color-neutral-content: #e4d8d1;
    --color-info: #546e7a;
    --color-info-content: #ffffff;
    --color-success: #66bb6a;
    --color-success-content: #1e1511;
    --color-warning: #ffa726;
    --color-warning-content: #1e1511;
    --color-error: #ef5350;
    --color-error-content: #1e1511;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=plum-velvet]:checked),[data-theme="plum-velvet"] {
    color-scheme: dark;
    --color-base-100: #2a0033;
    --color-base-200: #3d004a;
    --color-base-300: #500061;
    --color-base-content: #f3ccff;
    --color-primary: #dda0dd;
    --color-primary-content: #2a0033;
    --color-secondary: #ba55d3;
    --color-secondary-content: #ffffff;
    --color-accent: #8a2be2;
    --color-accent-content: #ffffff;
    --color-neutral: #4b0082;
    --color-neutral-content: #f3ccff;
    --color-info: #4169e1;
    --color-info-content: #ffffff;
    --color-success: #32cd32;
    --color-success-content: #ffffff;
    --color-warning: #ff8c00;
    --color-warning-content: #2a0033;
    --color-error: #ff00ff;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=carbon-fiber]:checked),[data-theme="carbon-fiber"] {
    color-scheme: dark;
    --color-base-100: #101010;
    --color-base-200: #181818;
    --color-base-300: #282828;
    --color-base-content: #b3b3b3;
    --color-primary: #757575;
    --color-primary-content: #101010;
    --color-secondary: #424242;
    --color-secondary-content: #ffffff;
    --color-accent: #00e5ff;
    --color-accent-content: #101010;
    --color-neutral: #333333;
    --color-neutral-content: #b3b3b3;
    --color-info: #00b0ff;
    --color-info-content: #101010;
    --color-success: #00c853;
    --color-success-content: #101010;
    --color-warning: #ffab00;
    --color-warning-content: #101010;
    --color-error: #ff1744;
    --color-error-content: #ffffff;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
  }
}
@layer base {
  :root:not(span) {
    overflow: var(--page-overflow);
  }
}
@layer base {
  :root {
    background: var(--page-scroll-bg, var(--root-bg));
    --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
    var(--root-bg, #0000);
    @supports (color: color-mix(in lab, red, red)) {
      --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
    color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
    }
    --page-scroll-transition-on: background-color 0.3s ease-out;
    transition: var(--page-scroll-transition);
    scrollbar-gutter: var(--page-scroll-gutter, unset);
    scrollbar-gutter: if(style(--page-has-scroll: 1): var(--page-scroll-gutter, unset) ; else: unset);
  }
  @keyframes set-page-has-scroll {
    0%, to {
      --page-has-scroll: 1;
    }
  }
}
@layer base {
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
}
@layer base {
  :root, [data-theme] {
    background: var(--page-scroll-bg, var(--root-bg));
    color: var(--color-base-content);
  }
  :where(:root, [data-theme]) {
    --root-bg: var(--color-base-100);
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes menu {
  0% {
    opacity: 0;
  }
}
@keyframes rotator {
  89.9999%, 100% {
    --first-item-position: 0 0%;
  }
  90%, 99.9999% {
    --first-item-position: 0 calc(var(--items) * 100%);
  }
  100% {
    translate: 0 -100%;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@layer base {
  :where(:root),:root:has(input.theme-controller[value=blue]:checked),[data-theme="blue"] {
    color-scheme: light;
    --color-base-100: #f5f7ff;
    --color-base-200: #e6ebff;
    --color-base-300: #d0d8ff;
    --color-base-content: #1a2250;
    --color-primary: #0d1a6b;
    --color-primary-content: #ffffff;
    --color-secondary: #3a6bc8;
    --color-secondary-content: #ffffff;
    --color-accent: #2e9f82;
    --color-accent-content: #ffffff;
    --color-neutral: #3d4266;
    --color-neutral-content: #ffffff;
    --color-info: #2563eb;
    --color-info-content: #ffffff;
    --color-success: #0d9d6e;
    --color-success-content: #ffffff;
    --color-warning: #f59e0b;
    --color-warning-content: #3e2a00;
    --color-error: #c52222;
    --color-error-content: #ffffff;
  }
}
@layer base {
  :root:has(input.theme-controller[value=blue-dark]:checked),[data-theme="blue-dark"] {
    color-scheme: dark;
    --color-base-100: #121826;
    --color-base-200: #1a2236;
    --color-base-300: #252f49;
    --color-base-content: #e3e8ff;
    --color-primary: #3a4da8;
    --color-primary-content: #f8faff;
    --color-secondary: #4d6bb3;
    --color-secondary-content: #f1f4ff;
    --color-accent: #3da58a;
    --color-accent-content: #effdf9;
    --color-neutral: #292d45;
    --color-neutral-content: #f1f3ff;
    --color-info: #2563eb;
    --color-info-content: #e8f0ff;
    --color-success: #059669;
    --color-success-content: #e6fff2;
    --color-warning: #eab308;
    --color-warning-content: #3e2a00;
    --color-error: #b91c1c;
    --color-error-content: #fde8e8;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-info-50: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-50: color-mix(in srgb, var(--color-info) 10%, black);
    }
    --color-info-100: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-100: color-mix(in srgb, var(--color-info) 20%, black);
    }
    --color-info-200: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-200: color-mix(in srgb, var(--color-info) 40%, black);
    }
    --color-info-300: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-300: color-mix(in srgb, var(--color-info) 60%, black);
    }
    --color-info-400: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-400: color-mix(in srgb, var(--color-info) 80%, black);
    }
    --color-info-500: var(--color-info);
    --color-info-600: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-600: color-mix(in srgb, var(--color-info) 80%, white);
    }
    --color-info-700: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-700: color-mix(in srgb, var(--color-info) 60%, white);
    }
    --color-info-800: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-800: color-mix(in srgb, var(--color-info) 40%, white);
    }
    --color-info-900: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-900: color-mix(in srgb, var(--color-info) 20%, white);
    }
    --color-info-950: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-950: color-mix(in srgb, var(--color-info) 10%, white);
    }
    --color-success-50: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-50: color-mix(in srgb, var(--color-success) 10%, black);
    }
    --color-success-100: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-100: color-mix(in srgb, var(--color-success) 20%, black);
    }
    --color-success-200: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-200: color-mix(in srgb, var(--color-success) 40%, black);
    }
    --color-success-300: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-300: color-mix(in srgb, var(--color-success) 60%, black);
    }
    --color-success-400: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-400: color-mix(in srgb, var(--color-success) 80%, black);
    }
    --color-success-500: var(--color-success);
    --color-success-600: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-600: color-mix(in srgb, var(--color-success) 80%, white);
    }
    --color-success-700: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-700: color-mix(in srgb, var(--color-success) 60%, white);
    }
    --color-success-800: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-800: color-mix(in srgb, var(--color-success) 40%, white);
    }
    --color-success-900: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-900: color-mix(in srgb, var(--color-success) 20%, white);
    }
    --color-success-950: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-950: color-mix(in srgb, var(--color-success) 10%, white);
    }
    --color-warning-50: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-50: color-mix(in srgb, var(--color-warning) 10%, black);
    }
    --color-warning-100: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-100: color-mix(in srgb, var(--color-warning) 20%, black);
    }
    --color-warning-200: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-200: color-mix(in srgb, var(--color-warning) 40%, black);
    }
    --color-warning-300: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-300: color-mix(in srgb, var(--color-warning) 60%, black);
    }
    --color-warning-400: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-400: color-mix(in srgb, var(--color-warning) 80%, black);
    }
    --color-warning-500: var(--color-warning);
    --color-warning-600: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-600: color-mix(in srgb, var(--color-warning) 80%, white);
    }
    --color-warning-700: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-700: color-mix(in srgb, var(--color-warning) 60%, white);
    }
    --color-warning-800: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-800: color-mix(in srgb, var(--color-warning) 40%, white);
    }
    --color-warning-900: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-900: color-mix(in srgb, var(--color-warning) 20%, white);
    }
    --color-warning-950: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-950: color-mix(in srgb, var(--color-warning) 10%, white);
    }
    --color-error-50: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-50: color-mix(in srgb, var(--color-error) 10%, black);
    }
    --color-error-100: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-100: color-mix(in srgb, var(--color-error) 20%, black);
    }
    --color-error-200: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-200: color-mix(in srgb, var(--color-error) 40%, black);
    }
    --color-error-300: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-300: color-mix(in srgb, var(--color-error) 60%, black);
    }
    --color-error-400: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-400: color-mix(in srgb, var(--color-error) 80%, black);
    }
    --color-error-500: var(--color-error);
    --color-error-600: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-600: color-mix(in srgb, var(--color-error) 80%, white);
    }
    --color-error-700: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-700: color-mix(in srgb, var(--color-error) 60%, white);
    }
    --color-error-800: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-800: color-mix(in srgb, var(--color-error) 40%, white);
    }
    --color-error-900: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-900: color-mix(in srgb, var(--color-error) 20%, white);
    }
    --color-error-950: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-950: color-mix(in srgb, var(--color-error) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=lylac]:checked),[data-theme="lylac"] {
    color-scheme: light;
    --color-base-100: #f9f7fc;
    --color-base-200: #efe8f7;
    --color-base-300: #dccaef;
    --color-base-content: #3e3156;
    --color-primary: #c8a2c8;
    --color-primary-content: #fdfdff;
    --color-secondary: #9076b4;
    --color-secondary-content: #f8faff;
    --color-accent: #7eba9e;
    --color-accent-content: #f9fefc;
    --color-neutral: #594b72;
    --color-neutral-content: #f8faff;
    --color-info: #7d99e0;
    --color-info-content: #f8faff;
    --color-success: #4caf92;
    --color-success-content: #f8faff;
    --color-warning: #f4c86a;
    --color-warning-content: #5a3e00;
    --color-error: #e57373;
    --color-error-content: #f8faff;
  }
}
@layer base {
  :root:has(input.theme-controller[value=lylac-dark]:checked),[data-theme="lylac-dark"] {
    color-scheme: dark;
    --color-base-100: #1a1b26;
    --color-base-200: #23243a;
    --color-base-300: #2e3050;
    --color-base-content: #dccaef;
    --color-primary: #9a74a7;
    --color-primary-content: #f5f2f7;
    --color-secondary: #735d87;
    --color-secondary-content: #f1eeff;
    --color-accent: #6da398;
    --color-accent-content: #f0ffff;
    --color-neutral: #423f52;
    --color-neutral-content: #ececec;
    --color-info: #5e81ac;
    --color-info-content: #f1f8ff;
    --color-success: #3a9d7d;
    --color-success-content: #f1fff5;
    --color-warning: #e4a11b;
    --color-warning-content: #2e1f00;
    --color-error: #d94352;
    --color-error-content: #fce8e8;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-info-50: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-50: color-mix(in srgb, var(--color-info) 10%, black);
    }
    --color-info-100: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-100: color-mix(in srgb, var(--color-info) 20%, black);
    }
    --color-info-200: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-200: color-mix(in srgb, var(--color-info) 40%, black);
    }
    --color-info-300: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-300: color-mix(in srgb, var(--color-info) 60%, black);
    }
    --color-info-400: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-400: color-mix(in srgb, var(--color-info) 80%, black);
    }
    --color-info-500: var(--color-info);
    --color-info-600: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-600: color-mix(in srgb, var(--color-info) 80%, white);
    }
    --color-info-700: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-700: color-mix(in srgb, var(--color-info) 60%, white);
    }
    --color-info-800: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-800: color-mix(in srgb, var(--color-info) 40%, white);
    }
    --color-info-900: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-900: color-mix(in srgb, var(--color-info) 20%, white);
    }
    --color-info-950: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-950: color-mix(in srgb, var(--color-info) 10%, white);
    }
    --color-success-50: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-50: color-mix(in srgb, var(--color-success) 10%, black);
    }
    --color-success-100: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-100: color-mix(in srgb, var(--color-success) 20%, black);
    }
    --color-success-200: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-200: color-mix(in srgb, var(--color-success) 40%, black);
    }
    --color-success-300: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-300: color-mix(in srgb, var(--color-success) 60%, black);
    }
    --color-success-400: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-400: color-mix(in srgb, var(--color-success) 80%, black);
    }
    --color-success-500: var(--color-success);
    --color-success-600: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-600: color-mix(in srgb, var(--color-success) 80%, white);
    }
    --color-success-700: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-700: color-mix(in srgb, var(--color-success) 60%, white);
    }
    --color-success-800: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-800: color-mix(in srgb, var(--color-success) 40%, white);
    }
    --color-success-900: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-900: color-mix(in srgb, var(--color-success) 20%, white);
    }
    --color-success-950: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-950: color-mix(in srgb, var(--color-success) 10%, white);
    }
    --color-warning-50: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-50: color-mix(in srgb, var(--color-warning) 10%, black);
    }
    --color-warning-100: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-100: color-mix(in srgb, var(--color-warning) 20%, black);
    }
    --color-warning-200: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-200: color-mix(in srgb, var(--color-warning) 40%, black);
    }
    --color-warning-300: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-300: color-mix(in srgb, var(--color-warning) 60%, black);
    }
    --color-warning-400: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-400: color-mix(in srgb, var(--color-warning) 80%, black);
    }
    --color-warning-500: var(--color-warning);
    --color-warning-600: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-600: color-mix(in srgb, var(--color-warning) 80%, white);
    }
    --color-warning-700: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-700: color-mix(in srgb, var(--color-warning) 60%, white);
    }
    --color-warning-800: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-800: color-mix(in srgb, var(--color-warning) 40%, white);
    }
    --color-warning-900: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-900: color-mix(in srgb, var(--color-warning) 20%, white);
    }
    --color-warning-950: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-950: color-mix(in srgb, var(--color-warning) 10%, white);
    }
    --color-error-50: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-50: color-mix(in srgb, var(--color-error) 10%, black);
    }
    --color-error-100: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-100: color-mix(in srgb, var(--color-error) 20%, black);
    }
    --color-error-200: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-200: color-mix(in srgb, var(--color-error) 40%, black);
    }
    --color-error-300: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-300: color-mix(in srgb, var(--color-error) 60%, black);
    }
    --color-error-400: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-400: color-mix(in srgb, var(--color-error) 80%, black);
    }
    --color-error-500: var(--color-error);
    --color-error-600: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-600: color-mix(in srgb, var(--color-error) 80%, white);
    }
    --color-error-700: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-700: color-mix(in srgb, var(--color-error) 60%, white);
    }
    --color-error-800: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-800: color-mix(in srgb, var(--color-error) 40%, white);
    }
    --color-error-900: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-900: color-mix(in srgb, var(--color-error) 20%, white);
    }
    --color-error-950: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-950: color-mix(in srgb, var(--color-error) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=lavender]:checked),[data-theme="lavender"] {
    color-scheme: light;
    --color-base-100: #fbfaff;
    --color-base-200: #f1eeff;
    --color-base-300: #ded7ff;
    --color-base-content: #3d315b;
    --color-primary: #e6e6fa;
    --color-primary-content: #3a3055;
    --color-secondary: #b39ddb;
    --color-secondary-content: #f8faff;
    --color-accent: #84a9ac;
    --color-accent-content: #f9fefc;
    --color-neutral: #5d5476;
    --color-neutral-content: #f8faff;
    --color-info: #7da6f8;
    --color-info-content: #f8faff;
    --color-success: #5dbb63;
    --color-success-content: #f8faff;
    --color-warning: #ffd56b;
    --color-warning-content: #5a3e00;
    --color-error: #ff6b6b;
    --color-error-content: #f8faff;
  }
}
@layer base {
  :root:has(input.theme-controller[value=lavender-dark]:checked),[data-theme="lavender-dark"] {
    color-scheme: dark;
    --color-base-100: #1a1b26;
    --color-base-200: #23243a;
    --color-base-300: #2e3050;
    --color-base-content: #e6e6fa;
    --color-primary: #8b5cf6;
    --color-primary-content: #f4f4ff;
    --color-secondary: #5a4f90;
    --color-secondary-content: #f1eeff;
    --color-accent: #489fb5;
    --color-accent-content: #f0ffff;
    --color-neutral: #3c3c56;
    --color-neutral-content: #ececec;
    --color-info: #3a86ff;
    --color-info-content: #f1f8ff;
    --color-success: #27ae60;
    --color-success-content: #f1fff5;
    --color-warning: #e4a11b;
    --color-warning-content: #2e1f00;
    --color-error: #e63946;
    --color-error-content: #fce8e8;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-info-50: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-50: color-mix(in srgb, var(--color-info) 10%, black);
    }
    --color-info-100: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-100: color-mix(in srgb, var(--color-info) 20%, black);
    }
    --color-info-200: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-200: color-mix(in srgb, var(--color-info) 40%, black);
    }
    --color-info-300: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-300: color-mix(in srgb, var(--color-info) 60%, black);
    }
    --color-info-400: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-400: color-mix(in srgb, var(--color-info) 80%, black);
    }
    --color-info-500: var(--color-info);
    --color-info-600: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-600: color-mix(in srgb, var(--color-info) 80%, white);
    }
    --color-info-700: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-700: color-mix(in srgb, var(--color-info) 60%, white);
    }
    --color-info-800: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-800: color-mix(in srgb, var(--color-info) 40%, white);
    }
    --color-info-900: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-900: color-mix(in srgb, var(--color-info) 20%, white);
    }
    --color-info-950: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-950: color-mix(in srgb, var(--color-info) 10%, white);
    }
    --color-success-50: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-50: color-mix(in srgb, var(--color-success) 10%, black);
    }
    --color-success-100: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-100: color-mix(in srgb, var(--color-success) 20%, black);
    }
    --color-success-200: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-200: color-mix(in srgb, var(--color-success) 40%, black);
    }
    --color-success-300: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-300: color-mix(in srgb, var(--color-success) 60%, black);
    }
    --color-success-400: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-400: color-mix(in srgb, var(--color-success) 80%, black);
    }
    --color-success-500: var(--color-success);
    --color-success-600: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-600: color-mix(in srgb, var(--color-success) 80%, white);
    }
    --color-success-700: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-700: color-mix(in srgb, var(--color-success) 60%, white);
    }
    --color-success-800: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-800: color-mix(in srgb, var(--color-success) 40%, white);
    }
    --color-success-900: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-900: color-mix(in srgb, var(--color-success) 20%, white);
    }
    --color-success-950: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-950: color-mix(in srgb, var(--color-success) 10%, white);
    }
    --color-warning-50: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-50: color-mix(in srgb, var(--color-warning) 10%, black);
    }
    --color-warning-100: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-100: color-mix(in srgb, var(--color-warning) 20%, black);
    }
    --color-warning-200: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-200: color-mix(in srgb, var(--color-warning) 40%, black);
    }
    --color-warning-300: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-300: color-mix(in srgb, var(--color-warning) 60%, black);
    }
    --color-warning-400: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-400: color-mix(in srgb, var(--color-warning) 80%, black);
    }
    --color-warning-500: var(--color-warning);
    --color-warning-600: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-600: color-mix(in srgb, var(--color-warning) 80%, white);
    }
    --color-warning-700: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-700: color-mix(in srgb, var(--color-warning) 60%, white);
    }
    --color-warning-800: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-800: color-mix(in srgb, var(--color-warning) 40%, white);
    }
    --color-warning-900: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-900: color-mix(in srgb, var(--color-warning) 20%, white);
    }
    --color-warning-950: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-950: color-mix(in srgb, var(--color-warning) 10%, white);
    }
    --color-error-50: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-50: color-mix(in srgb, var(--color-error) 10%, black);
    }
    --color-error-100: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-100: color-mix(in srgb, var(--color-error) 20%, black);
    }
    --color-error-200: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-200: color-mix(in srgb, var(--color-error) 40%, black);
    }
    --color-error-300: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-300: color-mix(in srgb, var(--color-error) 60%, black);
    }
    --color-error-400: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-400: color-mix(in srgb, var(--color-error) 80%, black);
    }
    --color-error-500: var(--color-error);
    --color-error-600: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-600: color-mix(in srgb, var(--color-error) 80%, white);
    }
    --color-error-700: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-700: color-mix(in srgb, var(--color-error) 60%, white);
    }
    --color-error-800: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-800: color-mix(in srgb, var(--color-error) 40%, white);
    }
    --color-error-900: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-900: color-mix(in srgb, var(--color-error) 20%, white);
    }
    --color-error-950: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-950: color-mix(in srgb, var(--color-error) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=burgundy]:checked),[data-theme="burgundy"] {
    color-scheme: light;
    --color-base-100: #f7f2f2;
    --color-base-200: #e8dcdc;
    --color-base-300: #d1b6b6;
    --color-base-content: #3f1b1b;
    --color-primary: #800020;
    --color-primary-content: #fff5f7;
    --color-secondary: #a0522d;
    --color-secondary-content: #fff9f5;
    --color-accent: #da627d;
    --color-accent-content: #fff9fa;
    --color-neutral: #5b3a3a;
    --color-neutral-content: #fff6f6;
    --color-info: #3b82f6;
    --color-info-content: #f8faff;
    --color-success: #0faa6d;
    --color-success-content: #f8fff9;
    --color-warning: #e9a21b;
    --color-warning-content: #4a2e00;
    --color-error: #c53030;
    --color-error-content: #fff5f5;
  }
}
@layer base {
  :root:has(input.theme-controller[value=burgundy-dark]:checked),[data-theme="burgundy-dark"] {
    color-scheme: dark;
    --color-base-100: #1b1414;
    --color-base-200: #2a1e1e;
    --color-base-300: #3d2c2c;
    --color-base-content: #f2dada;
    --color-primary: #800020;
    --color-primary-content: #fde8e8;
    --color-secondary: #8a4b3c;
    --color-secondary-content: #f9e6e2;
    --color-accent: #bf5f82;
    --color-accent-content: #faf0f3;
    --color-neutral: #443131;
    --color-neutral-content: #fce9e9;
    --color-info: #2563eb;
    --color-info-content: #e8f0ff;
    --color-success: #108d5a;
    --color-success-content: #e8fff3;
    --color-warning: #d99205;
    --color-warning-content: #3d2700;
    --color-error: #a62a2a;
    --color-error-content: #fce8e8;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-info-50: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-50: color-mix(in srgb, var(--color-info) 10%, black);
    }
    --color-info-100: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-100: color-mix(in srgb, var(--color-info) 20%, black);
    }
    --color-info-200: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-200: color-mix(in srgb, var(--color-info) 40%, black);
    }
    --color-info-300: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-300: color-mix(in srgb, var(--color-info) 60%, black);
    }
    --color-info-400: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-400: color-mix(in srgb, var(--color-info) 80%, black);
    }
    --color-info-500: var(--color-info);
    --color-info-600: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-600: color-mix(in srgb, var(--color-info) 80%, white);
    }
    --color-info-700: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-700: color-mix(in srgb, var(--color-info) 60%, white);
    }
    --color-info-800: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-800: color-mix(in srgb, var(--color-info) 40%, white);
    }
    --color-info-900: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-900: color-mix(in srgb, var(--color-info) 20%, white);
    }
    --color-info-950: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-950: color-mix(in srgb, var(--color-info) 10%, white);
    }
    --color-success-50: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-50: color-mix(in srgb, var(--color-success) 10%, black);
    }
    --color-success-100: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-100: color-mix(in srgb, var(--color-success) 20%, black);
    }
    --color-success-200: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-200: color-mix(in srgb, var(--color-success) 40%, black);
    }
    --color-success-300: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-300: color-mix(in srgb, var(--color-success) 60%, black);
    }
    --color-success-400: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-400: color-mix(in srgb, var(--color-success) 80%, black);
    }
    --color-success-500: var(--color-success);
    --color-success-600: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-600: color-mix(in srgb, var(--color-success) 80%, white);
    }
    --color-success-700: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-700: color-mix(in srgb, var(--color-success) 60%, white);
    }
    --color-success-800: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-800: color-mix(in srgb, var(--color-success) 40%, white);
    }
    --color-success-900: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-900: color-mix(in srgb, var(--color-success) 20%, white);
    }
    --color-success-950: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-950: color-mix(in srgb, var(--color-success) 10%, white);
    }
    --color-warning-50: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-50: color-mix(in srgb, var(--color-warning) 10%, black);
    }
    --color-warning-100: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-100: color-mix(in srgb, var(--color-warning) 20%, black);
    }
    --color-warning-200: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-200: color-mix(in srgb, var(--color-warning) 40%, black);
    }
    --color-warning-300: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-300: color-mix(in srgb, var(--color-warning) 60%, black);
    }
    --color-warning-400: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-400: color-mix(in srgb, var(--color-warning) 80%, black);
    }
    --color-warning-500: var(--color-warning);
    --color-warning-600: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-600: color-mix(in srgb, var(--color-warning) 80%, white);
    }
    --color-warning-700: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-700: color-mix(in srgb, var(--color-warning) 60%, white);
    }
    --color-warning-800: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-800: color-mix(in srgb, var(--color-warning) 40%, white);
    }
    --color-warning-900: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-900: color-mix(in srgb, var(--color-warning) 20%, white);
    }
    --color-warning-950: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-950: color-mix(in srgb, var(--color-warning) 10%, white);
    }
    --color-error-50: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-50: color-mix(in srgb, var(--color-error) 10%, black);
    }
    --color-error-100: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-100: color-mix(in srgb, var(--color-error) 20%, black);
    }
    --color-error-200: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-200: color-mix(in srgb, var(--color-error) 40%, black);
    }
    --color-error-300: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-300: color-mix(in srgb, var(--color-error) 60%, black);
    }
    --color-error-400: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-400: color-mix(in srgb, var(--color-error) 80%, black);
    }
    --color-error-500: var(--color-error);
    --color-error-600: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-600: color-mix(in srgb, var(--color-error) 80%, white);
    }
    --color-error-700: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-700: color-mix(in srgb, var(--color-error) 60%, white);
    }
    --color-error-800: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-800: color-mix(in srgb, var(--color-error) 40%, white);
    }
    --color-error-900: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-900: color-mix(in srgb, var(--color-error) 20%, white);
    }
    --color-error-950: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-950: color-mix(in srgb, var(--color-error) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=aqua]:checked),[data-theme="aqua"] {
    color-scheme: light;
    --color-base-100: #f2fefe;
    --color-base-200: #dfffff;
    --color-base-300: #b3f5f5;
    --color-base-content: #004a4a;
    --color-primary: #00a3a3;
    --color-primary-content: #f2ffff;
    --color-secondary: #007f7f;
    --color-secondary-content: #ecffff;
    --color-accent: #00c4b3;
    --color-accent-content: #f2fffc;
    --color-neutral: #4a7a7a;
    --color-neutral-content: #f2ffff;
    --color-info: #3b82f6;
    --color-info-content: #f8faff;
    --color-success: #10b981;
    --color-success-content: #f8fff9;
    --color-warning: #eab308;
    --color-warning-content: #3d2a00;
    --color-error: #dc2626;
    --color-error-content: #fff5f5;
    --radius-selector: 1rem;
    --radius-field: 0.5rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-info-50: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-50: color-mix(in srgb, var(--color-info) 10%, black);
    }
    --color-info-100: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-100: color-mix(in srgb, var(--color-info) 20%, black);
    }
    --color-info-200: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-200: color-mix(in srgb, var(--color-info) 40%, black);
    }
    --color-info-300: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-300: color-mix(in srgb, var(--color-info) 60%, black);
    }
    --color-info-400: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-400: color-mix(in srgb, var(--color-info) 80%, black);
    }
    --color-info-500: var(--color-info);
    --color-info-600: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-600: color-mix(in srgb, var(--color-info) 80%, white);
    }
    --color-info-700: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-700: color-mix(in srgb, var(--color-info) 60%, white);
    }
    --color-info-800: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-800: color-mix(in srgb, var(--color-info) 40%, white);
    }
    --color-info-900: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-900: color-mix(in srgb, var(--color-info) 20%, white);
    }
    --color-info-950: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-950: color-mix(in srgb, var(--color-info) 10%, white);
    }
    --color-success-50: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-50: color-mix(in srgb, var(--color-success) 10%, black);
    }
    --color-success-100: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-100: color-mix(in srgb, var(--color-success) 20%, black);
    }
    --color-success-200: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-200: color-mix(in srgb, var(--color-success) 40%, black);
    }
    --color-success-300: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-300: color-mix(in srgb, var(--color-success) 60%, black);
    }
    --color-success-400: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-400: color-mix(in srgb, var(--color-success) 80%, black);
    }
    --color-success-500: var(--color-success);
    --color-success-600: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-600: color-mix(in srgb, var(--color-success) 80%, white);
    }
    --color-success-700: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-700: color-mix(in srgb, var(--color-success) 60%, white);
    }
    --color-success-800: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-800: color-mix(in srgb, var(--color-success) 40%, white);
    }
    --color-success-900: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-900: color-mix(in srgb, var(--color-success) 20%, white);
    }
    --color-success-950: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-950: color-mix(in srgb, var(--color-success) 10%, white);
    }
    --color-warning-50: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-50: color-mix(in srgb, var(--color-warning) 10%, black);
    }
    --color-warning-100: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-100: color-mix(in srgb, var(--color-warning) 20%, black);
    }
    --color-warning-200: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-200: color-mix(in srgb, var(--color-warning) 40%, black);
    }
    --color-warning-300: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-300: color-mix(in srgb, var(--color-warning) 60%, black);
    }
    --color-warning-400: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-400: color-mix(in srgb, var(--color-warning) 80%, black);
    }
    --color-warning-500: var(--color-warning);
    --color-warning-600: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-600: color-mix(in srgb, var(--color-warning) 80%, white);
    }
    --color-warning-700: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-700: color-mix(in srgb, var(--color-warning) 60%, white);
    }
    --color-warning-800: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-800: color-mix(in srgb, var(--color-warning) 40%, white);
    }
    --color-warning-900: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-900: color-mix(in srgb, var(--color-warning) 20%, white);
    }
    --color-warning-950: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-950: color-mix(in srgb, var(--color-warning) 10%, white);
    }
    --color-error-50: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-50: color-mix(in srgb, var(--color-error) 10%, black);
    }
    --color-error-100: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-100: color-mix(in srgb, var(--color-error) 20%, black);
    }
    --color-error-200: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-200: color-mix(in srgb, var(--color-error) 40%, black);
    }
    --color-error-300: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-300: color-mix(in srgb, var(--color-error) 60%, black);
    }
    --color-error-400: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-400: color-mix(in srgb, var(--color-error) 80%, black);
    }
    --color-error-500: var(--color-error);
    --color-error-600: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-600: color-mix(in srgb, var(--color-error) 80%, white);
    }
    --color-error-700: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-700: color-mix(in srgb, var(--color-error) 60%, white);
    }
    --color-error-800: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-800: color-mix(in srgb, var(--color-error) 40%, white);
    }
    --color-error-900: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-900: color-mix(in srgb, var(--color-error) 20%, white);
    }
    --color-error-950: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-950: color-mix(in srgb, var(--color-error) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=aqua-dark]:checked),[data-theme="aqua-dark"] {
    color-scheme: dark;
    --color-base-100: #0a1e1e;
    --color-base-200: #123232;
    --color-base-300: #1b4a4a;
    --color-base-content: #c8f5f5;
    --color-primary: #00a3a3;
    --color-primary-content: #e0ffff;
    --color-secondary: #007272;
    --color-secondary-content: #dffaf9;
    --color-accent: #00b7a3;
    --color-accent-content: #e5fffb;
    --color-neutral: #305555;
    --color-neutral-content: #e0ffff;
    --color-info: #2563eb;
    --color-info-content: #e8f0ff;
    --color-success: #059669;
    --color-success-content: #e8fff3;
    --color-warning: #d99205;
    --color-warning-content: #3d2700;
    --color-error: #b91c1c;
    --color-error-content: #fce8e8;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-info-50: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-50: color-mix(in srgb, var(--color-info) 10%, black);
    }
    --color-info-100: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-100: color-mix(in srgb, var(--color-info) 20%, black);
    }
    --color-info-200: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-200: color-mix(in srgb, var(--color-info) 40%, black);
    }
    --color-info-300: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-300: color-mix(in srgb, var(--color-info) 60%, black);
    }
    --color-info-400: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-400: color-mix(in srgb, var(--color-info) 80%, black);
    }
    --color-info-500: var(--color-info);
    --color-info-600: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-600: color-mix(in srgb, var(--color-info) 80%, white);
    }
    --color-info-700: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-700: color-mix(in srgb, var(--color-info) 60%, white);
    }
    --color-info-800: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-800: color-mix(in srgb, var(--color-info) 40%, white);
    }
    --color-info-900: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-900: color-mix(in srgb, var(--color-info) 20%, white);
    }
    --color-info-950: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-950: color-mix(in srgb, var(--color-info) 10%, white);
    }
    --color-success-50: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-50: color-mix(in srgb, var(--color-success) 10%, black);
    }
    --color-success-100: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-100: color-mix(in srgb, var(--color-success) 20%, black);
    }
    --color-success-200: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-200: color-mix(in srgb, var(--color-success) 40%, black);
    }
    --color-success-300: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-300: color-mix(in srgb, var(--color-success) 60%, black);
    }
    --color-success-400: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-400: color-mix(in srgb, var(--color-success) 80%, black);
    }
    --color-success-500: var(--color-success);
    --color-success-600: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-600: color-mix(in srgb, var(--color-success) 80%, white);
    }
    --color-success-700: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-700: color-mix(in srgb, var(--color-success) 60%, white);
    }
    --color-success-800: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-800: color-mix(in srgb, var(--color-success) 40%, white);
    }
    --color-success-900: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-900: color-mix(in srgb, var(--color-success) 20%, white);
    }
    --color-success-950: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-950: color-mix(in srgb, var(--color-success) 10%, white);
    }
    --color-warning-50: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-50: color-mix(in srgb, var(--color-warning) 10%, black);
    }
    --color-warning-100: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-100: color-mix(in srgb, var(--color-warning) 20%, black);
    }
    --color-warning-200: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-200: color-mix(in srgb, var(--color-warning) 40%, black);
    }
    --color-warning-300: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-300: color-mix(in srgb, var(--color-warning) 60%, black);
    }
    --color-warning-400: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-400: color-mix(in srgb, var(--color-warning) 80%, black);
    }
    --color-warning-500: var(--color-warning);
    --color-warning-600: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-600: color-mix(in srgb, var(--color-warning) 80%, white);
    }
    --color-warning-700: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-700: color-mix(in srgb, var(--color-warning) 60%, white);
    }
    --color-warning-800: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-800: color-mix(in srgb, var(--color-warning) 40%, white);
    }
    --color-warning-900: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-900: color-mix(in srgb, var(--color-warning) 20%, white);
    }
    --color-warning-950: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-950: color-mix(in srgb, var(--color-warning) 10%, white);
    }
    --color-error-50: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-50: color-mix(in srgb, var(--color-error) 10%, black);
    }
    --color-error-100: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-100: color-mix(in srgb, var(--color-error) 20%, black);
    }
    --color-error-200: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-200: color-mix(in srgb, var(--color-error) 40%, black);
    }
    --color-error-300: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-300: color-mix(in srgb, var(--color-error) 60%, black);
    }
    --color-error-400: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-400: color-mix(in srgb, var(--color-error) 80%, black);
    }
    --color-error-500: var(--color-error);
    --color-error-600: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-600: color-mix(in srgb, var(--color-error) 80%, white);
    }
    --color-error-700: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-700: color-mix(in srgb, var(--color-error) 60%, white);
    }
    --color-error-800: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-800: color-mix(in srgb, var(--color-error) 40%, white);
    }
    --color-error-900: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-900: color-mix(in srgb, var(--color-error) 20%, white);
    }
    --color-error-950: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-950: color-mix(in srgb, var(--color-error) 10%, white);
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=navy]:checked),[data-theme="navy"] {
    color-scheme: light;
    --color-base-100: #f5f7fa;
    --color-base-200: #e2e8f0;
    --color-base-300: #cbd5e1;
    --color-base-content: #1a2a47;
    --color-primary: #001f3f;
    --color-primary-content: #f8faff;
    --color-secondary: #3b5998;
    --color-secondary-content: #f8faff;
    --color-accent: #0088cc;
    --color-accent-content: #f2faff;
    --color-neutral: #3b4252;
    --color-neutral-content: #f8faff;
    --color-info: #2563eb;
    --color-info-content: #f8faff;
    --color-success: #059669;
    --color-success-content: #f8fff9;
    --color-warning: #d97706;
    --color-warning-content: #3d2400;
    --color-error: #dc2626;
    --color-error-content: #fff5f5;
  }
}
@layer base {
  :root:has(input.theme-controller[value=navy-dark]:checked),[data-theme="navy-dark"] {
    color-scheme: dark;
    --color-base-100: #0a0f1a;
    --color-base-200: #101826;
    --color-base-300: #192336;
    --color-base-content: #dce1ef;
    --color-primary: #001f3f;
    --color-primary-content: #e0e6f8;
    --color-secondary: #2a4b7c;
    --color-secondary-content: #dff2ff;
    --color-accent: #006fbb;
    --color-accent-content: #e5f5ff;
    --color-neutral: #253041;
    --color-neutral-content: #e0e6f8;
    --color-info: #1e40af;
    --color-info-content: #e8f0ff;
    --color-success: #047857;
    --color-success-content: #e8fff3;
    --color-warning: #b45309;
    --color-warning-content: #3d2700;
    --color-error: #991b1b;
    --color-error-content: #fce8e8;
    --color-primary-50: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-50: color-mix(in srgb, var(--color-primary) 10%, black);
    }
    --color-primary-100: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-100: color-mix(in srgb, var(--color-primary) 20%, black);
    }
    --color-primary-200: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-200: color-mix(in srgb, var(--color-primary) 40%, black);
    }
    --color-primary-300: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-300: color-mix(in srgb, var(--color-primary) 60%, black);
    }
    --color-primary-400: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-400: color-mix(in srgb, var(--color-primary) 80%, black);
    }
    --color-primary-500: var(--color-primary);
    --color-primary-600: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-600: color-mix(in srgb, var(--color-primary) 80%, white);
    }
    --color-primary-700: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-700: color-mix(in srgb, var(--color-primary) 60%, white);
    }
    --color-primary-800: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-800: color-mix(in srgb, var(--color-primary) 40%, white);
    }
    --color-primary-900: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-900: color-mix(in srgb, var(--color-primary) 20%, white);
    }
    --color-primary-950: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-primary-950: color-mix(in srgb, var(--color-primary) 10%, white);
    }
    --color-secondary-50: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-50: color-mix(in srgb, var(--color-secondary) 10%, black);
    }
    --color-secondary-100: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-100: color-mix(in srgb, var(--color-secondary) 20%, black);
    }
    --color-secondary-200: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-200: color-mix(in srgb, var(--color-secondary) 40%, black);
    }
    --color-secondary-300: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-300: color-mix(in srgb, var(--color-secondary) 60%, black);
    }
    --color-secondary-400: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-400: color-mix(in srgb, var(--color-secondary) 80%, black);
    }
    --color-secondary-500: var(--color-secondary);
    --color-secondary-600: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-600: color-mix(in srgb, var(--color-secondary) 80%, white);
    }
    --color-secondary-700: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-700: color-mix(in srgb, var(--color-secondary) 60%, white);
    }
    --color-secondary-800: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-800: color-mix(in srgb, var(--color-secondary) 40%, white);
    }
    --color-secondary-900: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-900: color-mix(in srgb, var(--color-secondary) 20%, white);
    }
    --color-secondary-950: var(--color-secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --color-secondary-950: color-mix(in srgb, var(--color-secondary) 10%, white);
    }
    --color-accent-50: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-50: color-mix(in srgb, var(--color-accent) 10%, black);
    }
    --color-accent-100: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-100: color-mix(in srgb, var(--color-accent) 20%, black);
    }
    --color-accent-200: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-200: color-mix(in srgb, var(--color-accent) 40%, black);
    }
    --color-accent-300: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-300: color-mix(in srgb, var(--color-accent) 60%, black);
    }
    --color-accent-400: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-400: color-mix(in srgb, var(--color-accent) 80%, black);
    }
    --color-accent-500: var(--color-accent);
    --color-accent-600: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-600: color-mix(in srgb, var(--color-accent) 80%, white);
    }
    --color-accent-700: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-700: color-mix(in srgb, var(--color-accent) 60%, white);
    }
    --color-accent-800: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-800: color-mix(in srgb, var(--color-accent) 40%, white);
    }
    --color-accent-900: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-900: color-mix(in srgb, var(--color-accent) 20%, white);
    }
    --color-accent-950: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-accent-950: color-mix(in srgb, var(--color-accent) 10%, white);
    }
    --color-neutral-50: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-50: color-mix(in srgb, var(--color-neutral) 10%, black);
    }
    --color-neutral-100: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-100: color-mix(in srgb, var(--color-neutral) 20%, black);
    }
    --color-neutral-200: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-200: color-mix(in srgb, var(--color-neutral) 40%, black);
    }
    --color-neutral-300: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-300: color-mix(in srgb, var(--color-neutral) 60%, black);
    }
    --color-neutral-400: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-400: color-mix(in srgb, var(--color-neutral) 80%, black);
    }
    --color-neutral-500: var(--color-neutral);
    --color-neutral-600: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-600: color-mix(in srgb, var(--color-neutral) 80%, white);
    }
    --color-neutral-700: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-700: color-mix(in srgb, var(--color-neutral) 60%, white);
    }
    --color-neutral-800: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-800: color-mix(in srgb, var(--color-neutral) 40%, white);
    }
    --color-neutral-900: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-900: color-mix(in srgb, var(--color-neutral) 20%, white);
    }
    --color-neutral-950: var(--color-neutral);
    @supports (color: color-mix(in lab, red, red)) {
      --color-neutral-950: color-mix(in srgb, var(--color-neutral) 10%, white);
    }
    --color-info-50: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-50: color-mix(in srgb, var(--color-info) 10%, black);
    }
    --color-info-100: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-100: color-mix(in srgb, var(--color-info) 20%, black);
    }
    --color-info-200: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-200: color-mix(in srgb, var(--color-info) 40%, black);
    }
    --color-info-300: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-300: color-mix(in srgb, var(--color-info) 60%, black);
    }
    --color-info-400: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-400: color-mix(in srgb, var(--color-info) 80%, black);
    }
    --color-info-500: var(--color-info);
    --color-info-600: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-600: color-mix(in srgb, var(--color-info) 80%, white);
    }
    --color-info-700: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-700: color-mix(in srgb, var(--color-info) 60%, white);
    }
    --color-info-800: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-800: color-mix(in srgb, var(--color-info) 40%, white);
    }
    --color-info-900: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-900: color-mix(in srgb, var(--color-info) 20%, white);
    }
    --color-info-950: var(--color-info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-950: color-mix(in srgb, var(--color-info) 10%, white);
    }
    --color-success-50: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-50: color-mix(in srgb, var(--color-success) 10%, black);
    }
    --color-success-100: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-100: color-mix(in srgb, var(--color-success) 20%, black);
    }
    --color-success-200: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-200: color-mix(in srgb, var(--color-success) 40%, black);
    }
    --color-success-300: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-300: color-mix(in srgb, var(--color-success) 60%, black);
    }
    --color-success-400: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-400: color-mix(in srgb, var(--color-success) 80%, black);
    }
    --color-success-500: var(--color-success);
    --color-success-600: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-600: color-mix(in srgb, var(--color-success) 80%, white);
    }
    --color-success-700: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-700: color-mix(in srgb, var(--color-success) 60%, white);
    }
    --color-success-800: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-800: color-mix(in srgb, var(--color-success) 40%, white);
    }
    --color-success-900: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-900: color-mix(in srgb, var(--color-success) 20%, white);
    }
    --color-success-950: var(--color-success);
    @supports (color: color-mix(in lab, red, red)) {
      --color-success-950: color-mix(in srgb, var(--color-success) 10%, white);
    }
    --color-warning-50: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-50: color-mix(in srgb, var(--color-warning) 10%, black);
    }
    --color-warning-100: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-100: color-mix(in srgb, var(--color-warning) 20%, black);
    }
    --color-warning-200: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-200: color-mix(in srgb, var(--color-warning) 40%, black);
    }
    --color-warning-300: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-300: color-mix(in srgb, var(--color-warning) 60%, black);
    }
    --color-warning-400: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-400: color-mix(in srgb, var(--color-warning) 80%, black);
    }
    --color-warning-500: var(--color-warning);
    --color-warning-600: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-600: color-mix(in srgb, var(--color-warning) 80%, white);
    }
    --color-warning-700: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-700: color-mix(in srgb, var(--color-warning) 60%, white);
    }
    --color-warning-800: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-800: color-mix(in srgb, var(--color-warning) 40%, white);
    }
    --color-warning-900: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-900: color-mix(in srgb, var(--color-warning) 20%, white);
    }
    --color-warning-950: var(--color-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --color-warning-950: color-mix(in srgb, var(--color-warning) 10%, white);
    }
    --color-error-50: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-50: color-mix(in srgb, var(--color-error) 10%, black);
    }
    --color-error-100: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-100: color-mix(in srgb, var(--color-error) 20%, black);
    }
    --color-error-200: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-200: color-mix(in srgb, var(--color-error) 40%, black);
    }
    --color-error-300: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-300: color-mix(in srgb, var(--color-error) 60%, black);
    }
    --color-error-400: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-400: color-mix(in srgb, var(--color-error) 80%, black);
    }
    --color-error-500: var(--color-error);
    --color-error-600: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-600: color-mix(in srgb, var(--color-error) 80%, white);
    }
    --color-error-700: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-700: color-mix(in srgb, var(--color-error) 60%, white);
    }
    --color-error-800: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-800: color-mix(in srgb, var(--color-error) 40%, white);
    }
    --color-error-900: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-900: color-mix(in srgb, var(--color-error) 20%, white);
    }
    --color-error-950: var(--color-error);
    @supports (color: color-mix(in lab, red, red)) {
      --color-error-950: color-mix(in srgb, var(--color-error) 10%, white);
    }
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@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-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-font-weight: initial;
      --tw-tracking: 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-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;
    }
  }
}