/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.8e0177b5.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.b97b3418.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.853070df.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_8d43a2aa.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.c1fdd6c2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.799d8ef8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.dbea232f.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}

@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: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-300: #ffa3a3;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-red-900: #82181a;
    --color-orange-500: #fe6e00;
    --color-orange-600: #f05100;
    --color-orange-700: #c53c00;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-800: #953d00;
    --color-yellow-100: #fef9c2;
    --color-yellow-200: #fff085;
    --color-yellow-500: #edb200;
    --color-yellow-800: #874b00;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #b9f8cf;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-green-800: #016630;
    --color-green-900: #0d542b;
    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bedbff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-blue-800: #193cb8;
    --color-blue-900: #1c398e;
    --color-purple-500: #ac4bff;
    --color-purple-600: #9810fa;
    --color-purple-700: #8200da;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-800: #1e2939;
    --color-gray-900: #101828;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18511 1.52329);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-300: lab(76.5514% 36.4219 15.5335);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-red-900: lab(28.5139% 44.5539 29.0463);
      --color-orange-500: lab(64.272% 57.1788 90.3583);
      --color-orange-600: lab(57.1026% 64.2584 89.8886);
      --color-orange-700: lab(46.4615% 57.7275 70.8507);
      --color-amber-50: lab(98.6252% -.635982 8.42309);
      --color-amber-100: lab(95.916% -1.2165 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-800: lab(37.8823% 37.1699 52.2718);
      --color-yellow-100: lab(97.3564% -4.51407 27.344);
      --color-yellow-200: lab(94.3433% -5.00426 52.9663);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-yellow-800: lab(38.7484% 23.5833 51.4916);
      --color-green-50: lab(98.1563% -5.60117 2.75913);
      --color-green-100: lab(96.186% -13.8464 6.52362);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8072);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-green-900: lab(30.797% -29.6927 17.382);
      --color-blue-50: lab(96.492% -1.14647 -5.11479);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-200: lab(86.15% -4.04379 -21.0797);
      --color-blue-500: lab(54.1736% 13.3368 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-blue-800: lab(30.2514% 27.7854 -70.2699);
      --color-blue-900: lab(26.1542% 15.7545 -51.5504);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-purple-600: lab(43.0295% 75.21 -86.5669);
      --color-purple-700: lab(36.1758% 69.8525 -80.0381);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.082314 -1.13575);
      --color-gray-200: lab(91.6229% -.159085 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17474);
      --color-gray-500: lab(47.7841% -.393212 -10.0268);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-gray-900: lab(8.11897% .811279 -12.254);
    }
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 221.2 83.2% 53.3%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96%;
    --secondary-foreground: 222.2 84% 4.9%;
    --muted: 210 40% 96%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 210 40% 96%;
    --accent-foreground: 222.2 84% 4.9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 221.2 83.2% 53.3%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: .5rem;
  }

  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 222.2 84% 4.9%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 224.3 76.3% 94.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
  }

  :where(:root), [data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f8f8f8;
    --color-base-300: #eee;
    --color-base-content: #18181b;
    --color-primary: #422ad5;
    --color-primary-content: #e0e7ff;
    --color-secondary: #f43098;
    --color-secondary-content: #f9e4f0;
    --color-accent: #00d1bb;
    --color-accent-content: #084d49;
    --color-neutral: #09090b;
    --color-neutral-content: #e4e4e7;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #00d193;
    --color-success-content: #004c39;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff657f;
    --color-error-content: #4d0218;
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :where(:root), [data-theme="light"] {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(97.68% -.0000298023 .0000119209);
      --color-base-300: lab(94.2% 0 0);
      --color-base-content: lab(8.30603% .618212 -2.16573);
      --color-primary: lab(31.573% 49.867 -84.7065);
      --color-primary-content: lab(91.6577% 1.04591 -12.7199);
      --color-secondary: lab(56.234% 76.7852 -8.06803);
      --color-secondary-content: lab(92.6584% 9.01154 -3.15071);
      --color-accent: lab(75.1988% -53.3697 -2.27785);
      --color-accent-content: lab(28.81% -21.4781 -3.59725);
      --color-neutral: lab(2.45787% .239417 -.873864);
      --color-neutral-content: lab(90.6853% .399202 -1.45452);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25945 -21.1512);
      --color-success: lab(74.4967% -60.7579 19.4189);
      --color-success-content: lab(27.9355% -26.9592 5.46191);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(64.1803% 63.0275 19.2122);
      --color-error-content: lab(14.1162% 34.0067 9.81536);
    }
  }

  :root:has(input.theme-controller[value="light"]:checked) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f8f8f8;
    --color-base-300: #eee;
    --color-base-content: #18181b;
    --color-primary: #422ad5;
    --color-primary-content: #e0e7ff;
    --color-secondary: #f43098;
    --color-secondary-content: #f9e4f0;
    --color-accent: #00d1bb;
    --color-accent-content: #084d49;
    --color-neutral: #09090b;
    --color-neutral-content: #e4e4e7;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #00d193;
    --color-success-content: #004c39;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff657f;
    --color-error-content: #4d0218;
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :root:has(input.theme-controller[value="light"]:checked) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(97.68% -.0000298023 .0000119209);
      --color-base-300: lab(94.2% 0 0);
      --color-base-content: lab(8.30603% .618212 -2.16573);
      --color-primary: lab(31.573% 49.867 -84.7065);
      --color-primary-content: lab(91.6577% 1.04591 -12.7199);
      --color-secondary: lab(56.234% 76.7852 -8.06803);
      --color-secondary-content: lab(92.6584% 9.01154 -3.15071);
      --color-accent: lab(75.1988% -53.3697 -2.27785);
      --color-accent-content: lab(28.81% -21.4781 -3.59725);
      --color-neutral: lab(2.45787% .239417 -.873864);
      --color-neutral-content: lab(90.6853% .399202 -1.45452);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25945 -21.1512);
      --color-success: lab(74.4967% -60.7579 19.4189);
      --color-success-content: lab(27.9355% -26.9592 5.46191);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(64.1803% 63.0275 19.2122);
      --color-error-content: lab(14.1162% 34.0067 9.81536);
    }
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
      --color-base-100: #1d232a;
      --color-base-200: #191e24;
      --color-base-300: #15191e;
      --color-base-content: #f2f8ff;
      --color-primary: #605dff;
      --color-primary-content: #edf1fe;
      --color-secondary: #f43098;
      --color-secondary-content: #f9e4f0;
      --color-accent: #00d1bb;
      --color-accent-content: #084d49;
      --color-neutral: #09090b;
      --color-neutral-content: #e4e4e7;
      --color-info: #00bafc;
      --color-info-content: #042e49;
      --color-success: #00d193;
      --color-success-content: #004c39;
      --color-warning: #f9b800;
      --color-warning-content: #793205;
      --color-error: #ff657f;
      --color-error-content: #4d0218;
      --radius-selector: .5rem;
      --radius-field: .25rem;
      --radius-box: .5rem;
      --size-selector: .25rem;
      --size-field: .25rem;
      --border: 1px;
      --depth: 1;
      --noise: 0;
    }

    @supports (color: lab(0% 0 0)) {
      :root:not([data-theme]) {
        --color-base-100: lab(13.3466% -1.27321 -5.67451);
        --color-base-200: lab(10.9483% -1.0722 -4.98787);
        --color-base-300: lab(8.50319% -.863373 -4.30144);
        --color-base-content: lab(97.3754% -1.86673 -10.6283);
        --color-primary: lab(47.6934% 38.5675 -81.9644);
        --color-primary-content: lab(95.2498% .411481 -6.78517);
        --color-secondary: lab(56.234% 76.7852 -8.06803);
        --color-secondary-content: lab(92.6584% 9.01154 -3.15071);
        --color-accent: lab(75.1988% -53.3697 -2.27785);
        --color-accent-content: lab(28.81% -21.4781 -3.59725);
        --color-neutral: lab(2.45787% .239417 -.873864);
        --color-neutral-content: lab(90.6853% .399202 -1.45452);
        --color-info: lab(69.9876% -23.5256 -45.9352);
        --color-info-content: lab(17.4794% -5.25945 -21.1512);
        --color-success: lab(74.4967% -60.7579 19.4189);
        --color-success-content: lab(27.9355% -26.9592 5.46191);
        --color-warning: lab(79.2305% 16.6936 100.392);
        --color-warning-content: lab(30.7627% 30.2938 40.2828);
        --color-error: lab(64.1803% 63.0275 19.2122);
        --color-error-content: lab(14.1162% 34.0067 9.81536);
      }
    }
  }

  :is(:root:has(input.theme-controller[value="light"]:checked), [data-theme="light"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f8f8f8;
    --color-base-300: #eee;
    --color-base-content: #18181b;
    --color-primary: #422ad5;
    --color-primary-content: #e0e7ff;
    --color-secondary: #f43098;
    --color-secondary-content: #f9e4f0;
    --color-accent: #00d1bb;
    --color-accent-content: #084d49;
    --color-neutral: #09090b;
    --color-neutral-content: #e4e4e7;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #00d193;
    --color-success-content: #004c39;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff657f;
    --color-error-content: #4d0218;
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="light"]:checked), [data-theme="light"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(97.68% -.0000298023 .0000119209);
      --color-base-300: lab(94.2% 0 0);
      --color-base-content: lab(8.30603% .618212 -2.16573);
      --color-primary: lab(31.573% 49.867 -84.7065);
      --color-primary-content: lab(91.6577% 1.04591 -12.7199);
      --color-secondary: lab(56.234% 76.7852 -8.06803);
      --color-secondary-content: lab(92.6584% 9.01154 -3.15071);
      --color-accent: lab(75.1988% -53.3697 -2.27785);
      --color-accent-content: lab(28.81% -21.4781 -3.59725);
      --color-neutral: lab(2.45787% .239417 -.873864);
      --color-neutral-content: lab(90.6853% .399202 -1.45452);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25945 -21.1512);
      --color-success: lab(74.4967% -60.7579 19.4189);
      --color-success-content: lab(27.9355% -26.9592 5.46191);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(64.1803% 63.0275 19.2122);
      --color-error-content: lab(14.1162% 34.0067 9.81536);
    }
  }

  :is(:root:has(input.theme-controller[value="dark"]:checked), [data-theme="dark"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #1d232a;
    --color-base-200: #191e24;
    --color-base-300: #15191e;
    --color-base-content: #f2f8ff;
    --color-primary: #605dff;
    --color-primary-content: #edf1fe;
    --color-secondary: #f43098;
    --color-secondary-content: #f9e4f0;
    --color-accent: #00d1bb;
    --color-accent-content: #084d49;
    --color-neutral: #09090b;
    --color-neutral-content: #e4e4e7;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #00d193;
    --color-success-content: #004c39;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff657f;
    --color-error-content: #4d0218;
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="dark"]:checked), [data-theme="dark"]) {
      --color-base-100: lab(13.3466% -1.27321 -5.67451);
      --color-base-200: lab(10.9483% -1.0722 -4.98787);
      --color-base-300: lab(8.50319% -.863373 -4.30144);
      --color-base-content: lab(97.3754% -1.86673 -10.6283);
      --color-primary: lab(47.6934% 38.5675 -81.9644);
      --color-primary-content: lab(95.2498% .411481 -6.78517);
      --color-secondary: lab(56.234% 76.7852 -8.06803);
      --color-secondary-content: lab(92.6584% 9.01154 -3.15071);
      --color-accent: lab(75.1988% -53.3697 -2.27785);
      --color-accent-content: lab(28.81% -21.4781 -3.59725);
      --color-neutral: lab(2.45787% .239417 -.873864);
      --color-neutral-content: lab(90.6853% .399202 -1.45452);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25945 -21.1512);
      --color-success: lab(74.4967% -60.7579 19.4189);
      --color-success-content: lab(27.9355% -26.9592 5.46191);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(64.1803% 63.0275 19.2122);
      --color-error-content: lab(14.1162% 34.0067 9.81536);
    }
  }

  :is(:root:has(input.theme-controller[value="cupcake"]:checked), [data-theme="cupcake"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #faf7f5;
    --color-base-200: #efeae6;
    --color-base-300: #e7e2df;
    --color-base-content: #291334;
    --color-primary: #44ebd3;
    --color-primary-content: #005d58;
    --color-secondary: #f9cbe5;
    --color-secondary-content: #9e004a;
    --color-accent: #ffd6a7;
    --color-accent-content: #9f2d00;
    --color-neutral: #262629;
    --color-neutral-content: #e4e4e7;
    --color-info: #00a4ed;
    --color-info-content: #042e49;
    --color-success: #00b97d;
    --color-success-content: #002c21;
    --color-warning: #ebb000;
    --color-warning-content: #411e03;
    --color-error: #fe1c55;
    --color-error-content: #4d0218;
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 2px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="cupcake"]:checked), [data-theme="cupcake"]) {
      --color-base-100: lab(97.4237% .740707 1.27707);
      --color-base-200: lab(93.009% 1.12194 2.35903);
      --color-base-300: lab(90.22% 1.19966 1.85103);
      --color-base-content: lab(10.3261% 16.8409 -17.2906);
      --color-primary: lab(84.3177% -48.1616 -1.33156);
      --color-primary-content: lab(34.7855% -26.6758 -4.34271);
      --color-secondary: lab(86.4064% 19.5978 -6.46622);
      --color-secondary-content: lab(33.9116% 60.2466 6.01265);
      --color-accent: lab(88.3709% 9.95106 28.8399);
      --color-accent-content: lab(37.1566% 46.6433 50.5562);
      --color-neutral: lab(15.2665% .614196 -2.16931);
      --color-neutral-content: lab(90.6853% .399202 -1.45452);
      --color-info: lab(62.7193% -18.3316 -51.028);
      --color-info-content: lab(17.4794% -5.25945 -21.1512);
      --color-success: lab(66.2791% -58.306 19.5483);
      --color-success-content: lab(14.8262% -17.9582 2.38396);
      --color-warning: lab(75.8062% 14.5847 99.3117);
      --color-warning-content: lab(16.1155% 15.7892 22.7155);
      --color-error: lab(55.5201% 79.431 31.509);
      --color-error-content: lab(14.1162% 34.0067 9.81536);
    }
  }

  :is(:root:has(input.theme-controller[value="bumblebee"]:checked), [data-theme="bumblebee"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f5f5f5;
    --color-base-300: #e4e4e4;
    --color-base-content: #161616;
    --color-primary: #f7c800;
    --color-primary-content: #733e0a;
    --color-secondary: #ff8b1a;
    --color-secondary-content: #7c2808;
    --color-accent: #000;
    --color-accent-content: #fff;
    --color-neutral: #433f3a;
    --color-neutral-content: #e6e4e3;
    --color-info: #00bafc;
    --color-info-content: #014a70;
    --color-success: #00d193;
    --color-success-content: #004c39;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff6266;
    --color-error-content: #801518;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="bumblebee"]:checked), [data-theme="bumblebee"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(96.52% -.0000596046 0);
      --color-base-300: lab(90.72% .0000298023 -.0000119209);
      --color-base-content: lab(7.22637% -.0000149012 0);
      --color-primary: lab(83.0329% 8.6751 107.243);
      --color-primary-content: lab(32.27% 21.1356 38.6464);
      --color-secondary: lab(70.0429% 42.5156 75.8207);
      --color-secondary-content: lab(29.363% 36.096 38.1255);
      --color-accent: lab(0% 0 0);
      --color-accent-content: lab(100% 0 0);
      --color-neutral: lab(26.9171% 1.32993 3.57846);
      --color-neutral-content: lab(90.707% .663102 .865579);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(29.079% -8.32883 -28.2429);
      --color-success: lab(74.4967% -60.7579 19.4189);
      --color-success-content: lab(27.9355% -26.9592 5.46191);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(63.2406% 60.7498 31.3402);
      --color-error-content: lab(27.8157% 44.5726 29.2331);
    }
  }

  :is(:root:has(input.theme-controller[value="emerald"]:checked), [data-theme="emerald"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #e8e8e8;
    --color-base-300: #d1d1d1;
    --color-base-content: #333c4d;
    --color-primary: #66cc8a;
    --color-primary-content: #223d30;
    --color-secondary: #377cfb;
    --color-secondary-content: #fff;
    --color-accent: #f68067;
    --color-accent-content: #000;
    --color-neutral: #333c4d;
    --color-neutral-content: #f9fafb;
    --color-info: #00b4fa;
    --color-info-content: #000;
    --color-success: #00a96e;
    --color-success-content: #000;
    --color-warning: #ffc100;
    --color-warning-content: #000;
    --color-error: #ff676a;
    --color-error-content: #000;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="emerald"]:checked), [data-theme="emerald"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(91.88% 0 -.0000238419);
      --color-base-300: lab(83.76% 0 0);
      --color-base-content: lab(25.0321% -.305712 -11.697);
      --color-primary: lab(74.6827% -42.1368 23.4071);
      --color-primary-content: lab(23.2638% -13.2605 4.58165);
      --color-secondary: lab(53.1158% 13.16 -70.857);
      --color-secondary-content: lab(100% 0 0);
      --color-accent: lab(67.1348% 44.315 34.9118);
      --color-accent-content: lab(0% 0 0);
      --color-neutral: lab(25.0321% -.305712 -11.697);
      --color-neutral-content: lab(98.2157% -.123799 -.353503);
      --color-info: lab(67.7131% -26.5106 -53.6881);
      --color-info-content: lab(0% 0 0);
      --color-success: lab(61.1386% -50.3277 19.7345);
      --color-success-content: lab(0% 0 0);
      --color-warning: lab(82.3443% 18.4214 108.428);
      --color-warning-content: lab(0% 0 0);
      --color-error: lab(64.956% 70.4222 37.0322);
      --color-error-content: lab(0% 0 0);
    }
  }

  :is(:root:has(input.theme-controller[value="corporate"]:checked), [data-theme="corporate"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #e8e8e8;
    --color-base-300: #d1d1d1;
    --color-base-content: #181a2a;
    --color-primary: #0082c4;
    --color-primary-content: #fff;
    --color-secondary: #61738d;
    --color-secondary-content: #fff;
    --color-accent: #009588;
    --color-accent-content: #fff;
    --color-neutral: #000;
    --color-neutral-content: #fff;
    --color-info: #008fb2;
    --color-info-content: #fff;
    --color-success: #00a242;
    --color-success-content: #fff;
    --color-warning: #f7c800;
    --color-warning-content: #000;
    --color-error: #ff6266;
    --color-error-content: #000;
    --radius-selector: .25rem;
    --radius-field: .25rem;
    --radius-box: .25rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="corporate"]:checked), [data-theme="corporate"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(91.88% 0 -.0000238419);
      --color-base-300: lab(83.76% 0 0);
      --color-base-content: lab(9.67606% 2.78211 -11.1624);
      --color-primary: lab(50.8378% -11.2629 -49.8134);
      --color-primary-content: lab(100% 0 0);
      --color-secondary: lab(47.6231% -2.02698 -16.5784);
      --color-secondary-content: lab(100% 0 0);
      --color-accent: lab(55.0223% -41.0774 -3.90277);
      --color-accent-content: lab(100% 0 0);
      --color-neutral: lab(0% 0 0);
      --color-neutral-content: lab(100% 0 0);
      --color-info: lab(54.1295% -26.6648 -30.4973);
      --color-info-content: lab(100% 0 0);
      --color-success: lab(58.2832% -58.6949 41.339);
      --color-success-content: lab(100% 0 0);
      --color-warning: lab(83.0329% 8.6751 107.243);
      --color-warning-content: lab(0% 0 0);
      --color-error: lab(63.2406% 60.7498 31.3402);
      --color-error-content: lab(0% 0 0);
    }
  }

  :is(:root:has(input.theme-controller[value="synthwave"]:checked), [data-theme="synthwave"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #09002f;
    --color-base-200: #120b3d;
    --color-base-300: #1c184b;
    --color-base-content: #a2b2ff;
    --color-primary: #f861b4;
    --color-primary-content: #500323;
    --color-secondary: #71d1fe;
    --color-secondary-content: #042e49;
    --color-accent: #ff8b1a;
    --color-accent-content: #421104;
    --color-neutral: #422ad5;
    --color-neutral-content: #c7d2ff;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #00d1bb;
    --color-success-content: #002d2c;
    --color-warning: #fede1c;
    --color-warning-content: #733e0a;
    --color-error: #ec8c78;
    --color-error-content: #201047;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="synthwave"]:checked), [data-theme="synthwave"]) {
      --color-base-100: lab(2.11652% 12.2165 -26.8745);
      --color-base-200: lab(5.86105% 16.6448 -30.9194);
      --color-base-300: lab(11.6513% 15.2245 -31.331);
      --color-base-content: lab(73.4414% 8.57419 -41.5995);
      --color-primary: lab(63.6312% 64.3341 -12.7966);
      --color-primary-content: lab(15.1475% 35.1998 3.5461);
      --color-secondary: lab(79.4011% -20.258 -31.3754);
      --color-secondary-content: lab(17.4794% -5.25945 -21.1512);
      --color-accent: lab(70.0429% 42.5156 75.8207);
      --color-accent-content: lab(13.4759% 23.4865 18.9563);
      --color-neutral: lab(31.573% 49.867 -84.7065);
      --color-neutral-content: lab(84.4329% 3.18974 -23.9688);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25945 -21.1512);
      --color-success: lab(75.1988% -53.3697 -2.27785);
      --color-success-content: lab(15.825% -15.3228 -3.81451);
      --color-warning: lab(89.1205% -.43565 84.7279);
      --color-warning-content: lab(32.27% 21.1356 38.6464);
      --color-error: lab(68.4643% 35.8183 27.1229);
      --color-error-content: lab(9.61015% 20.4438 -31.961);
    }
  }

  :is(:root:has(input.theme-controller[value="retro"]:checked), [data-theme="retro"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #ece3ca;
    --color-base-200: #e4d8b4;
    --color-base-300: #dbca9b;
    --color-base-content: #793205;
    --color-primary: #ff9fa0;
    --color-primary-content: #801518;
    --color-secondary: #b7f6cd;
    --color-secondary-content: #00642e;
    --color-accent: #cd8800;
    --color-accent-content: #793205;
    --color-neutral: #56524c;
    --color-neutral-content: #d4d0ce;
    --color-info: #0082c4;
    --color-info-content: #fef2c6;
    --color-success: #00766e;
    --color-success-content: #fef2c6;
    --color-warning: #ed4f00;
    --color-warning-content: #fef2c6;
    --color-error: #ff6266;
    --color-error-content: #7c2808;
    --radius-selector: .25rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="retro"]:checked), [data-theme="retro"]) {
      --color-base-100: lab(90.4616% .120938 13.1948);
      --color-base-200: lab(86.6288% .0505447 19.2233);
      --color-base-300: lab(81.8682% .804812 25.918);
      --color-base-content: lab(30.7627% 30.2938 40.2828);
      --color-primary: lab(75.6231% 36.4237 15.5413);
      --color-primary-content: lab(27.8157% 44.5726 29.2331);
      --color-secondary: lab(91.8421% -26.4725 12.9439);
      --color-secondary-content: lab(36.5316% -36.8287 23.0138);
      --color-accent: lab(62.6632% 22.4314 86.3469);
      --color-accent-content: lab(30.7627% 30.2938 40.2828);
      --color-neutral: lab(35.0527% 1.08673 4.07879);
      --color-neutral-content: lab(83.7469% .928074 1.59744);
      --color-info: lab(50.8378% -11.2629 -49.8134);
      --color-info-content: lab(95.6839% -1.21456 23.113);
      --color-success: lab(44.2974% -33.1456 -4.2212);
      --color-success-content: lab(95.6839% -1.21456 23.113);
      --color-warning: lab(56.4023% 64.3122 91.3904);
      --color-warning-content: lab(95.6839% -1.21456 23.113);
      --color-error: lab(63.2406% 60.7498 31.3402);
      --color-error-content: lab(29.363% 36.096 38.1255);
    }
  }

  :is(:root:has(input.theme-controller[value="cyberpunk"]:checked), [data-theme="cyberpunk"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff25a;
    --color-base-200: #f7e83a;
    --color-base-300: #e3d40e;
    --color-base-content: #000;
    --color-primary: #ff7299;
    --color-primary-content: #180408;
    --color-secondary: #00e5f9;
    --color-secondary-content: #001215;
    --color-accent: #cb78ff;
    --color-accent-content: #0f0517;
    --color-neutral: #111a3b;
    --color-neutral-content: #fff25a;
    --color-info: #00b4fa;
    --color-info-content: #000;
    --color-success: #00a96e;
    --color-success-content: #000;
    --color-warning: #ffc100;
    --color-warning-content: #000;
    --color-error: #ff676a;
    --color-error-content: #000;
    --radius-selector: 0rem;
    --radius-field: 0rem;
    --radius-box: 0rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="cyberpunk"]:checked), [data-theme="cyberpunk"]) {
      --color-base-100: lab(94.6107% -8.04746 78.1535);
      --color-base-200: lab(91.1162% -7.81739 79.1068);
      --color-base-300: lab(84.1243% -7.31355 81.5778);
      --color-base-content: lab(0% 0 0);
      --color-primary: lab(67.5939% 68.2092 10.1527);
      --color-primary-content: lab(2.70907% 7.786 .901061);
      --color-secondary: lab(82.2338% -53.9253 -28.4139);
      --color-secondary-content: lab(4.3844% -6.22819 -4.37175);
      --color-accent: lab(63.9419% 54.2561 -59.1877);
      --color-accent-content: lab(2.36873% 5.55266 -7.74226);
      --color-neutral: lab(10.0256% 5.86082 -23.149);
      --color-neutral-content: lab(94.6107% -8.04746 78.1535);
      --color-info: lab(67.7131% -26.5106 -53.6881);
      --color-info-content: lab(0% 0 0);
      --color-success: lab(61.1386% -50.3277 19.7345);
      --color-success-content: lab(0% 0 0);
      --color-warning: lab(82.3443% 18.4214 108.428);
      --color-warning-content: lab(0% 0 0);
      --color-error: lab(64.956% 70.4222 37.0322);
      --color-error-content: lab(0% 0 0);
    }
  }

  :is(:root:has(input.theme-controller[value="valentine"]:checked), [data-theme="valentine"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fcf2f8;
    --color-base-200: #f9e4f0;
    --color-base-300: #f9cbe5;
    --color-base-content: #c2005b;
    --color-primary: #f43098;
    --color-primary-content: #fff;
    --color-secondary: #a948ff;
    --color-secondary-content: #f8f3fd;
    --color-accent: #71d1fe;
    --color-accent-content: #014a70;
    --color-neutral: #830c41;
    --color-neutral-content: #f9cbe5;
    --color-info: #51e8fb;
    --color-info-content: #005885;
    --color-success: #5ce8b3;
    --color-success-content: #005f45;
    --color-warning: #ff8b1a;
    --color-warning-content: #421104;
    --color-error: #f82834;
    --color-error-content: #fef2f2;
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="valentine"]:checked), [data-theme="valentine"]) {
      --color-base-100: lab(96.3299% 4.53997 -1.49431);
      --color-base-200: lab(92.6584% 9.01154 -3.15071);
      --color-base-300: lab(86.4064% 19.5978 -6.46622);
      --color-base-content: lab(41.5936% 71.7766 7.4325);
      --color-primary: lab(56.234% 76.7852 -8.06803);
      --color-primary-content: lab(100% 0 0);
      --color-secondary: lab(51.1822% 66.2953 -78.2252);
      --color-secondary-content: lab(96.3506% 2.99954 -4.13386);
      --color-accent: lab(79.4011% -20.258 -31.3754);
      --color-accent-content: lab(29.079% -8.32883 -28.2429);
      --color-neutral: lab(28.5085% 49.3611 3.3668);
      --color-neutral-content: lab(86.4064% 19.5978 -6.46622);
      --color-info: lab(84.8082% -36.7548 -21.5679);
      --color-info-content: lab(34.813% -9.51257 -34.399);
      --color-success: lab(83.3402% -48.7252 13.8865);
      --color-success-content: lab(35.1354% -33.1288 8.04086);
      --color-warning: lab(70.0429% 42.5156 75.8207);
      --color-warning-content: lab(13.4759% 23.4865 18.9563);
      --color-error: lab(54.6666% 75.0951 49.1053);
      --color-error-content: lab(96.3845% 4.18511 1.5233);
    }
  }

  :is(:root:has(input.theme-controller[value="halloween"]:checked), [data-theme="halloween"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #1b1816;
    --color-base-200: #0b0908;
    --color-base-300: #000;
    --color-base-content: #cdcdcd;
    --color-primary: #ff960c;
    --color-primary-content: #131616;
    --color-secondary: #7900bf;
    --color-secondary-content: #e3d4f6;
    --color-accent: #4fa700;
    --color-accent-content: #000;
    --color-neutral: #2f1b05;
    --color-neutral-content: #d2ccc7;
    --color-info: #2563eb;
    --color-info-content: #d2e2ff;
    --color-success: #18a34a;
    --color-success-content: #000a02;
    --color-warning: #d97708;
    --color-warning-content: #110500;
    --color-error: #f35248;
    --color-error-content: #140202;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="halloween"]:checked), [data-theme="halloween"]) {
      --color-base-100: lab(8.34229% 1.15404 1.88783);
      --color-base-200: lab(2.47049% .413664 .515226);
      --color-base-300: lab(0% 0 0);
      --color-base-content: lab(82.5478% -.0000298023 0);
      --color-primary: lab(72.9406% 44.1269 101.331);
      --color-primary-content: lab(6.93668% -1.15924 -.413656);
      --color-secondary: lab(32.3587% 66.5841 -72.2722);
      --color-secondary-content: lab(86.8693% 10.002 -14.9236);
      --color-accent: lab(61.4445% -51.4413 77.1776);
      --color-accent-content: lab(0% 0 0);
      --color-neutral: lab(12.1418% 8.28672 15.9582);
      --color-neutral-content: lab(82.4494% 1.2486 3.14918);
      --color-info: lab(44.7953% 20.9956 -75.5263);
      --color-info-content: lab(89.2766% -1.02177 -15.9354);
      --color-success: lab(58.8245% -50.7956 35.2154);
      --color-success-content: lab(1.93592% -3.28699 2.01724);
      --color-warning: lab(60.4958% 34.777 66.1666);
      --color-warning-content: lab(2.07311% 3.08444 3.10305);
      --color-error: lab(58.2957% 62.1913 41.5307);
      --color-error-content: lab(1.9019% 5.61917 2.22845);
    }
  }

  :is(:root:has(input.theme-controller[value="garden"]:checked), [data-theme="garden"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #e9e7e7;
    --color-base-200: #d4d2d2;
    --color-base-300: #bebdbd;
    --color-base-content: #100f0f;
    --color-primary: #f80076;
    --color-primary-content: #fff;
    --color-secondary: #8e4162;
    --color-secondary-content: #ead7de;
    --color-accent: #5c7f67;
    --color-accent-content: #fff;
    --color-neutral: #291e00;
    --color-neutral-content: #e9e7e7;
    --color-info: #00b4fa;
    --color-info-content: #000;
    --color-success: #00a96e;
    --color-success-content: #000;
    --color-warning: #ffc100;
    --color-warning-content: #000;
    --color-error: #ff676a;
    --color-error-content: #000;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="garden"]:checked), [data-theme="garden"]) {
      --color-base-100: lab(91.8023% .644386 .231373);
      --color-base-200: lab(84.2553% .644416 .231385);
      --color-base-300: lab(76.7176% .322193 .115657);
      --color-base-content: lab(4.40042% .217006 .0779897);
      --color-primary: lab(53.0394% 89.3459 9.07078);
      --color-primary-content: lab(100% 0 0);
      --color-secondary: lab(38.8217% 35.7639 -3.1522);
      --color-secondary-content: lab(87.7654% 7.3919 -.642872);
      --color-accent: lab(49.9948% -16.7927 8.87276);
      --color-accent-content: lab(100% 0 0);
      --color-neutral: lab(12.1163% 2.66051 17.8295);
      --color-neutral-content: lab(91.8023% .644386 .231373);
      --color-info: lab(67.7131% -26.5106 -53.6881);
      --color-info-content: lab(0% 0 0);
      --color-success: lab(61.1386% -50.3277 19.7345);
      --color-success-content: lab(0% 0 0);
      --color-warning: lab(82.3443% 18.4214 108.428);
      --color-warning-content: lab(0% 0 0);
      --color-error: lab(64.956% 70.4222 37.0322);
      --color-error-content: lab(0% 0 0);
    }
  }

  :is(:root:has(input.theme-controller[value="forest"]:checked), [data-theme="forest"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #1b1717;
    --color-base-200: #161212;
    --color-base-300: #110d0d;
    --color-base-content: #cac9c9;
    --color-primary: #1fb854;
    --color-primary-content: #000;
    --color-secondary: #1eb88e;
    --color-secondary-content: #000c07;
    --color-accent: #1fb8ab;
    --color-accent-content: #010c0b;
    --color-neutral: #19362d;
    --color-neutral-content: #cdd3d1;
    --color-info: #00b4fa;
    --color-info-content: #000;
    --color-success: #00a96e;
    --color-success-content: #000;
    --color-warning: #ffc100;
    --color-warning-content: #000;
    --color-error: #ff676a;
    --color-error-content: #000;
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="forest"]:checked), [data-theme="forest"]) {
      --color-base-100: lab(8.09134% 2.56916 .954789);
      --color-base-200: lab(5.68172% 1.83339 .660554);
      --color-base-300: lab(3.79809% 1.40669 .504038);
      --color-base-content: lab(81.1606% .320792 .120199);
      --color-primary: lab(65.8881% -55.3998 38.8875);
      --color-primary-content: lab(0% 0 0);
      --color-secondary: lab(66.724% -46.9684 10.1177);
      --color-secondary-content: lab(2.62073% -3.9018 .895014);
      --color-accent: lab(67.3489% -41.0592 -4.73225);
      --color-accent-content: lab(2.67576% -3.41386 -.455385);
      --color-neutral: lab(20.1225% -13.4512 2.12126);
      --color-neutral-content: lab(84.0137% -2.35051 .377655);
      --color-info: lab(67.7131% -26.5106 -53.6881);
      --color-info-content: lab(0% 0 0);
      --color-success: lab(61.1386% -50.3277 19.7345);
      --color-success-content: lab(0% 0 0);
      --color-warning: lab(82.3443% 18.4214 108.428);
      --color-warning-content: lab(0% 0 0);
      --color-error: lab(64.956% 70.4222 37.0322);
      --color-error-content: lab(0% 0 0);
    }
  }

  :is(:root:has(input.theme-controller[value="aqua"]:checked), [data-theme="aqua"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #1a368b;
    --color-base-200: #162455;
    --color-base-300: #091444;
    --color-base-content: #b8e6fe;
    --color-primary: #13ecf3;
    --color-primary-content: #015355;
    --color-secondary: #966fb3;
    --color-secondary-content: #f2f0fc;
    --color-accent: #ffe999;
    --color-accent-content: #161309;
    --color-neutral: #05176c;
    --color-neutral-content: #9cbcff;
    --color-info: #2563eb;
    --color-info-content: #d2e2ff;
    --color-success: #18a34a;
    --color-success-content: #000a02;
    --color-warning: #d97708;
    --color-warning-content: #431700;
    --color-error: #ff7c6f;
    --color-error-content: #180403;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="aqua"]:checked), [data-theme="aqua"]) {
      --color-base-100: lab(25.0745% 16.2581 -51.5406);
      --color-base-200: lab(15.4352% 8.93654 -32.2903);
      --color-base-300: lab(8.26711% 11.823 -32.2031);
      --color-base-content: lab(88.5823% -11.3969 -16.8484);
      --color-primary: lab(84.7953% -45.6578 -17.3339);
      --color-primary-content: lab(31.2314% -21.7672 -7.75777);
      --color-secondary: lab(52.8668% 25.5024 -30.1393);
      --color-secondary-content: lab(95.1976% 2.28897 -5.51624);
      --color-accent: lab(92.8354% -.198632 41.6209);
      --color-accent-content: lab(5.96724% -.0408217 5.34988);
      --color-neutral: lab(12.855% 24.2161 -51.6803);
      --color-neutral-content: lab(75.6741% 5.20784 -52.489);
      --color-info: lab(44.7953% 20.9956 -75.5263);
      --color-info-content: lab(89.2766% -1.02177 -15.9354);
      --color-success: lab(58.8245% -50.7956 35.2154);
      --color-success-content: lab(1.93592% -3.28699 2.01724);
      --color-warning: lab(60.4958% 34.777 66.1666);
      --color-warning-content: lab(14.762% 20.9832 22.5643);
      --color-error: lab(67.9585% 59.0816 38.1436);
      --color-error-content: lab(2.73994% 6.78001 2.83679);
    }
  }

  :is(:root:has(input.theme-controller[value="lofi"]:checked), [data-theme="lofi"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f5f5f5;
    --color-base-300: #ebebeb;
    --color-base-content: #000;
    --color-primary: #0d0d0d;
    --color-primary-content: #fff;
    --color-secondary: #1a1919;
    --color-secondary-content: #fff;
    --color-accent: #262626;
    --color-accent-content: #fff;
    --color-neutral: #000;
    --color-neutral-content: #fff;
    --color-info: #5fcfdd;
    --color-info-content: #031011;
    --color-success: #69fec3;
    --color-success-content: #04160e;
    --color-warning: #ffd07a;
    --color-warning-content: #170f04;
    --color-error: #ff9789;
    --color-error-content: #180706;
    --radius-selector: 2rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="lofi"]:checked), [data-theme="lofi"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(96.52% -.0000596046 0);
      --color-base-300: lab(93.04% 0 -.0000238419);
      --color-base-content: lab(0% 0 0);
      --color-primary: lab(3.63507% 0 -.00000298023);
      --color-primary-content: lab(100% 0 0);
      --color-secondary: lab(8.87738% .322066 .116277);
      --color-secondary-content: lab(100% 0 0);
      --color-accent: lab(15.1588% 0 0);
      --color-accent-content: lab(100% 0 0);
      --color-neutral: lab(0% 0 0);
      --color-neutral-content: lab(100% 0 0);
      --color-info: lab(77.1489% -30.3908 -16.8724);
      --color-info-content: lab(3.73884% -3.30169 -2.18307);
      --color-success: lab(90.5846% -51.8982 15.71);
      --color-success-content: lab(5.59951% -7.16073 2.22964);
      --color-warning: lab(86.6011% 13.0272 57.5883);
      --color-warning-content: lab(5.00037% 1.96134 5.97627);
      --color-error: lab(73.8629% 45.9496 30.0008);
      --color-error-content: lab(3.3596% 5.78914 2.75533);
    }
  }

  :is(:root:has(input.theme-controller[value="pastel"]:checked), [data-theme="pastel"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f9fafb;
    --color-base-300: #e5e6e7;
    --color-base-content: #161616;
    --color-primary: #e8d4ff;
    --color-primary-content: #8000d7;
    --color-secondary: #feccd2;
    --color-secondary-content: #c00038;
    --color-accent: #a3f2ce;
    --color-accent-content: #007654;
    --color-neutral: #61738d;
    --color-neutral-content: #dfe5ed;
    --color-info: #51e8fb;
    --color-info-content: #007492;
    --color-success: #7af1a7;
    --color-success-content: #007f38;
    --color-warning: #ffb668;
    --color-warning-content: #c43b00;
    --color-error: #ff9fa0;
    --color-error-content: #bd000d;
    --radius-selector: 1rem;
    --radius-field: 2rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 2px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="pastel"]:checked), [data-theme="pastel"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(98.2157% -.123799 -.353503);
      --color-base-300: lab(91.2557% -.123799 -.353503);
      --color-base-content: lab(7.22637% -.0000149012 0);
      --color-primary: lab(87.6083% 13.4293 -18.7152);
      --color-primary-content: lab(35.4395% 70.1461 -80.0542);
      --color-secondary: lab(86.5739% 19.1906 4.07769);
      --color-secondary-content: lab(40.7001% 71.6241 30.3848);
      --color-accent: lab(89.6446% -31.0431 9.47142);
      --color-accent-content: lab(43.5587% -41.0853 11.0409);
      --color-neutral: lab(47.6231% -2.02698 -16.5784);
      --color-neutral-content: lab(90.6912% -.998229 -4.76941);
      --color-info: lab(84.8082% -36.7548 -21.5679);
      --color-info-content: lab(44.7267% -21.5987 -26.118);
      --color-success: lab(86.8792% -47.2708 25.0066);
      --color-success-content: lab(46.2187% -47.055 31.5393);
      --color-warning: lab(79.9919% 21.7666 50.531);
      --color-warning-content: lab(46.1115% 57.752 71.3111);
      --color-error: lab(75.6231% 36.4237 15.5413);
      --color-error-content: lab(39.8445% 67.286 54.361);
    }
  }

  :is(:root:has(input.theme-controller[value="fantasy"]:checked), [data-theme="fantasy"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #e8e8e8;
    --color-base-300: #d1d1d1;
    --color-base-content: #1f2937;
    --color-primary: #6b0072;
    --color-primary-content: #e3cee4;
    --color-secondary: #0075b8;
    --color-secondary-content: #cfe4f4;
    --color-accent: #ff8e19;
    --color-accent-content: #170700;
    --color-neutral: #1f2937;
    --color-neutral-content: #cdd0d3;
    --color-info: #00b4fa;
    --color-info-content: #000;
    --color-success: #00a96e;
    --color-success-content: #000;
    --color-warning: #ffc100;
    --color-warning-content: #000;
    --color-error: #ff676a;
    --color-error-content: #000;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="fantasy"]:checked), [data-theme="fantasy"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(91.88% 0 -.0000238419);
      --color-base-300: lab(83.76% 0 0);
      --color-base-content: lab(16.1381% -1.17826 -10.3674);
      --color-primary: lab(24.2282% 54.292 -38.6561);
      --color-primary-content: lab(84.986% 10.3485 -7.90401);
      --color-secondary: lab(46.0503% -10.5367 -50.6385);
      --color-secondary-content: lab(89.3384% -4.78709 -10.5816);
      --color-accent: lab(71.0498% 47.5041 95.0293);
      --color-accent-content: lab(3.05717% 5.51852 4.94197);
      --color-neutral: lab(16.1381% -1.17826 -10.3674);
      --color-neutral-content: lab(83.2388% -.357687 -1.8515);
      --color-info: lab(67.7131% -26.5106 -53.6881);
      --color-info-content: lab(0% 0 0);
      --color-success: lab(61.1386% -50.3277 19.7345);
      --color-success-content: lab(0% 0 0);
      --color-warning: lab(82.3443% 18.4214 108.428);
      --color-warning-content: lab(0% 0 0);
      --color-error: lab(64.956% 70.4222 37.0322);
      --color-error-content: lab(0% 0 0);
    }
  }

  :is(:root:has(input.theme-controller[value="wireframe"]:checked), [data-theme="wireframe"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f5f5f5;
    --color-base-300: #ebebeb;
    --color-base-content: #161616;
    --color-primary: #d4d4d4;
    --color-primary-content: #242424;
    --color-secondary: #d4d4d4;
    --color-secondary-content: #242424;
    --color-accent: #d4d4d4;
    --color-accent-content: #242424;
    --color-neutral: #d4d4d4;
    --color-neutral-content: #242424;
    --color-info: #005885;
    --color-info-content: #b8e6fe;
    --color-success: #005f45;
    --color-success-content: #a3f2ce;
    --color-warning: #943c00;
    --color-warning-content: #fde484;
    --color-error: #9d0410;
    --color-error-content: #fec8c8;
    --radius-selector: 0rem;
    --radius-field: .25rem;
    --radius-box: .25rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="wireframe"]:checked), [data-theme="wireframe"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(96.52% -.0000596046 0);
      --color-base-300: lab(93.04% 0 -.0000238419);
      --color-base-content: lab(7.22637% -.0000149012 0);
      --color-primary: lab(84.92% 0 0);
      --color-primary-content: lab(14.16% 0 0);
      --color-secondary: lab(84.92% 0 0);
      --color-secondary-content: lab(14.16% 0 0);
      --color-accent: lab(84.92% 0 0);
      --color-accent-content: lab(14.16% 0 0);
      --color-neutral: lab(84.92% 0 0);
      --color-neutral-content: lab(14.16% 0 0);
      --color-info: lab(34.813% -9.51257 -34.399);
      --color-info-content: lab(88.5823% -11.3969 -16.8484);
      --color-success: lab(35.1354% -33.1288 8.04086);
      --color-success-content: lab(89.6446% -31.0431 9.47142);
      --color-warning: lab(37.5324% 37.1958 52.5706);
      --color-warning-content: lab(91.2553% -.488907 49.9405);
      --color-error: lab(33.2514% 55.9157 41.3049);
      --color-error-content: lab(85.4369% 19.8817 7.7596);
    }
  }

  :is(:root:has(input.theme-controller[value="black"]:checked), [data-theme="black"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #000;
    --color-base-200: #141414;
    --color-base-300: #1b1b1b;
    --color-base-content: #d6d6d6;
    --color-primary: #3a3a3a;
    --color-primary-content: #fff;
    --color-secondary: #3a3a3a;
    --color-secondary-content: #fff;
    --color-accent: #3a3a3a;
    --color-accent-content: #fff;
    --color-neutral: #3a3a3a;
    --color-neutral-content: #fff;
    --color-info: #002cea;
    --color-info-content: #c9dbff;
    --color-success: #028002;
    --color-success-content: #d3e6d0;
    --color-warning: #ff0;
    --color-warning-content: #161600;
    --color-error: #ff0301;
    --color-error-content: #160000;
    --radius-selector: 0rem;
    --radius-field: 0rem;
    --radius-box: 0rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="black"]:checked), [data-theme="black"]) {
      --color-base-100: lab(0% 0 0);
      --color-base-200: lab(6.19571% 0 0);
      --color-base-300: lab(9.52% 0 0);
      --color-base-content: lab(85.6264% 0 0);
      --color-primary: lab(24.6% 0 0);
      --color-primary-content: lab(100% 0 0);
      --color-secondary: lab(24.6% 0 0);
      --color-secondary-content: lab(100% 0 0);
      --color-accent: lab(24.6% 0 0);
      --color-accent-content: lab(100% 0 0);
      --color-neutral: lab(24.6% 0 0);
      --color-neutral-content: lab(100% 0 0);
      --color-info: lab(29.5786% 68.1828 -111.947);
      --color-info-content: lab(86.9649% -.614941 -22.8506);
      --color-success: lab(46.2693% -47.3199 48.2556);
      --color-success-content: lab(89.311% -9.46096 8.09882);
      --color-warning: lab(97.6067% -15.7494 93.39);
      --color-warning-content: lab(6.78697% -2.72717 9.99282);
      --color-error: lab(54.2976% 80.5821 69.4726);
      --color-error-content: lab(1.60986% 7.06433 2.5444);
    }
  }

  :is(:root:has(input.theme-controller[value="luxury"]:checked), [data-theme="luxury"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #09090b;
    --color-base-200: #171618;
    --color-base-300: #1e1d1f;
    --color-base-content: #dca54d;
    --color-primary: #fff;
    --color-primary-content: #161616;
    --color-secondary: #152747;
    --color-secondary-content: #cbd0d7;
    --color-accent: #513448;
    --color-accent-content: #dad3d7;
    --color-neutral: #331800;
    --color-neutral-content: #ffe7a4;
    --color-info: #67c6ff;
    --color-info-content: #040e16;
    --color-success: #87d03a;
    --color-success-content: #061001;
    --color-warning: #e2d563;
    --color-warning-content: #121003;
    --color-error: #ff6f6f;
    --color-error-content: #160404;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="luxury"]:checked), [data-theme="luxury"]) {
      --color-base-100: lab(2.50264% .19034 -.700414);
      --color-base-200: lab(7.42005% .822872 -1.15513);
      --color-base-300: lab(10.8856% .856862 -1.18123);
      --color-base-content: lab(71.7826% 14.2738 52.6436);
      --color-primary: lab(100% 0 0);
      --color-primary-content: lab(7.22637% -.0000149012 0);
      --color-secondary: lab(15.5052% 1.79669 -22.6367);
      --color-secondary-content: lab(83.1564% -.534475 -4.48828);
      --color-accent: lab(25.8289% 15.8494 -6.75253);
      --color-accent-content: lab(85.1709% 3.16435 -1.34234);
      --color-neutral: lab(11.9002% 12.2587 17.9702);
      --color-neutral-content: lab(92.4653% 1.52496 36.0272);
      --color-info: lab(75.7634% -16.8923 -37.0682);
      --color-info-content: lab(3.57734% -1.88227 -5.37754);
      --color-success: lab(76.5839% -40.7654 62.3711);
      --color-success-content: lab(3.67156% -4.33461 4.86201);
      --color-warning: lab(84.6678% -5.78606 56.9625);
      --color-warning-content: lab(4.72219% -.802323 5.64092);
      --color-error: lab(65.4465% 55.8224 28.8768);
      --color-error-content: lab(2.50196% 5.96539 2.14048);
    }
  }

  :is(:root:has(input.theme-controller[value="dracula"]:checked), [data-theme="dracula"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #282a36;
    --color-base-200: #232530;
    --color-base-300: #1f202a;
    --color-base-content: #f8f8f3;
    --color-primary: #ff79c6;
    --color-primary-content: #16050e;
    --color-secondary: #bd93f9;
    --color-secondary-content: #0d0815;
    --color-accent: #ffb86c;
    --color-accent-content: #160d04;
    --color-neutral: #414558;
    --color-neutral-content: #d6d7db;
    --color-info: #8be9fd;
    --color-info-content: #071316;
    --color-success: #51fa7b;
    --color-success-content: #021505;
    --color-warning: #f1fa8c;
    --color-warning-content: #141507;
    --color-error: #f55;
    --color-error-content: #160202;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="dracula"]:checked), [data-theme="dracula"]) {
      --color-base-100: lab(17.2524% 1.51786 -8.05813);
      --color-base-200: lab(14.9297% 1.37024 -7.32936);
      --color-base-300: lab(12.5964% 1.31262 -6.95863);
      --color-base-content: lab(97.4463% -.689149 2.5552);
      --color-primary: lab(69.0262% 58.0846 -15.0602);
      --color-primary-content: lab(2.84991% 6.68752 -1.64467);
      --color-secondary: lab(68.0159% 31.2086 -45.3959);
      --color-secondary-content: lab(2.75031% 3.25137 -5.84603);
      --color-accent: lab(80.471% 20.7739 48.7146);
      --color-accent-content: lab(4.15832% 2.70925 4.51265);
      --color-neutral: lab(29.5027% 1.8976 -11.7512);
      --color-neutral-content: lab(85.9117% .229746 -2.26381);
      --color-info: lab(87.0503% -25.2196 -18.88);
      --color-info-content: lab(5.06288% -3.4086 -2.98281);
      --color-success: lab(87.7296% -64.5391 47.0763);
      --color-success-content: lab(5.15977% -8.17823 5.26169);
      --color-warning: lab(95.867% -14.4629 51.2514);
      --color-warning-content: lab(6.47631% -2.38353 6.58255);
      --color-error: lab(61.0594% 65.1267 38.0719);
      --color-error-content: lab(2.11937% 6.45687 2.31729);
    }
  }

  :is(:root:has(input.theme-controller[value="cmyk"]:checked), [data-theme="cmyk"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #eee;
    --color-base-300: #dedede;
    --color-base-content: #161616;
    --color-primary: #45aeee;
    --color-primary-content: #020b13;
    --color-secondary: #e8488a;
    --color-secondary-content: #130207;
    --color-accent: #fff234;
    --color-accent-content: #161401;
    --color-neutral: #1a1a1a;
    --color-neutral-content: #cbcbcb;
    --color-info: #4ba8c0;
    --color-info-content: #020a0d;
    --color-success: #823290;
    --color-success-content: #e6d5e9;
    --color-warning: #ee8134;
    --color-warning-content: #130601;
    --color-error: #e93f33;
    --color-error-content: #130101;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="cmyk"]:checked), [data-theme="cmyk"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(94.2% 0 0);
      --color-base-300: lab(88.4% 0 .0000119209);
      --color-base-content: lab(7.22637% -.0000149012 0);
      --color-primary: lab(67.1656% -15.4515 -41.4696);
      --color-primary-content: lab(2.66377% -1.40604 -5.10406);
      --color-secondary: lab(56.2371% 65.3899 .0332475);
      --color-secondary-content: lab(1.74688% 5.7414 .00218153);
      --color-accent: lab(94.3504% -9.26513 83.7781);
      --color-accent-content: lab(6.2185% -1.53024 8.70785);
      --color-neutral: lab(9.26248% -.00000745058 .00000298023);
      --color-neutral-content: lab(81.8518% 0 -.0000238419);
      --color-info: lab(63.9872% -23.2842 -21.0783);
      --color-info-content: lab(2.36743% -1.86116 -2.07067);
      --color-success: lab(35.8861% 44.8675 -36.25);
      --color-success-content: lab(87.2634% 8.56781 -7.453);
      --color-warning: lab(65.7245% 38.8108 58.4563);
      --color-warning-content: lab(2.52973% 3.88878 3.42022);
      --color-error: lab(53.918% 64.84 47.6033);
      --color-error-content: lab(1.58436% 5.32448 2.10135);
    }
  }

  :is(:root:has(input.theme-controller[value="autumn"]:checked), [data-theme="autumn"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #f1f1f1;
    --color-base-200: #dbdbdb;
    --color-base-300: #c5c5c5;
    --color-base-content: #141414;
    --color-primary: #8c0327;
    --color-primary-content: #edd0d0;
    --color-secondary: #d85251;
    --color-secondary-content: #110202;
    --color-accent: #d59b6b;
    --color-accent-content: #100904;
    --color-neutral: #826a5c;
    --color-neutral-content: #e5e0dd;
    --color-info: #44adbb;
    --color-info-content: #020b0d;
    --color-success: #499380;
    --color-success-content: #020806;
    --color-warning: #e97f16;
    --color-warning-content: #130600;
    --color-error: #cf001e;
    --color-error-content: #ffd4d1;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="autumn"]:checked), [data-theme="autumn"]) {
      --color-base-100: lab(95.1442% -.0000596046 -.0000119209);
      --color-base-200: lab(87.3641% -.0000298023 0);
      --color-base-300: lab(79.584% -.0000298023 .0000119209);
      --color-base-content: lab(6.35555% 0 0);
      --color-primary: lab(29.4724% 51.9149 22.2512);
      --color-primary-content: lab(85.9131% 10.2968 3.80251);
      --color-secondary: lab(53.8426% 53.436 29.869);
      --color-secondary-content: lab(1.58011% 4.18492 1.53311);
      --color-accent: lab(68.8829% 17.9884 34.1655);
      --color-accent-content: lab(2.83324% 1.79562 2.58717);
      --color-neutral: lab(46.9075% 8.11517 11.5455);
      --color-neutral-content: lab(89.3871% 1.45194 2.11753);
      --color-info: lab(65.0988% -28.0567 -16.6103);
      --color-info-content: lab(2.46755% -2.31844 -1.66594);
      --color-success: lab(55.7916% -27.7726 2.62656);
      --color-success-content: lab(1.71304% -1.81498 .184056);
      --color-warning: lab(64.4787% 37.2631 67.1194);
      --color-warning-content: lab(2.41567% 3.61173 3.52702);
      --color-error: lab(43.0311% 76.9557 53.0846);
      --color-error-content: lab(88.6592% 14.8478 7.74314);
    }
  }

  :is(:root:has(input.theme-controller[value="business"]:checked), [data-theme="business"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #202020;
    --color-base-200: #1c1c1c;
    --color-base-300: #181818;
    --color-base-content: #cdcdcd;
    --color-primary: #1c4e80;
    --color-primary-content: #d0dae5;
    --color-secondary: #7c909a;
    --color-secondary-content: #050708;
    --color-accent: #ea6947;
    --color-accent-content: #130402;
    --color-neutral: #23282e;
    --color-neutral-content: #cecfd0;
    --color-info: #0291d5;
    --color-info-content: #000710;
    --color-success: #6bb187;
    --color-success-content: #040b07;
    --color-warning: #dbae5a;
    --color-warning-content: #110b03;
    --color-error: #ac3e31;
    --color-error-content: #f2d8d4;
    --radius-selector: 0rem;
    --radius-field: .25rem;
    --radius-box: .25rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="business"]:checked), [data-theme="business"]) {
      --color-base-100: lab(12.2495% -.00000745058 0);
      --color-base-200: lab(10.2717% -.00000745058 .00000298023);
      --color-base-300: lab(8.29504% 0 0);
      --color-base-content: lab(82.4492% 0 0);
      --color-primary: lab(31.8716% -2.55647 -33.6151);
      --color-primary-content: lab(86.4485% -1.85522 -6.80977);
      --color-secondary: lab(58.4477% -5.63756 -7.73354);
      --color-secondary-content: lab(1.9096% -.396445 -.583071);
      --color-accent: lab(60.6254% 49.1955 43.9053);
      --color-accent-content: lab(2.08437% 4.57403 2.49923);
      --color-neutral: lab(15.8035% -1.05159 -4.65131);
      --color-neutral-content: lab(83.1632% -.188708 -.729132);
      --color-info: lab(56.4211% -14.0871 -44.5288);
      --color-info-content: lab(1.75948% -.97622 -4.41895);
      --color-success: lab(66.7083% -30.0021 14.2385);
      --color-success-content: lab(2.61434% -2.50937 1.17262);
      --color-warning: lab(74.0041% 9.92856 48.9734);
      --color-warning-content: lab(3.3752% 1.14586 3.9538);
      --color-error: lab(42.4958% 45.0088 32.6711);
      --color-error-content: lab(88.5293% 8.54063 5.60534);
    }
  }

  :is(:root:has(input.theme-controller[value="acid"]:checked), [data-theme="acid"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #f8f8f8;
    --color-base-200: #eee;
    --color-base-300: #e1e1e1;
    --color-base-content: #000;
    --color-primary: #ff24fb;
    --color-primary-content: #180016;
    --color-secondary: #ff7a0d;
    --color-secondary-content: #180500;
    --color-accent: #cbfe00;
    --color-accent-content: #0f1600;
    --color-neutral: #140151;
    --color-neutral-content: #c7cadc;
    --color-info: #0082f4;
    --color-info-content: #000614;
    --color-success: #00f69e;
    --color-success-content: #001509;
    --color-warning: #ffe300;
    --color-warning-content: #161200;
    --color-error: #ff1d12;
    --color-error-content: #180000;
    --radius-selector: 1rem;
    --radius-field: 1rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="acid"]:checked), [data-theme="acid"]) {
      --color-base-100: lab(97.68% -.0000298023 .0000119209);
      --color-base-200: lab(94.2% 0 0);
      --color-base-300: lab(89.56% -.0000298023 -.0000119209);
      --color-base-content: lab(0% 0 0);
      --color-primary: lab(61.6426% 104.584 -62.3431);
      --color-primary-content: lab(2.17017% 11.703 -7.9728);
      --color-secondary: lab(67.5395% 59.7689 99.8903);
      --color-secondary-content: lab(2.70272% 6.65647 4.46881);
      --color-accent: lab(93.8021% -39.8923 114.351);
      --color-accent-content: lab(6.12505% -6.06422 9.80839);
      --color-neutral: lab(6.09747% 29.3225 -44.9201);
      --color-neutral-content: lab(81.553% 1.56942 -9.27624);
      --color-info: lab(52.6019% 6.68359 -76.4472);
      --color-info-content: lab(1.49683% .423439 -8.81159);
      --color-success: lab(86.8718% -90.1123 38.3471);
      --color-success-content: lab(5.03825% -10.6981 4.49026);
      --color-warning: lab(90.4358% -2.37456 107.692);
      --color-warning-content: lab(5.5819% -.383124 8.88906);
      --color-error: lab(56.2732% 92.2164 95.7598);
      --color-error-content: lab(1.75027% 8.75349 2.9845);
    }
  }

  :is(:root:has(input.theme-controller[value="lemonade"]:checked), [data-theme="lemonade"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #f8fdef;
    --color-base-200: #e1e6d9;
    --color-base-300: #cbcfc3;
    --color-base-content: #151614;
    --color-primary: #4b9200;
    --color-primary-content: #020800;
    --color-secondary: #bcc000;
    --color-secondary-content: #0d0e00;
    --color-accent: #ebd100;
    --color-accent-content: #131000;
    --color-neutral: #343300;
    --color-neutral-content: #d2d3c7;
    --color-info: #b1d9e9;
    --color-info-content: #0c1113;
    --color-success: #b9dbc6;
    --color-success-content: #0d110e;
    --color-warning: #d7d3b0;
    --color-warning-content: #11100c;
    --color-error: #efc6c2;
    --color-error-content: #140e0e;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="lemonade"]:checked), [data-theme="lemonade"]) {
      --color-base-100: lab(98.7263% -3.77014 6.34241);
      --color-base-200: lab(90.6886% -3.39466 5.70672);
      --color-base-300: lab(82.6618% -3.20512 5.39053);
      --color-base-content: lab(6.99094% -.683971 1.12266);
      --color-primary: lab(54.3367% -44.1267 71.4774);
      --color-primary-content: lab(1.60884% -2.56838 2.54891);
      --color-secondary: lab(75.3931% -15.13 95.3231);
      --color-secondary-content: lab(3.53378% -1.68499 5.69809);
      --color-accent: lab(83.8755% -2.44942 103.072);
      --color-accent-content: lab(4.61222% -.342384 7.41318);
      --color-neutral: lab(20.366% -4.6878 31.5163);
      --color-neutral-content: lab(84.1187% -1.61749 5.43685);
      --color-info: lab(84.2095% -10.844 -12.3281);
      --color-info-content: lab(4.65755% -1.41581 -1.76235);
      --color-success: lab(84.6144% -14.9354 6.65242);
      --color-success-content: lab(4.71173% -1.94321 .862303);
      --color-warning: lab(84.3071% -2.8984 17.9641);
      --color-warning-content: lab(4.6707% -.388689 2.16907);
      --color-error: lab(83.5496% 14.3623 8.07524);
      --color-error-content: lab(4.56993% 1.95403 1.01659);
    }
  }

  :is(:root:has(input.theme-controller[value="night"]:checked), [data-theme="night"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #0f172a;
    --color-base-200: #0c1425;
    --color-base-300: #0a1120;
    --color-base-content: #c9cbd0;
    --color-primary: #3abdf7;
    --color-primary-content: #010d15;
    --color-secondary: #818cf8;
    --color-secondary-content: #060715;
    --color-accent: #f471b5;
    --color-accent-content: #14040c;
    --color-neutral: #1e293b;
    --color-neutral-content: #cdd0d4;
    --color-info: #0ca5e9;
    --color-info-content: #000;
    --color-success: #2fd4bf;
    --color-success-content: #01100d;
    --color-warning: #f4bf51;
    --color-warning-content: #140d02;
    --color-error: #fb7085;
    --color-error-content: #150406;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="night"]:checked), [data-theme="night"]) {
      --color-base-100: lab(7.78565% 1.50348 -14.0094);
      --color-base-200: lab(6.25486% 1.27754 -13.0361);
      --color-base-300: lab(4.94775% .99355 -11.3494);
      --color-base-content: lab(81.586% -.131369 -2.64797);
      --color-primary: lab(71.5903% -21.6132 -39.8504);
      --color-primary-content: lab(3.11124% -2.14361 -5.32374);
      --color-secondary: lab(61.1158% 17.6693 -56.1728);
      --color-secondary-content: lab(2.12706% 1.49039 -6.71019);
      --color-accent: lab(65.5697% 56.4195 -10.8487);
      --color-accent-content: lab(2.51391% 6.05859 -1.0757);
      --color-neutral: lab(16.2295% -.501111 -12.9309);
      --color-neutral-content: lab(83.261% -.366569 -2.61757);
      --color-info: lab(63.3387% -17.6767 -44.8666);
      --color-info-content: lab(0% 0 0);
      --color-success: lab(76.6362% -46.052 -1.99497);
      --color-success-content: lab(3.67713% -4.80961 -.237116);
      --color-warning: lab(80.7185% 11.4659 61.1291);
      --color-warning-content: lab(4.18896% 1.46458 5.26781);
      --color-error: lab(65.3604% 55.3293 16.2444);
      --color-error-content: lab(2.49336% 5.93162 1.3272);
    }
  }

  :is(:root:has(input.theme-controller[value="coffee"]:checked), [data-theme="coffee"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #261b25;
    --color-base-200: #1e151d;
    --color-base-300: #120a11;
    --color-base-content: #c59f61;
    --color-primary: #db924c;
    --color-primary-content: #110802;
    --color-secondary: #273e3f;
    --color-secondary-content: #d0d5d5;
    --color-accent: #11576d;
    --color-accent-content: #d0dbe0;
    --color-neutral: #120c12;
    --color-neutral-content: #c9c7c9;
    --color-info: #8ecac1;
    --color-info-content: #070f0e;
    --color-success: #9db787;
    --color-success-content: #090c07;
    --color-warning: #ffd260;
    --color-warning-content: #161003;
    --color-error: #fc9581;
    --color-error-content: #150806;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="coffee"]:checked), [data-theme="coffee"]) {
      --color-base-100: lab(11.5186% 6.73094 -4.28205);
      --color-base-200: lab(8.06616% 6.14452 -3.90737);
      --color-base-300: lab(3.54214% 3.45968 -2.28596);
      --color-base-content: lab(68.0107% 8.72469 37.8636);
      --color-primary: lab(67.1253% 23.428 48.0589);
      --color-primary-content: lab(2.66053% 2.32654 3.1773);
      --color-secondary: lab(24.2685% -9.19533 -3.64553);
      --color-secondary-content: lab(84.8464% -1.59156 -.640082);
      --color-accent: lab(33.7195% -15.1877 -18.9201);
      --color-accent-content: lab(86.7598% -3.31098 -3.73706);
      --color-neutral: lab(3.93372% 2.78965 -2.10369);
      --color-neutral-content: lab(80.5901% .850767 -.625479);
      --color-info: lab(76.9699% -21.4916 -2.07351);
      --color-info-content: lab(3.71591% -2.33059 -.240013);
      --color-success: lab(71.4935% -15.6754 21.279);
      --color-success-content: lab(3.09833% -1.55634 1.90848);
      --color-warning: lab(86.5754% 7.29615 61.0827);
      --color-warning-content: lab(4.99662% 1.08391 6.19825);
      --color-error: lab(72.5858% 38.1291 28.0821);
      --color-error-content: lab(3.22106% 4.46529 2.48123);
    }
  }

  :is(:root:has(input.theme-controller[value="winter"]:checked), [data-theme="winter"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f2f7fe;
    --color-base-300: #e3e9f4;
    --color-base-content: #394e6a;
    --color-primary: #006ef6;
    --color-primary-content: #d0e4ff;
    --color-secondary: #463aa2;
    --color-secondary-content: #d5d7ee;
    --color-accent: #c148ac;
    --color-accent-content: #0e020b;
    --color-neutral: #021431;
    --color-neutral-content: #c5cbd2;
    --color-info: #94e7fb;
    --color-info-content: #081315;
    --color-success: #81cfd1;
    --color-success-content: #060f10;
    --color-warning: #efd7bc;
    --color-warning-content: #14110d;
    --color-error: #e58b8b;
    --color-error-content: #120707;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="winter"]:checked), [data-theme="winter"]) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(97.0256% -.579119 -4.10502);
      --color-base-300: lab(92.1275% -.540137 -5.99966);
      --color-base-content: lab(32.3645% -2.07642 -18.7617);
      --color-primary: lab(46.9717% 23.075 -88.0595);
      --color-primary-content: lab(89.8181% -2.65494 -18.5583);
      --color-secondary: lab(30.8474% 28.7337 -55.8122);
      --color-secondary-content: lab(86.4008% 2.72572 -11.7019);
      --color-accent: lab(50.7081% 57.2543 -28.9765);
      --color-accent-content: lab(1.37536% 4.26588 -2.26665);
      --color-neutral: lab(6.34021% 2.31444 -21.6251);
      --color-neutral-content: lab(81.318% -.772327 -4.44011);
      --color-info: lab(86.8071% -22.5711 -18.0407);
      --color-info-content: lab(5.03021% -3.14728 -2.92687);
      --color-success: lab(78.1574% -24.6619 -9.01252);
      --color-success-content: lab(3.8616% -2.78492 -1.14045);
      --color-warning: lab(87.452% 5.30511 16.744);
      --color-warning-content: lab(5.12547% .797942 2.26245);
      --color-error: lab(67.6569% 35.0793 15.4131);
      --color-error-content: lab(2.71029% 3.75202 1.3437);
    }
  }

  :is(:root:has(input.theme-controller[value="dim"]:checked), [data-theme="dim"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #2a303c;
    --color-base-200: #242933;
    --color-base-300: #20252e;
    --color-base-content: #b2ccd6;
    --color-primary: #9fe88d;
    --color-primary-content: #091307;
    --color-secondary: #ff7d5d;
    --color-secondary-content: #160503;
    --color-accent: #c792e9;
    --color-accent-content: #0e0813;
    --color-neutral: #1c212b;
    --color-neutral-content: #b2ccd6;
    --color-info: #28ebff;
    --color-info-content: #011316;
    --color-success: #62efbd;
    --color-success-content: #03140d;
    --color-warning: #efd057;
    --color-warning-content: #141003;
    --color-error: #ffae9b;
    --color-error-content: #160b09;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="dim"]:checked), [data-theme="dim"]) {
      --color-base-100: lab(19.6723% -.17938 -8.46498);
      --color-base-200: lab(16.4233% -.185281 -7.00837);
      --color-base-300: lab(14.4764% -.382513 -6.61221);
      --color-base-content: lab(80.3291% -7.40749 -8.00557);
      --color-primary: lab(85.5861% -36.024 36.5857);
      --color-primary-content: lab(4.85138% -4.71839 4.19818);
      --color-secondary: lab(67.7323% 48.4987 41.8244);
      --color-secondary-content: lab(2.71785% 5.38566 3.00674);
      --color-accent: lab(68.2164% 32.1265 -36.2513);
      --color-accent-content: lab(2.76961% 3.36669 -4.41874);
      --color-neutral: lab(12.58% -.122048 -7.34577);
      --color-neutral-content: lab(80.3291% -7.40749 -8.00557);
      --color-info: lab(85.0419% -41.3861 -23.3216);
      --color-info-content: lab(4.77313% -5.26147 -3.71018);
      --color-success: lab(85.8434% -48.6696 12.3112);
      --color-success-content: lab(4.88647% -6.17752 1.62921);
      --color-warning: lab(84.4832% 1.40542 62.0506);
      --color-warning-content: lab(4.69617% .184178 5.89212);
      --color-error: lab(78.8025% 28.7108 22.315);
      --color-error-content: lab(3.94852% 3.67327 2.33457);
    }
  }

  :is(:root:has(input.theme-controller[value="nord"]:checked), [data-theme="nord"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #eceff4;
    --color-base-200: #e5e9f0;
    --color-base-300: #d8dee9;
    --color-base-content: #2e3440;
    --color-primary: #5e81ac;
    --color-primary-content: #03060b;
    --color-secondary: #81a1c1;
    --color-secondary-content: #06090d;
    --color-accent: #88c0d0;
    --color-accent-content: #070d10;
    --color-neutral: #4c566a;
    --color-neutral-content: #d8dee9;
    --color-info: #b48ead;
    --color-info-content: #0c070b;
    --color-success: #a3be8d;
    --color-success-content: #0a0d07;
    --color-warning: #ebcb8b;
    --color-warning-content: #130f07;
    --color-error: #bf616a;
    --color-error-content: #0d0304;
    --radius-selector: 1rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="nord"]:checked), [data-theme="nord"]) {
      --color-base-100: lab(94.324% -.339657 -2.62373);
      --color-base-200: lab(92.1906% -.413388 -3.75246);
      --color-base-300: lab(88.2495% -.537157 -5.99797);
      --color-base-content: lab(21.5129% -.21413 -8.11483);
      --color-primary: lab(52.6518% -3.74743 -27.0171);
      --color-primary-content: lab(1.49876% -.241503 -2.13669);
      --color-secondary: lab(64.6969% -5.5643 -20.3257);
      --color-secondary-content: lab(2.43381% -.470936 -1.96204);
      --color-accent: lab(74.2453% -15.8457 -14.1565);
      --color-accent-content: lab(3.40084% -1.66879 -1.69079);
      --color-neutral: lab(36.2786% -.245005 -12.8696);
      --color-neutral-content: lab(88.2495% -.537157 -5.99797);
      --color-info: lab(63.4156% 18.5962 -10.5134);
      --color-info-content: lab(2.32111% 1.66221 -.960082);
      --color-success: lab(73.9575% -16.0914 21.8886);
      --color-success-content: lab(3.36525% -1.64589 2.02379);
      --color-warning: lab(83.3692% 5.34141 36.1947);
      --color-warning-content: lab(4.54197% .693284 3.83488);
      --color-error: lab(52.9945% 38.9134 13.1792);
      --color-error-content: lab(1.52051% 2.92406 .778365);
    }
  }

  :is(:root:has(input.theme-controller[value="sunset"]:checked), [data-theme="sunset"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #121c22;
    --color-base-200: #0e171e;
    --color-base-300: #091319;
    --color-base-content: #9fb9d0;
    --color-primary: #ff865b;
    --color-primary-content: #160603;
    --color-secondary: #fd6f9c;
    --color-secondary-content: #160409;
    --color-accent: #b387fa;
    --color-accent-content: #0c0615;
    --color-neutral: #1b262c;
    --color-neutral-content: #94a0a9;
    --color-info: #89e0eb;
    --color-info-content: #071213;
    --color-success: #addfad;
    --color-success-content: #0b120b;
    --color-warning: #f1c892;
    --color-warning-content: #140f08;
    --color-error: #ffbbbd;
    --color-error-content: #160d0d;
    --radius-selector: 1rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="sunset"]:checked), [data-theme="sunset"]) {
      --color-base-100: lab(9.54204% -2.9545 -5.95486);
      --color-base-200: lab(7.245% -2.6449 -5.89688);
      --color-base-300: lab(5.28114% -2.09552 -5.26116);
      --color-base-content: lab(73.751% -5.30854 -14.5723);
      --color-primary: lab(69.4524% 44.4451 44.5169);
      --color-primary-content: lab(2.89117% 4.96126 3.23885);
      --color-secondary: lab(65.9623% 57.9306 4.05993);
      --color-secondary-content: lab(2.5512% 6.26259 .363874);
      --color-accent: lab(64.3289% 34.6406 -51.7657);
      --color-accent-content: lab(2.40093% 3.39989 -6.53992);
      --color-neutral: lab(14.1853% -3.02288 -5.97882);
      --color-neutral-content: lab(65.2362% -3.2492 -6.07528);
      --color-info: lab(83.9831% -25.2179 -14.0713);
      --color-info-content: lab(4.62664% -3.30009 -2.1173);
      --color-success: lab(84.3332% -23.6885 18.923);
      --color-success-content: lab(4.67607% -3.13393 2.36688);
      --color-warning: lab(83.2812% 9.57516 32.9211);
      --color-warning-content: lab(4.53047% 1.26158 3.54228);
      --color-error: lab(82.3653% 25.1849 9.08245);
      --color-error-content: lab(4.41046% 3.4458 1.11386);
    }
  }

  :is(:root:has(input.theme-controller[value="caramellatte"]:checked), [data-theme="caramellatte"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff7ed;
    --color-base-200: #feecd3;
    --color-base-300: #ffd6a7;
    --color-base-content: #7c2808;
    --color-primary: #000;
    --color-primary-content: #fff;
    --color-secondary: #360a00;
    --color-secondary-content: #ffd6a7;
    --color-accent: #8c3f27;
    --color-accent-content: #ffd6a7;
    --color-neutral: #c43b00;
    --color-neutral-content: #fff7ed;
    --color-info: #193ab7;
    --color-info-content: #ffd6a7;
    --color-success: #005f45;
    --color-success-content: #ffd6a7;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff6266;
    --color-error-content: #801518;
    --radius-selector: 2rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 2px;
    --depth: 1;
    --noise: 1;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="caramellatte"]:checked), [data-theme="caramellatte"]) {
      --color-base-100: lab(97.7008% 1.53738 5.90646);
      --color-base-200: lab(94.2486% 3.58573 14.3166);
      --color-base-300: lab(88.3709% 9.95106 28.8399);
      --color-base-content: lab(29.363% 36.096 38.1255);
      --color-primary: lab(0% 0 0);
      --color-primary-content: lab(100% 0 0);
      --color-secondary: lab(9.39577% 22.1975 14.8477);
      --color-secondary-content: lab(88.3709% 9.95106 28.8399);
      --color-accent: lab(36.9721% 32.0881 30.5761);
      --color-accent-content: lab(88.3709% 9.95106 28.8399);
      --color-neutral: lab(46.1115% 57.752 71.3111);
      --color-neutral-content: lab(97.7008% 1.53738 5.90646);
      --color-info: lab(29.7615% 28.117 -70.2765);
      --color-info-content: lab(88.3709% 9.95106 28.8399);
      --color-success: lab(35.1354% -33.1288 8.04086);
      --color-success-content: lab(88.3709% 9.95106 28.8399);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(63.2406% 60.7498 31.3402);
      --color-error-content: lab(27.8157% 44.5726 29.2331);
    }
  }

  :is(:root:has(input.theme-controller[value="abyss"]:checked), [data-theme="abyss"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-base-100: #001b20;
    --color-base-200: #000f14;
    --color-base-300: #000406;
    --color-base-content: #ffd6a7;
    --color-primary: #c2fd00;
    --color-primary-content: #526f00;
    --color-secondary: #cebef4;
    --color-secondary-content: #564775;
    --color-accent: #505050;
    --color-accent-content: #f8f8f8;
    --color-neutral: #00363e;
    --color-neutral-content: #ffd6a7;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #01df72;
    --color-success-content: #022d14;
    --color-warning: #ffc211;
    --color-warning-content: #6e4f00;
    --color-error: #f04e4f;
    --color-error-content: #540002;
    --radius-selector: 2rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="abyss"]:checked), [data-theme="abyss"]) {
      --color-base-100: lab(7.74345% -16.0152 -13.8988);
      --color-base-200: lab(3.31509% -7.8967 -11.288);
      --color-base-300: lab(.997793% -2.5271 -6.08849);
      --color-base-content: lab(88.3709% 9.95106 28.8399);
      --color-primary: lab(93.0044% -43.5133 110.402);
      --color-primary-content: lab(43.7867% -36.9067 132.72);
      --color-secondary: lab(79.6831% 13.6768 -24.7723);
      --color-secondary-content: lab(33.1826% 14.7743 -24.3602);
      --color-accent: lab(33.88% 0 0);
      --color-accent-content: lab(97.68% -.0000298023 .0000119209);
      --color-neutral: lab(19.3866% -21.5231 -14.1394);
      --color-neutral-content: lab(88.3709% 9.95106 28.8399);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25945 -21.1512);
      --color-success: lab(78.2706% -64.9343 39.7594);
      --color-success-content: lab(14.9873% -20.4447 11.747);
      --color-warning: lab(82.4885% 17.1464 104.766);
      --color-warning-content: lab(35.6098% 24.6044 106.49);
      --color-error: lab(57.3933% 62.8183 36.4469);
      --color-error-content: lab(13.1003% 64.0787 29.5479);
    }
  }

  :is(:root:has(input.theme-controller[value="silk"]:checked), [data-theme="silk"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #f7f5f3;
    --color-base-200: #f3ede9;
    --color-base-300: #e2ddd9;
    --color-base-content: #4b4743;
    --color-primary: #1c1c29;
    --color-primary-content: #e2fd00;
    --color-secondary: #1c1c29;
    --color-secondary-content: #ff8117;
    --color-accent: #1c1c29;
    --color-accent-content: #00faf1;
    --color-neutral: #161616;
    --color-neutral-content: #c2bdb9;
    --color-info: #7ac8ff;
    --color-info-content: #003256;
    --color-success: #afd89e;
    --color-success-content: #092700;
    --color-warning: #efc375;
    --color-warning-content: #6d4b00;
    --color-error: #ff817f;
    --color-error-content: #79000d;
    --radius-selector: 2rem;
    --radius-field: .5rem;
    --radius-box: 1rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 2px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :is(:root:has(input.theme-controller[value="silk"]:checked), [data-theme="silk"]) {
      --color-base-100: lab(96.5204% .439048 1.23947);
      --color-base-200: lab(94.1881% 1.30171 2.73036);
      --color-base-300: lab(88.3881% 1.30272 2.73099);
      --color-base-content: lab(30.3869% 1.32547 2.74618);
      --color-primary: lab(10.7425% 2.83168 -8.84132);
      --color-primary-content: lab(95.1282% -29.342 114.737);
      --color-secondary: lab(10.7425% 2.83168 -8.84132);
      --color-secondary-content: lab(68.3672% 54.7379 94.4974);
      --color-accent: lab(10.7425% 2.83168 -8.84132);
      --color-accent-content: lab(89.4854% -70.28 -13.5608);
      --color-neutral: lab(7.22637% -.0000149012 0);
      --color-neutral-content: lab(76.7879% 1.30498 2.73247);
      --color-info: lab(77.1732% -13.3722 -36.8832);
      --color-info-content: lab(18.7333% -3.93628 -35.7778);
      --color-success: lab(82.4233% -22.0588 24.1106);
      --color-success-content: lab(12.6615% -21.1196 21.0789);
      --color-warning: lab(81.459% 9.8055 44.8909);
      --color-warning-content: lab(34.8844% 12.7342 57.7817);
      --color-error: lab(69.2714% 57.5662 29.44);
      --color-error-content: lab(22.7589% 58.2524 35.871);
    }
  }

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

  :root {
    scrollbar-color: currentColor #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }

  @property --radialprogress {
    syntax: "<percentage>"; inherits: true; initial-value: 0%;
  }

  :root:not(span) {
    overflow: var(--page-overflow);
  }

  :root {
    --page-scroll-bg-on: linear-gradient(var(--root-bg), var(--root-bg)) var(--root-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --page-scroll-bg-on: linear-gradient(var(--root-bg), var(--root-bg)) color-mix(in srgb, var(--root-bg), lab(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
    }
  }

  :root {
    --page-scroll-transition-on: background-color .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);
  }

  :root:root {
    background: var(--page-scroll-bg, var(--root-bg, var(--color-base-100)));
  }

  @keyframes set-page-has-scroll {
    0%, to {
      --page-has-scroll: 1;
    }
  }

  :root, [data-theme] {
    background-color: var(--root-bg, var(--color-base-100));
    color: var(--color-base-content);
  }

  :where(:root, [data-theme]) {
    --root-bg: var(--color-base-100);
  }
}

@layer components;

@layer utilities {
  @layer daisyui.l1.l2.l3 {
    .modal {
      pointer-events: none;
      visibility: hidden;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
      color: inherit;
      transition: visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      overscroll-behavior: contain;
      z-index: 999;
      scrollbar-gutter: auto;
      background-color: #0000;
      place-items: center;
      margin: 0;
      padding: 0;
      display: grid;
      position: fixed;
      inset: 0;
      overflow: clip;
    }

    .modal::backdrop {
      display: none;
    }
  }

  @layer daisyui.l1.l2 {
    .modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      background-color: #0006;
      background-color: lab(0% 0 0 / .4);
    }

    :is(.modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal) .modal-box {
      opacity: 1;
      translate: 0;
      scale: 1;
    }

    :root:has(:is(.modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal)) {
      --page-has-backdrop: 1;
      --page-overflow: hidden;
      --page-scroll-bg: var(--page-scroll-bg-on);
      --page-scroll-gutter: stable;
      --page-scroll-transition: var(--page-scroll-transition-on);
      animation: forwards set-page-has-scroll;
      animation-timeline: scroll();
    }

    @starting-style {
      .modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal {
        opacity: 0;
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .menu {
      --menu-active-fg: var(--color-neutral-content);
      --menu-active-bg: var(--color-neutral);
      flex-flow: column wrap;
      width: fit-content;
      padding: .5rem;
      font-size: .875rem;
      display: flex;
    }

    .menu :where(li ul) {
      white-space: nowrap;
      margin-inline-start: 1rem;
      padding-inline-start: .5rem;
      position: relative;
    }

    .menu :where(li ul):before {
      inset-inline-start: 0;
      background-color: var(--color-base-content);
      opacity: .1;
      width: var(--border);
      content: "";
      position: absolute;
      top: .75rem;
      bottom: .75rem;
    }

    .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
      display: none;
    }

    .menu :where(li:not(.menu-title) > :not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      border-radius: var(--radius-field);
      text-align: start;
      text-wrap: balance;
      -webkit-user-select: none;
      user-select: none;
      grid-auto-columns: minmax(auto, max-content) auto max-content;
      grid-auto-flow: column;
      align-content: flex-start;
      align-items: center;
      gap: .5rem;
      padding-block: .375rem;
      padding-inline: .75rem;
      transition-property: color, background-color, box-shadow;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
      display: grid;
    }

    .menu :where(li > details > summary) {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .menu :where(li > details > summary) {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .menu :where(li > details > summary)::-webkit-details-marker {
      display: none;
    }

    :is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle)):after {
      content: "";
      transform-origin: 50%;
      pointer-events: none;
      justify-self: flex-end;
      width: .375rem;
      height: .375rem;
      transition-property: rotate, translate;
      transition-duration: .2s;
      display: block;
      translate: 0 -1px;
      rotate: -135deg;
      box-shadow: inset 2px 2px;
    }

    .menu details {
      interpolate-size: allow-keywords;
      overflow: hidden;
    }

    .menu details::details-content {
      block-size: 0;
    }

    @media (prefers-reduced-motion: no-preference) {
      .menu details::details-content {
        transition-behavior: allow-discrete;
        transition-property: block-size, content-visibility;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
      }
    }

    .menu details[open]::details-content {
      block-size: auto;
    }

    .menu :where(li > details[open] > summary):after, .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
      translate: 0 1px;
      rotate: 45deg;
    }

    .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
      color: var(--color-base-content);
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
      box-shadow: inset 0 1px #00000003, inset 0 -1px #ffffff03;
      box-shadow: inset 0 1px lab(0% 0 0 / .01), inset 0 -1px lab(100% 0 0 / .01);
    }

    .menu :where(li:empty) {
      background-color: var(--color-base-content);
      opacity: .1;
      height: 1px;
      margin: .5rem 1rem;
    }

    .menu :where(li) {
      flex-flow: column wrap;
      flex-shrink: 0;
      align-items: stretch;
      display: flex;
      position: relative;
    }

    .menu :where(li) .badge {
      justify-self: flex-end;
    }

    .menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active {
      color: var(--menu-active-fg);
      background-color: var(--menu-active-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
    }

    :is(.menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):not(:is(.menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):active) {
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
    }

    .menu :where(li).menu-disabled {
      pointer-events: none;
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .menu :where(li).menu-disabled {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .menu .dropdown:focus-within .menu-dropdown-toggle:after {
      translate: 0 1px;
      rotate: 45deg;
    }

    .menu .dropdown-content {
      margin-top: .5rem;
      padding: .5rem;
    }

    .menu .dropdown-content:before {
      display: none;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .dropdown {
      position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
      display: inline-block;
      position: relative;
    }

    .dropdown > :not(:has( ~ [class*="dropdown-content"])):focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .dropdown > :not(:has( ~ [class*="dropdown-content"])):focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .dropdown .dropdown-content {
      position: absolute;
    }

    .dropdown.dropdown-close .dropdown-content, .dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: 95%;
    }

    .dropdown[popover], .dropdown .dropdown-content {
      z-index: 999;
    }

    @media (prefers-reduced-motion: no-preference) {
      .dropdown[popover], .dropdown .dropdown-content {
        transition-behavior: allow-discrete;
        transition-property: opacity, scale, display;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation: .2s dropdown;
      }
    }

    @starting-style {
      .dropdown[popover], .dropdown .dropdown-content {
        opacity: 0;
        scale: 95%;
      }
    }

    :is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child {
      pointer-events: none;
    }

    :is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content {
      opacity: 1;
      scale: 100%;
    }

    .dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content {
      opacity: 1;
      scale: 100%;
    }

    .dropdown:is(details) summary::-webkit-details-marker {
      display: none;
    }

    .dropdown:where([popover]) {
      background: none;
    }

    .dropdown[popover] {
      color: inherit;
      position: fixed;
    }

    @supports not (position-area: bottom) {
      .dropdown[popover] {
        margin: auto;
      }

      .dropdown[popover].dropdown-close {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale: 95%;
      }

      .dropdown[popover].dropdown-open:not(:popover-open) {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale: 95%;
      }

      .dropdown[popover]::backdrop {
        background-color: #0000004d;
        background-color: lab(0% 0 0 / .3);
      }
    }

    :is(.dropdown[popover].dropdown-close, .dropdown[popover]:not(.dropdown-open, :popover-open)) {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: 95%;
    }
  }

  @layer daisyui.l1.l2.l3 {
    :where(.btn) {
      width: unset;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .btn {
      cursor: pointer;
      text-align: center;
      vertical-align: middle;
      outline-offset: 2px;
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      padding-inline: var(--btn-p);
      color: var(--btn-fg);
      --tw-prose-links: var(--btn-fg);
      height: var(--size);
      font-size: var(--fontsize, .875rem);
      outline-color: var(--btn-color, var(--color-base-content));
      background-color: var(--btn-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--btn-noise);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--btn-border);
      text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
      touch-action: manipulation;
      box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
      --size: calc(var(--size-field, .25rem) * 10);
      --btn-bg: var(--btn-color, var(--color-base-200));
      --btn-fg: var(--color-base-content);
      --btn-p: 1rem;
      --btn-border: var(--btn-bg);
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      flex-wrap: nowrap;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      gap: .375rem;
      font-weight: 600;
      transition-property: color, background-color, border-color, box-shadow;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn {
        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
      }
    }

    .btn {
      --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn {
        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
      }
    }

    .btn {
      --btn-noise: var(--fx-noise);
    }

    @media (hover: hover) {
      .btn:hover {
        --btn-bg: var(--btn-color, var(--color-base-200));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .btn:hover {
          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
        }
      }
    }

    .btn:focus-visible {
      isolation: isolate;
      outline-width: 2px;
      outline-style: solid;
    }

    .btn:has(:focus-visible) {
      isolation: isolate;
      outline-width: 2px;
      outline-style: solid;
    }

    .btn:active:not(.btn-active) {
      --btn-bg: var(--btn-color, var(--color-base-200));
      translate: 0 .5px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:active:not(.btn-active) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
      }
    }

    .btn:active:not(.btn-active) {
      --btn-border: var(--btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:active:not(.btn-active) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
    }

    .btn:active:not(.btn-active) {
      --btn-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000;
    }

    .btn:is(input[type="checkbox"], input[type="radio"]) {
      appearance: none;
    }

    .btn:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .btn:where(input:checked:not(.filter .btn)) {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
      isolation: isolate;
    }
  }

  @layer daisyui.l1.l2 {
    .btn:disabled:not(.btn-link, .btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:disabled:not(.btn-link, .btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .btn:disabled:not(.btn-link, .btn-ghost) {
      box-shadow: none;
    }

    .btn:disabled {
      pointer-events: none;
      --btn-border: #0000;
      --btn-noise: none;
      --btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:disabled {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }
  }

  @layer daisyui.l1.l2 {
    .btn[disabled]:not(.btn-link, .btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn[disabled]:not(.btn-link, .btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .btn[disabled]:not(.btn-link, .btn-ghost) {
      box-shadow: none;
    }

    .btn[disabled] {
      pointer-events: none;
      --btn-border: #0000;
      --btn-noise: none;
      --btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn[disabled] {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .loading {
      pointer-events: none;
      aspect-ratio: 1;
      vertical-align: middle;
      width: calc(var(--size-selector, .25rem) * 6);
      background-color: currentColor;
      display: inline-block;
      -webkit-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");
      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");
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  }

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

  .collapse:not(td, tr, colgroup) {
    visibility: revert-layer;
  }

  @layer daisyui.l1.l2.l3 {
    .collapse {
      border-radius: var(--radius-box, 1rem);
      isolation: isolate;
      grid-template-rows: max-content 0fr;
      grid-template-columns: minmax(0, 1fr);
      width: 100%;
      display: grid;
      position: relative;
      overflow: hidden;
    }

    @media (prefers-reduced-motion: no-preference) {
      .collapse {
        transition: grid-template-rows .2s;
      }
    }

    .collapse > input:is([type="checkbox"], [type="radio"]) {
      appearance: none;
      opacity: 0;
      z-index: 1;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 100%;
      min-height: 1lh;
      padding: 1rem;
      padding-inline-end: 3rem;
      transition: background-color .2s ease-out;
    }

    .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) {
      grid-template-rows: max-content 1fr;
    }

    .collapse:not(.collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) {
      grid-template-rows: max-content 1fr;
    }

    .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > .collapse-content, .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
      content-visibility: visible;
      min-height: fit-content;
    }

    @supports not (content-visibility: visible) {
      .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > .collapse-content, .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
        visibility: visible;
      }
    }

    .collapse:focus-visible {
      outline-color: var(--color-base-content);
      outline-offset: 2px;
      outline-width: 2px;
      outline-style: solid;
    }

    .collapse:has( > input:is([type="checkbox"], [type="radio"]):focus-visible) {
      outline-color: var(--color-base-content);
      outline-offset: 2px;
      outline-width: 2px;
      outline-style: solid;
    }

    .collapse:has(summary:focus-visible) {
      outline-color: var(--color-base-content);
      outline-offset: 2px;
      outline-width: 2px;
      outline-style: solid;
    }

    .collapse:not(.collapse-close) > input[type="checkbox"], .collapse:not(.collapse-close) > input[type="radio"]:not(:checked), .collapse:not(.collapse-close) > .collapse-title {
      cursor: pointer;
    }

    :is(.collapse[tabindex]:focus:not(.collapse-close, .collapse[open]), .collapse[tabindex]:focus-within:not(.collapse-close, .collapse[open])) > .collapse-title {
      cursor: unset;
    }

    .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > :where(.collapse-content), .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
      padding-bottom: 1rem;
    }
  }

  @layer daisyui.l1.l2 {
    @media (prefers-reduced-motion: no-preference) {
      .collapse[open].collapse-arrow > .collapse-title:after {
        transform: translateY(-50%)rotate(225deg);
      }
    }

    @media (prefers-reduced-motion: no-preference) {
      .collapse.collapse-open.collapse-arrow > .collapse-title:after {
        transform: translateY(-50%)rotate(225deg);
      }
    }

    .collapse.collapse-open.collapse-plus > .collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }

    :is(.collapse[tabindex].collapse-arrow:focus:not(.collapse-close), .collapse.collapse-arrow[tabindex]:focus-within:not(.collapse-close)) > .collapse-title:after {
      transform: translateY(-50%)rotate(225deg);
    }

    .collapse.collapse-arrow:not(.collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
      transform: translateY(-50%)rotate(225deg);
    }

    .collapse[open].collapse-plus > .collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }

    .collapse[tabindex].collapse-plus:focus:not(.collapse-close) > .collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }

    .collapse.collapse-plus:not(.collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }
  }

  @layer daisyui.l1.l2.l3 {
    .collapse:is(details) {
      width: 100%;
    }

    @media (prefers-reduced-motion: no-preference) {
      .collapse:is(details)::details-content {
        transition: content-visibility .2s allow-discrete, visibility .2s allow-discrete, padding .2s ease-out, background-color .2s ease-out, height .2s;
        interpolate-size: allow-keywords;
        height: 0;
      }

      .collapse:is(details):where([open])::details-content {
        height: auto;
      }
    }

    .collapse:is(details) summary {
      display: block;
      position: relative;
    }

    .collapse:is(details) summary::-webkit-details-marker {
      display: none;
    }

    .collapse:is(details) > .collapse-content {
      content-visibility: visible;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .collapse:is(details) summary {
      outline: none;
    }
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  @layer daisyui.l1.l2.l3 {
    .list {
      flex-direction: column;
      font-size: .875rem;
      display: flex;
    }

    .list .list-row {
      --list-grid-cols: minmax(0, auto) 1fr;
      border-radius: var(--radius-box);
      word-break: break-word;
      grid-auto-flow: column;
      grid-template-columns: var(--list-grid-cols);
      gap: 1rem;
      padding: 1rem;
      display: grid;
      position: relative;
    }

    :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
      content: "";
      border-bottom: var(--border) solid;
      inset-inline: var(--radius-box);
      border-color: var(--color-base-content);
      position: absolute;
      bottom: 0;
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
        border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
      }
    }
  }

  @layer daisyui.l1.l2 {
    .list .list-row:has(.list-col-grow:first-child) {
      --list-grid-cols: 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(2)) {
      --list-grid-cols: minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(3)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(4)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(5)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row: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;
    }

    .list .list-row > :not(.list-col-wrap) {
      grid-row-start: 1;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .toast {
      inset-inline: auto 1rem;
      translate: var(--toast-x, 0) var(--toast-y, 0);
      background-color: #0000;
      flex-direction: column;
      gap: .5rem;
      width: max-content;
      max-width: calc(100vw - 2rem);
      display: flex;
      position: fixed;
      top: auto;
      bottom: 1rem;
    }

    @media (prefers-reduced-motion: no-preference) {
      .toast > * {
        animation: .25s ease-out toast;
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .input {
      cursor: text;
      border: var(--border) solid #0000;
      appearance: none;
      background-color: var(--color-base-100);
      vertical-align: middle;
      white-space: nowrap;
      width: clamp(3rem, 20rem, 100%);
      height: var(--size);
      font-size: max(var(--font-size, .875rem), .875rem);
      touch-action: manipulation;
      border-color: var(--input-color);
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      flex-shrink: 1;
      align-items: center;
      gap: .5rem;
      padding-inline: .75rem;
      display: inline-flex;
      position: relative;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

    .input {
      --size: calc(var(--size-field, .25rem) * 10);
      --input-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .input:where(input) {
      display: inline-flex;
    }

    .input :where(input) {
      appearance: none;
      background-color: #0000;
      border: none;
      width: 100%;
      height: 100%;
      display: inline-flex;
    }

    .input :where(input):focus, .input :where(input):focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .input :where(input):focus, .input :where(input):focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .input :where(input[type="url"]), .input :where(input[type="email"]) {
      direction: ltr;
    }

    .input :where(input[type="date"]) {
      display: inline-flex;
    }

    .input:focus, .input:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input:focus, .input:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .input:focus, .input:focus-within {
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
      z-index: 1;
    }

    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .input:focus, .input:focus-within {
          --font-size: 1rem;
        }
      }
    }

    .input:is(:disabled, [disabled]), fieldset:disabled .input {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    .input:has( > input[disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input:has( > input[disabled]) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    .input:has( > input[disabled])::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input:has( > input[disabled])::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .input:has( > input[disabled]) {
      box-shadow: none;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input:is(:disabled, [disabled]), fieldset:disabled .input {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.input:is(:disabled, [disabled]), fieldset:disabled .input)::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.input:is(:disabled, [disabled]), fieldset:disabled .input)::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .input:is(:disabled, [disabled]), fieldset:disabled .input {
      box-shadow: none;
    }

    .input:has( > input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }

    .input::-webkit-date-and-time-value {
      text-align: inherit;
    }

    .input[type="number"]::-webkit-inner-spin-button {
      margin-block: -.75rem;
      margin-inline-end: -.75rem;
    }

    .input::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: .75em;
    }

    .input:has( > input[type="date"]) :where(input[type="date"]) {
      webkit-appearance: none;
      appearance: none;
      display: inline-flex;
    }

    .input:has( > input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
      cursor: pointer;
      width: 1em;
      height: 1em;
      position: absolute;
      inset-inline-end: .75em;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .steps {
      counter-reset: step;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
      display: inline-grid;
      overflow: auto hidden;
    }

    .steps .step {
      text-align: center;
      --step-bg: var(--color-base-300);
      --step-fg: var(--color-base-content);
      grid-template-rows: 40px 1fr;
      grid-template-columns: auto;
      place-items: center;
      min-width: 4rem;
      display: grid;
    }

    .steps .step:before {
      width: 100%;
      height: .5rem;
      color: var(--step-bg);
      background-color: var(--step-bg);
      content: "";
      border: 1px solid;
      grid-row-start: 1;
      grid-column-start: 1;
      margin-inline-start: -100%;
      top: 0;
    }

    .steps .step > .step-icon {
      --tw-content: counter(step);
      content: var(--tw-content);
      counter-increment: step;
      z-index: 1;
      color: var(--step-fg);
      background-color: var(--step-bg);
      border: 1px solid var(--step-bg);
      border-radius: 3.40282e38px;
      grid-row-start: 1;
      grid-column-start: 1;
      place-self: center;
      place-items: center;
      width: 2rem;
      height: 2rem;
      display: grid;
      position: relative;
    }

    .steps .step:not(:has(.step-icon)):after {
      --tw-content: counter(step);
      content: var(--tw-content);
      counter-increment: step;
      z-index: 1;
      color: var(--step-fg);
      background-color: var(--step-bg);
      border: 1px solid var(--step-bg);
      border-radius: 3.40282e38px;
      grid-row-start: 1;
      grid-column-start: 1;
      place-self: center;
      place-items: center;
      width: 2rem;
      height: 2rem;
      display: grid;
      position: relative;
    }

    .steps .step:first-child:before {
      --tw-content: none;
      content: var(--tw-content);
    }

    .steps .step[data-content]:after {
      --tw-content: attr(data-content);
      content: var(--tw-content);
    }
  }

  @layer daisyui.l1.l2 {
    .steps .step-neutral + .step-neutral:before, .steps .step-neutral:after, .steps .step-neutral > .step-icon {
      --step-bg: var(--color-neutral);
      --step-fg: var(--color-neutral-content);
    }

    .steps .step-primary + .step-primary:before, .steps .step-primary:after, .steps .step-primary > .step-icon {
      --step-bg: var(--color-primary);
      --step-fg: var(--color-primary-content);
    }

    .steps .step-secondary + .step-secondary:before, .steps .step-secondary:after, .steps .step-secondary > .step-icon {
      --step-bg: var(--color-secondary);
      --step-fg: var(--color-secondary-content);
    }

    .steps .step-accent + .step-accent:before, .steps .step-accent:after, .steps .step-accent > .step-icon {
      --step-bg: var(--color-accent);
      --step-fg: var(--color-accent-content);
    }

    .steps .step-info + .step-info:before, .steps .step-info:after, .steps .step-info > .step-icon {
      --step-bg: var(--color-info);
      --step-fg: var(--color-info-content);
    }

    .steps .step-success + .step-success:before, .steps .step-success:after, .steps .step-success > .step-icon {
      --step-bg: var(--color-success);
      --step-fg: var(--color-success-content);
    }

    .steps .step-warning + .step-warning:before, .steps .step-warning:after, .steps .step-warning > .step-icon {
      --step-bg: var(--color-warning);
      --step-fg: var(--color-warning-content);
    }

    .steps .step-error + .step-error:before, .steps .step-error:after, .steps .step-error > .step-icon {
      --step-bg: var(--color-error);
      --step-fg: var(--color-error-content);
    }
  }

  @layer daisyui.l1.l2.l3 {
    .select {
      border: var(--border) solid #0000;
      appearance: none;
      background-color: var(--color-base-100);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      height: var(--size);
      touch-action: manipulation;
      white-space: nowrap;
      text-overflow: ellipsis;
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
      background-repeat: no-repeat;
      background-size: 4px 4px, 4px 4px;
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      flex-shrink: 1;
      align-items: center;
      gap: .375rem;
      padding-inline: .75rem 1.75rem;
      font-size: .875rem;
      display: inline-flex;
      position: relative;
      overflow: hidden;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .select {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

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

    @supports (color: color-mix(in lab, red, red)) {
      .select {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .select {
      --size: calc(var(--size-field, .25rem) * 10);
    }

    [dir="rtl"] .select {
      background-position: 12px calc(1px + 50%), 16px calc(1px + 50%);
    }

    [dir="rtl"] .select::picker(select) {
      translate: .5rem;
    }

    [dir="rtl"] .select select::picker(select) {
      translate: .5rem;
    }

    .select[multiple] {
      background-image: none;
      height: auto;
      padding-block: .75rem;
      padding-inline-end: .75rem;
      overflow: auto;
    }

    .select select {
      appearance: none;
      width: calc(100% + 2.75rem);
      height: calc(100% - calc(var(--border) * 2));
      background: inherit;
      border-radius: inherit;
      border-style: none;
      align-items: center;
      margin-inline: -.75rem -1.75rem;
      padding-inline: .75rem 1.75rem;
    }

    .select select:focus, .select select:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

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

    .select select:not(:last-child) {
      background-image: none;
      margin-inline-end: -1.375rem;
    }

    .select:focus, .select:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .select:focus, .select:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .select:focus, .select:focus-within {
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
      z-index: 1;
    }

    .select:is(:disabled, [disabled]), fieldset:disabled .select {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    .select:has( > select[disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .select:has( > select[disabled]) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    .select:has( > select[disabled])::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .select:has( > select[disabled])::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    @supports (color: color-mix(in lab, red, red)) {
      .select:is(:disabled, [disabled]), fieldset:disabled .select {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.select:is(:disabled, [disabled]), fieldset:disabled .select)::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.select:is(:disabled, [disabled]), fieldset:disabled .select)::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .select:has( > select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }

    @supports (appearance: base-select) {
      .select, .select select {
        appearance: base-select;
      }

      :is(.select, .select select)::picker(select) {
        appearance: base-select;
      }
    }

    :is(.select, .select select)::picker(select) {
      color: inherit;
      border: var(--border) solid var(--color-base-200);
      border-radius: var(--radius-box);
      background-color: inherit;
      max-height: min(24rem, 70dvh);
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px #0003;
      box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * .1));
      margin-block: .5rem;
      margin-inline: .5rem;
      padding: .5rem;
      translate: -.5rem;
    }

    @supports (color: lab(0% 0 0)) {
      :is(.select, .select select)::picker(select) {
        box-shadow: 0 2px calc(var(--depth) * 3px) -2px lab(0% 0 0 / .2);
      }
    }

    :is(.select, .select select)::picker-icon {
      display: none;
    }

    :is(.select, .select select) optgroup {
      padding-top: .5em;
    }

    :is(.select, .select select) optgroup option:first-child {
      margin-top: .5em;
    }

    :is(.select, .select select) option {
      border-radius: var(--radius-field);
      white-space: normal;
      padding-block: .375rem;
      padding-inline: .75rem;
      transition-property: color, background-color;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
    }

    :is(.select, .select select) option:not(:disabled):hover, :is(.select, .select select) option:not(:disabled):focus-visible {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.select, .select select) option:not(:disabled):hover, :is(.select, .select select) option:not(:disabled):focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    :is(.select, .select select) option:not(:disabled):hover, :is(.select, .select select) option:not(:disabled):focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      :is(.select, .select select) option:not(:disabled):hover, :is(.select, .select select) option:not(:disabled):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    :is(.select, .select select) option:not(:disabled):active {
      background-color: var(--color-neutral);
      color: var(--color-neutral-content);
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
    }
  }

  @layer daisyui.l1.l2.l3 {
    .timeline {
      display: flex;
      position: relative;
    }

    .timeline > li {
      grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end, minmax(0, 1fr));
      grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end, minmax(0, 1fr));
      flex-shrink: 0;
      align-items: center;
      display: grid;
      position: relative;
    }

    .timeline > li > hr {
      border: none;
      width: 100%;
    }

    .timeline > li > hr:first-child {
      grid-row-start: 2;
      grid-column-start: 1;
    }

    .timeline > li > hr:last-child {
      grid-area: 2 / 3 / auto / none;
    }

    @media print {
      .timeline > li > hr {
        border: .1px solid var(--color-base-300);
      }
    }

    .timeline :where(hr) {
      background-color: var(--color-base-300);
      height: .25rem;
    }

    .timeline:has(.timeline-middle hr):first-child {
      border-start-start-radius: 0;
      border-start-end-radius: var(--radius-selector);
      border-end-end-radius: var(--radius-selector);
      border-end-start-radius: 0;
    }

    .timeline:has(.timeline-middle hr):last-child {
      border-start-start-radius: var(--radius-selector);
      border-start-end-radius: 0;
      border-end-end-radius: 0;
      border-end-start-radius: var(--radius-selector);
    }

    .timeline:not(:has(.timeline-middle)) :first-child hr:last-child {
      border-start-start-radius: var(--radius-selector);
      border-start-end-radius: 0;
      border-end-end-radius: 0;
      border-end-start-radius: var(--radius-selector);
    }

    .timeline:not(:has(.timeline-middle)) :last-child hr:first-child {
      border-start-start-radius: 0;
      border-start-end-radius: var(--radius-selector);
      border-end-end-radius: var(--radius-selector);
      border-end-start-radius: 0;
    }
  }

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

  @layer daisyui.l1.l2.l3 {
    .checkbox {
      border: var(--border) solid var(--input-color, var(--color-base-content));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .checkbox {
        border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
      }
    }

    .checkbox {
      cursor: pointer;
      appearance: none;
      border-radius: var(--radius-selector);
      vertical-align: middle;
      color: var(--color-base-content);
      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
      --size: calc(var(--size-selector, .25rem) * 6);
      width: var(--size);
      height: var(--size);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
      flex-shrink: 0;
      padding: .25rem;
      transition: background-color .2s, box-shadow .2s;
      display: inline-block;
      position: relative;
    }

    .checkbox:before {
      --tw-content: "";
      content: var(--tw-content);
      opacity: 0;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
      width: 100%;
      height: 100%;
      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      background-color: currentColor;
      font-size: 1rem;
      line-height: .75;
      transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
      display: block;
      rotate: 45deg;
    }

    .checkbox:focus-visible {
      outline: 2px solid var(--input-color, currentColor);
      outline-offset: 2px;
    }

    .checkbox:checked, .checkbox[aria-checked="true"] {
      background-color: var(--input-color, #0000);
      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
    }

    :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
      opacity: 1;
    }

    @media (forced-colors: active) {
      :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
        --tw-content: "✔︎";
        clip-path: none;
        background-color: #0000;
        rotate: none;
      }
    }

    @media print {
      :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
        --tw-content: "✔︎";
        clip-path: none;
        background-color: #0000;
        rotate: none;
      }
    }

    .checkbox:indeterminate {
      background-color: var(--input-color, var(--color-base-content));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .checkbox:indeterminate {
        background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
      }
    }

    .checkbox:indeterminate:before {
      opacity: 1;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
      translate: 0 -35%;
      rotate: none;
    }
  }

  @layer daisyui.l1.l2 {
    .checkbox:disabled {
      cursor: not-allowed;
      opacity: .2;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .card {
      border-radius: var(--radius-box);
      outline-offset: 2px;
      outline: 0 solid #0000;
      flex-direction: column;
      transition: outline .2s ease-in-out;
      display: flex;
      position: relative;
    }

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

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

    .card:focus-visible {
      outline-color: currentColor;
    }

    .card :where(figure:first-child) {
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
      border-end-end-radius: unset;
      border-end-start-radius: unset;
      overflow: hidden;
    }

    .card :where(figure:last-child) {
      border-start-start-radius: unset;
      border-start-end-radius: unset;
      border-end-end-radius: inherit;
      border-end-start-radius: inherit;
      overflow: hidden;
    }

    .card figure {
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .card:has( > input:is(input[type="checkbox"], input[type="radio"])) {
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
    }

    .card:has( > :checked) {
      outline: 2px solid;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .stats {
      border-radius: var(--radius-box);
      grid-auto-flow: column;
      display: inline-grid;
      position: relative;
      overflow-x: auto;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .progress {
      appearance: none;
      border-radius: var(--radius-box);
      background-color: currentColor;
      width: 100%;
      height: .5rem;
      position: relative;
      overflow: hidden;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .progress {
        background-color: color-mix(in oklab, currentcolor 20%, transparent);
      }
    }

    .progress {
      color: var(--color-base-content);
    }

    .progress:indeterminate {
      background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
      background-position-x: 15%;
      background-size: 200%;
    }

    @media (prefers-reduced-motion: no-preference) {
      .progress:indeterminate {
        animation: 5s ease-in-out infinite progress;
      }
    }

    @supports ((-moz-appearance: none)) {
      .progress:indeterminate::-moz-progress-bar {
        background-color: #0000;
      }

      @media (prefers-reduced-motion: no-preference) {
        .progress:indeterminate::-moz-progress-bar {
          background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
          background-position-x: 15%;
          background-size: 200%;
          animation: 5s ease-in-out infinite progress;
        }
      }
    }

    @supports ((-moz-appearance: none)) {
      .progress::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }

    @supports ((-webkit-appearance: none)) {
      .progress::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: #0000;
      }

      .progress::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @layer daisyui.l1.l2.l3 {
    .stack {
      grid-template-rows: 3px 4px 1fr 4px 3px;
      grid-template-columns: 3px 4px 1fr 4px 3px;
      display: inline-grid;
    }

    .stack > * {
      width: 100%;
      height: 100%;
    }

    .stack > *:nth-child(n+2) {
      opacity: .7;
      width: 100%;
    }

    .stack > *:nth-child(2) {
      z-index: 2;
      opacity: .9;
    }

    .stack > *:first-child {
      z-index: 3;
      width: 100%;
    }
  }

  @layer daisyui.l1.l2 {
    :is(.stack, .stack.stack-bottom) > * {
      grid-area: 3 / 3 / 6 / 4;
    }

    :is(.stack, .stack.stack-bottom) > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    :is(.stack, .stack.stack-bottom) > *:first-child {
      grid-area: 1 / 1 / 4 / 6;
    }

    .stack.stack-top > * {
      grid-area: 1 / 3 / 4 / 4;
    }

    .stack.stack-top > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-top > *:first-child {
      grid-area: 3 / 1 / 6 / 6;
    }

    .stack.stack-start > * {
      grid-area: 3 / 1 / 4 / 4;
    }

    .stack.stack-start > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-start > *:first-child {
      grid-area: 1 / 3 / 6 / 6;
    }

    .stack.stack-end > * {
      grid-area: 3 / 3 / 4 / 6;
    }

    .stack.stack-end > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-end > *:first-child {
      grid-area: 1 / 1 / 6 / 4;
    }
  }

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

  @layer daisyui.l1.l2.l3 {
    .filter {
      flex-wrap: wrap;
      display: flex;
    }

    .filter input[type="radio"] {
      width: auto;
    }

    .filter input {
      opacity: 1;
      transition: margin .1s, opacity .3s, padding .3s, border-width .1s;
      overflow: hidden;
      scale: 1;
    }

    .filter input:not(:last-child) {
      margin-inline-end: .25rem;
    }

    .filter input.filter-reset {
      aspect-ratio: 1;
    }

    .filter input.filter-reset:after {
      --tw-content: "×";
      content: var(--tw-content);
    }

    .filter:not(:has(input:checked:not(.filter-reset))) .filter-reset, .filter:not(:has(input:checked:not(.filter-reset))) input[type="reset"] {
      opacity: 0;
      border-width: 0;
      width: 0;
      margin-inline: 0;
      padding-inline: 0;
      scale: 0;
    }

    .filter:has(input:checked:not(.filter-reset)) input:not(:checked, .filter-reset, input[type="reset"]) {
      opacity: 0;
      border-width: 0;
      width: 0;
      margin-inline: 0;
      padding-inline: 0;
      scale: 0;
    }
  }

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

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

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

  @layer daisyui.l1.l2.l3 {
    .label {
      white-space: nowrap;
      color: currentColor;
      align-items: center;
      gap: .375rem;
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label {
        color: color-mix(in oklab, currentcolor 60%, transparent);
      }
    }

    .label:has(input) {
      cursor: pointer;
    }

    .label:is(.input > *, .select > *) {
      white-space: nowrap;
      height: calc(100% - .5rem);
      font-size: inherit;
      align-items: center;
      padding-inline: .75rem;
      display: flex;
    }

    .label:is(.input > *, .select > *):first-child {
      border-inline-end: var(--border) solid currentColor;
      margin-inline: -.75rem .75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label:is(.input > *, .select > *):first-child {
        border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }
    }

    .label:is(.input > *, .select > *):last-child {
      border-inline-start: var(--border) solid currentColor;
      margin-inline: .75rem -.75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label:is(.input > *, .select > *):last-child {
        border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @layer daisyui.l1.l2.l3 {
    .status {
      aspect-ratio: 1;
      border-radius: var(--radius-selector);
      background-color: var(--color-base-content);
      width: .5rem;
      height: .5rem;
      display: inline-block;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status {
        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .status {
      vertical-align: middle;
      color: #0000004d;
      background-position: center;
      background-repeat: no-repeat;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }

    .status {
      background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);
      box-shadow: 0 2px 3px -1px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status {
        box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .badge {
      border-radius: var(--radius-selector);
      vertical-align: middle;
      color: var(--badge-fg);
      border: var(--border) solid var(--badge-color, var(--color-base-200));
      width: fit-content;
      padding-inline: calc(.25rem * 3 - var(--border));
      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, .25rem) * 6);
      height: var(--size);
      justify-content: center;
      align-items: center;
      gap: .5rem;
      font-size: .875rem;
      display: inline-flex;
    }
  }

  .alert {
    border-width: var(--border);
    border-color: var(--alert-border-color, var(--color-base-200));
  }

  @layer daisyui.l1.l2.l3 {
    .alert {
      --alert-border-color: var(--color-base-200);
      border-radius: var(--radius-box);
      color: var(--color-base-content);
      background-color: var(--alert-color, var(--color-base-200));
      text-align: start;
      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) * .08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08));
      border-style: solid;
      grid-template-columns: auto;
      grid-auto-flow: column;
      justify-content: start;
      place-items: center start;
      gap: 1rem;
      padding-block: .75rem;
      padding-inline: 1rem;
      font-size: .875rem;
      line-height: 1.25rem;
      display: grid;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .alert {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .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) * .08));
      }
    }

    .alert:has(:nth-child(2)) {
      grid-template-columns: auto minmax(auto, 1fr);
    }
  }

  .join {
    --join-ss: 0;
    --join-se: 0;
    --join-es: 0;
    --join-ee: 0;
    align-items: stretch;
    display: inline-flex;
  }

  .join :where(.join-item) {
    border-start-start-radius: var(--join-ss, 0);
    border-start-end-radius: var(--join-se, 0);
    border-end-end-radius: var(--join-ee, 0);
    border-end-start-radius: var(--join-es, 0);
  }

  .join :where(.join-item) * {
    --join-ss: var(--radius-field);
    --join-se: var(--radius-field);
    --join-es: var(--radius-field);
    --join-ee: var(--radius-field);
  }

  .join > .join-item:where(:first-child) {
    --join-ss: var(--radius-field);
    --join-se: 0;
    --join-es: var(--radius-field);
    --join-ee: 0;
  }

  .join :first-child:not(:last-child) :where(.join-item) {
    --join-ss: var(--radius-field);
    --join-se: 0;
    --join-es: var(--radius-field);
    --join-ee: 0;
  }

  .join > .join-item:where(:last-child) {
    --join-ss: 0;
    --join-se: var(--radius-field);
    --join-es: 0;
    --join-ee: var(--radius-field);
  }

  .join :last-child:not(:first-child) :where(.join-item) {
    --join-ss: 0;
    --join-se: var(--radius-field);
    --join-es: 0;
    --join-ee: var(--radius-field);
  }

  .join > .join-item:where(:only-child) {
    --join-ss: var(--radius-field);
    --join-se: var(--radius-field);
    --join-es: var(--radius-field);
    --join-ee: var(--radius-field);
  }

  .join :only-child :where(.join-item) {
    --join-ss: var(--radius-field);
    --join-se: var(--radius-field);
    --join-es: var(--radius-field);
    --join-ee: var(--radius-field);
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }

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

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

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

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

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

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

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

  .w-3\/4 {
    width: 75%;
  }

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

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

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

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

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

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

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

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

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

  .w-full {
    width: 100%;
  }

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

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

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

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

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

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

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

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

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .flex-1 {
    flex: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

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

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

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

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

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

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

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

  @layer daisyui.l1.l2.l3 {
    .link {
      cursor: pointer;
      text-decoration-line: underline;
    }

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

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

    .link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid;
    }
  }

  .cursor-default {
    cursor: default;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :where(.space-x-2 > :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)));
  }

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-white\/20 {
    border-color: #fff3;
  }

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

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

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

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

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

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

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

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

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

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

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

  .bg-black\/80 {
    background-color: #000c;
  }

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

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

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

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

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

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

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

  .bg-error\/20 {
    background-color: var(--color-error);
  }

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

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

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

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

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

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

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

  .bg-info\/5 {
    background-color: var(--color-info);
  }

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

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

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

  .bg-info\/20 {
    background-color: var(--color-info);
  }

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

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

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

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

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      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)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }

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

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

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

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

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

  .bg-success\/5 {
    background-color: var(--color-success);
  }

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

  .bg-success\/20 {
    background-color: var(--color-success);
  }

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

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

  .bg-warning\/20 {
    background-color: var(--color-warning);
  }

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

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

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

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

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

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-info\/10 {
    --tw-gradient-from: var(--color-info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-info\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--color-info) 10%, transparent);
    }
  }

  .from-info\/10 {
    --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-success\/10 {
    --tw-gradient-to: var(--color-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-success\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--color-success) 10%, transparent);
    }
  }

  .to-success\/10 {
    --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));
  }

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

  @layer daisyui.l1.l2 {
    .checkbox-sm {
      --size: calc(var(--size-selector, .25rem) * 5);
      padding: .1875rem;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .text-base-content {
    color: var(--color-base-content);
  }

  .text-base-content\/30 {
    color: var(--color-base-content);
  }

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

  .text-base-content\/40 {
    color: var(--color-base-content);
  }

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

  .text-base-content\/50 {
    color: var(--color-base-content);
  }

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

  .text-base-content\/60 {
    color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/60 {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
  }

  .text-base-content\/70 {
    color: var(--color-base-content);
  }

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

  .text-base-content\/80 {
    color: var(--color-base-content);
  }

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

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

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

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

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

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

  .text-error-content {
    color: var(--color-error-content);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .text-info-content {
    color: var(--color-info-content);
  }

  .text-info-content\/70 {
    color: var(--color-info-content);
  }

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

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

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

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

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

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

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

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

  .text-primary-content\/80 {
    color: var(--color-primary-content);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

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

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

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

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

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

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

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

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  @layer daisyui.l1 {
    .btn-outline:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn), :disabled, [disabled], .btn-disabled) {
      --btn-shadow: "";
      --btn-bg: #0000;
      --btn-fg: var(--btn-color);
      --btn-border: var(--btn-color);
      --btn-noise: none;
    }

    @media (hover: none) {
      .btn-outline:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-fg: var(--btn-color);
        --btn-border: var(--btn-color);
        --btn-noise: none;
      }
    }
  }

  @layer daisyui.l1.l2 {
    .btn-sm {
      --fontsize: .75rem;
      --btn-p: .75rem;
      --size: calc(var(--size-field, .25rem) * 8);
    }
  }

  @layer daisyui.l1.l2.l3 {
    .btn-primary {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
    }
  }

  @layer daisyui.l1.l2.l3 {
    .btn-secondary {
      --btn-color: var(--color-secondary);
      --btn-fg: var(--color-secondary-content);
    }
  }

  @layer daisyui.l1.l2.l3 {
    .btn-warning {
      --btn-color: var(--color-warning);
      --btn-fg: var(--color-warning-content);
    }
  }

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

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

  @media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary);
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: .7;
  }

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

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

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

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  @media (hover: hover) {
    .hover\:border-primary:hover {
      border-color: var(--color-primary);
    }
  }

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

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

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

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

  @media (hover: hover) {
    .hover\:bg-black\/70:hover {
      background-color: #000000b3;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

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

  .focus\:border-red-500:focus {
    border-color: var(--color-red-500);
  }

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

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

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

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-red-500:focus {
    --tw-ring-color: var(--color-red-500);
  }

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

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

  .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\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  @media (min-width: 40rem) {
    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }
  }

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

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

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

  @media (min-width: 40rem) {
    .sm\:max-w-\[500px\] {
      max-width: 500px;
    }
  }

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

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

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

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

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

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

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

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

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

  @media (min-width: 40rem) {
    :where(.sm\:space-x-2 > :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)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-lg {
      border-radius: var(--radius-lg);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }

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

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

  @media (min-width: 40rem) {
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-16 {
      width: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-fit {
      width: fit-content;
    }
  }

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

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

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

  @media (min-width: 48rem) {
    .md\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mx-auto {
      margin-inline: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
  }

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

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

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

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

  @media (min-width: 64rem) {
    .lg\:items-start {
      align-items: flex-start;
    }
  }

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

  @media (min-width: 64rem) {
    .lg\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 80rem) {
    .xl\:mt-28 {
      margin-top: calc(var(--spacing) * 28);
    }
  }

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

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

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

  @media (min-width: 80rem) {
    .xl\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&\>span\]\:line-clamp-1 > span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\[\&\>svg\]\:absolute > svg {
    position: absolute;
  }

  .\[\&\>svg\]\:top-4 > svg {
    top: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:left-4 > svg {
    left: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
    --tw-translate-y: -3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
    padding-left: calc(var(--spacing) * 7);
  }
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

@keyframes rating {
  0%, 40% {
    filter: brightness(1.05) contrast(1.05);
    scale: 1.1;
  }
}

@keyframes dropdown {
  0% {
    opacity: 0;
  }
}

@keyframes radio {
  0% {
    padding: 5px;
  }

  50% {
    padding: 3px;
  }
}

@keyframes toast {
  0% {
    opacity: 0;
    scale: .9;
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}

@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 skeleton {
  0% {
    background-position: 150%;
  }

  100% {
    background-position: -50%;
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
}

@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

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

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

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

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

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

@property --tw-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: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

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

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

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

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

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

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

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

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

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

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

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__28bc9c2a._.css.map*/