/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-space-x-reverse:0;
      --tw-divide-y-reverse:0;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial;
      --tw-ease:initial
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50:oklch(97.1% .013 17.38);
    --color-red-100:oklch(93.6% .032 17.717);
    --color-red-200:oklch(88.5% .062 18.334);
    --color-red-300:oklch(80.8% .114 19.571);
    --color-red-400:oklch(70.4% .191 22.216);
    --color-red-500:oklch(63.7% .237 25.331);
    --color-red-600:oklch(57.7% .245 27.325);
    --color-red-700:oklch(50.5% .213 27.518);
    --color-red-800:oklch(44.4% .177 26.899);
    --color-red-900:oklch(39.6% .141 25.723);
    --color-red-950:oklch(25.8% .092 26.042);
    --color-orange-100:oklch(95.4% .038 75.164);
    --color-orange-200:oklch(90.1% .076 70.697);
    --color-orange-300:oklch(83.7% .128 66.29);
    --color-orange-400:oklch(75% .183 55.934);
    --color-orange-500:oklch(70.5% .213 47.604);
    --color-orange-600:oklch(64.6% .222 41.116);
    --color-orange-700:oklch(55.3% .195 38.402);
    --color-orange-900:oklch(40.8% .123 38.172);
    --color-orange-950:oklch(26.6% .079 36.259);
    --color-amber-100:oklch(96.2% .059 95.617);
    --color-amber-200:oklch(92.4% .12 95.746);
    --color-amber-300:oklch(87.9% .169 91.605);
    --color-amber-400:oklch(82.8% .189 84.429);
    --color-amber-500:oklch(76.9% .188 70.08);
    --color-amber-600:oklch(66.6% .179 58.318);
    --color-amber-700:oklch(55.5% .163 48.998);
    --color-amber-800:oklch(47.3% .137 46.201);
    --color-amber-900:oklch(41.4% .112 45.904);
    --color-amber-950:oklch(27.9% .077 45.635);
    --color-yellow-200:oklch(94.5% .129 101.54);
    --color-yellow-300:oklch(90.5% .182 98.111);
    --color-yellow-400:oklch(85.2% .199 91.936);
    --color-yellow-500:oklch(79.5% .184 86.047);
    --color-yellow-600:oklch(68.1% .162 75.834);
    --color-yellow-700:oklch(55.4% .135 66.442);
    --color-yellow-800:oklch(47.6% .114 61.907);
    --color-yellow-900:oklch(42.1% .095 57.708);
    --color-yellow-950:oklch(28.6% .066 53.813);
    --color-green-100:oklch(96.2% .044 156.743);
    --color-green-200:oklch(92.5% .084 155.995);
    --color-green-300:oklch(87.1% .15 154.449);
    --color-green-400:oklch(79.2% .209 151.711);
    --color-green-500:oklch(72.3% .219 149.579);
    --color-green-600:oklch(62.7% .194 149.214);
    --color-green-700:oklch(52.7% .154 150.069);
    --color-green-800:oklch(44.8% .119 151.328);
    --color-green-900:oklch(39.3% .095 152.535);
    --color-green-950:oklch(26.6% .065 152.934);
    --color-emerald-100:oklch(95% .052 163.051);
    --color-emerald-200:oklch(90.5% .093 164.15);
    --color-emerald-300:oklch(84.5% .143 164.978);
    --color-emerald-500:oklch(69.6% .17 162.48);
    --color-emerald-600:oklch(59.6% .145 163.225);
    --color-emerald-700:oklch(50.8% .118 165.612);
    --color-emerald-800:oklch(43.2% .095 166.913);
    --color-emerald-950:oklch(26.2% .051 172.552);
    --color-cyan-300:oklch(86.5% .127 207.078);
    --color-cyan-400:oklch(78.9% .154 211.53);
    --color-cyan-500:oklch(71.5% .143 215.221);
    --color-cyan-900:oklch(39.8% .07 227.392);
    --color-sky-100:oklch(95.1% .026 236.824);
    --color-sky-600:oklch(58.8% .158 241.966);
    --color-blue-100:oklch(93.2% .032 255.585);
    --color-blue-200:oklch(88.2% .059 254.128);
    --color-blue-300:oklch(80.9% .105 251.813);
    --color-blue-400:oklch(70.7% .165 254.624);
    --color-blue-500:oklch(62.3% .214 259.815);
    --color-blue-600:oklch(54.6% .245 262.881);
    --color-blue-700:oklch(48.8% .243 264.376);
    --color-blue-900:oklch(37.9% .146 265.522);
    --color-blue-950:oklch(28.2% .091 267.935);
    --color-indigo-100:oklch(93% .034 272.788);
    --color-indigo-200:oklch(87% .065 274.039);
    --color-indigo-300:oklch(78.5% .115 274.713);
    --color-indigo-400:oklch(67.3% .182 276.935);
    --color-indigo-500:oklch(58.5% .233 277.117);
    --color-indigo-600:oklch(51.1% .262 276.966);
    --color-indigo-700:oklch(45.7% .24 277.023);
    --color-indigo-800:oklch(39.8% .195 277.366);
    --color-indigo-900:oklch(35.9% .144 278.697);
    --color-indigo-950:oklch(25.7% .09 281.288);
    --color-purple-300:oklch(82.7% .119 306.383);
    --color-purple-400:oklch(71.4% .203 305.504);
    --color-purple-700:oklch(49.6% .265 301.924);
    --color-purple-900:oklch(38.1% .176 304.987);
    --color-slate-100:oklch(96.8% .007 247.896);
    --color-slate-400:oklch(70.4% .04 256.788);
    --color-slate-500:oklch(55.4% .046 257.417);
    --color-slate-700:oklch(37.2% .044 257.287);
    --color-slate-950:oklch(12.9% .042 264.695);
    --color-gray-50:oklch(98.5% .002 247.839);
    --color-gray-100:oklch(96.7% .003 264.542);
    --color-gray-200:oklch(92.8% .006 264.531);
    --color-gray-300:oklch(87.2% .01 258.338);
    --color-gray-400:oklch(70.7% .022 261.325);
    --color-gray-500:oklch(55.1% .027 264.364);
    --color-gray-600:oklch(44.6% .03 256.802);
    --color-gray-700:oklch(37.3% .034 259.733);
    --color-gray-800:oklch(27.8% .033 256.848);
    --color-gray-900:oklch(21% .034 264.665);
    --color-gray-950:oklch(13% .028 261.692);
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --breakpoint-2xl:96rem;
    --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;
    --text-7xl:4.5rem;
    --text-7xl--line-height:1;
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --tracking-tight:-.025em;
    --tracking-wide:.025em;
    --tracking-wider:.05em;
    --leading-tight:1.25;
    --leading-snug:1.375;
    --leading-relaxed:1.625;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --ease-out:cubic-bezier(0, 0, .2, 1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce:bounce 1s infinite;
    --blur-sm:8px;
    --blur-3xl:64px;
    --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);
    --color-accent-primary:#d65d36
  }
}
@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;
    -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 {
    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
  }
  input:where([type=text]),
  input:where(:not([type])),
  input:where([type=email]),
  input:where([type=url]),
  input:where([type=password]),
  input:where([type=number]),
  input:where([type=date]),
  input:where([type=datetime-local]),
  input:where([type=month]),
  input:where([type=search]),
  input:where([type=tel]),
  input:where([type=time]),
  input:where([type=week]),
  select:where([multiple]),
  textarea,
  select {
    appearance:none;
    --tw-shadow:0 0 #0000;
    background-color:#fff;
    border-width:1px;
    border-color:oklch(55.1% .027 264.364);
    border-radius:0;
    padding:.5rem .75rem;
    font-size:1rem;
    line-height:1.5rem
  }
  :is(input:where([type=text]),
  input:where(:not([type])),
  input:where([type=email]),
  input:where([type=url]),
  input:where([type=password]),
  input:where([type=number]),
  input:where([type=date]),
  input:where([type=datetime-local]),
  input:where([type=month]),
  input:where([type=search]),
  input:where([type=tel]),
  input:where([type=time]),
  input:where([type=week]),
  select:where([multiple]),
  textarea,
  select):focus {
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color:oklch(54.6% .245 262.881);
    outline:2px solid #0000
  }
  input::-moz-placeholder {
    color:oklch(55.1% .027 264.364);
    opacity:1
  }
  textarea::-moz-placeholder {
    color:oklch(55.1% .027 264.364);
    opacity:1
  }
  input::placeholder,
  textarea::placeholder {
    color:oklch(55.1% .027 264.364);
    opacity:1
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-date-and-time-value {
    min-height:1.5em
  }
  ::-webkit-date-and-time-value {
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-year-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-month-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-day-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-hour-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-minute-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-second-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-top:0;
    padding-bottom:0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-top:0;
    padding-bottom:0
  }
  select {
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position:right .5rem center;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    padding-right:2.5rem
  }
  select:where([multiple]),
  select:where([size]:not([size="1"])) {
    background-image:initial;
    background-position:initial;
    background-repeat:unset;
    background-size:initial;
    -webkit-print-color-adjust:unset;
    print-color-adjust:unset;
    padding-right:.75rem
  }
  input:where([type=checkbox]),
  input:where([type=radio]) {
    appearance:none;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    vertical-align:middle;
    -webkit-user-select:none;
    user-select:none;
    color:oklch(54.6% .245 262.881);
    --tw-shadow:0 0 #0000;
    background-color:#fff;
    background-origin:border-box;
    border-width:1px;
    border-color:oklch(55.1% .027 264.364);
    flex-shrink:0;
    width:1rem;
    height:1rem;
    padding:0;
    display:inline-block
  }
  input:where([type=checkbox]) {
    border-radius:0
  }
  input:where([type=radio]) {
    border-radius:100%
  }
  input:where([type=checkbox]):focus,
  input:where([type=radio]):focus {
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:2px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline:2px solid #0000
  }
  input:where([type=checkbox]):checked,
  input:where([type=radio]):checked {
    background-color:currentColor;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-color:#0000
  }
  input:where([type=checkbox]):checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
  }
  @media (forced-colors:active) {
    input:where([type=checkbox]):checked {
      appearance:auto
    }
  }
  input:where([type=radio]):checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
  }
  @media (forced-colors:active) {
    input:where([type=radio]):checked {
      appearance:auto
    }
  }
  input:where([type=checkbox]):checked:hover,
  input:where([type=checkbox]):checked:focus,
  input:where([type=radio]):checked:hover,
  input:where([type=radio]):checked:focus {
    background-color:currentColor;
    border-color:#0000
  }
  input:where([type=checkbox]):indeterminate {
    background-color:currentColor;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-color:#0000
  }
  @media (forced-colors:active) {
    input:where([type=checkbox]):indeterminate {
      appearance:auto
    }
  }
  input:where([type=checkbox]):indeterminate:hover,
  input:where([type=checkbox]):indeterminate:focus {
    background-color:currentColor;
    border-color:#0000
  }
  input:where([type=file]) {
    background:unset;
    border-color:inherit;
    font-size:unset;
    line-height:inherit;
    border-width:0;
    border-radius:0;
    padding:0
  }
  input:where([type=file]):focus {
    outline:1px solid buttontext;
    outline:1px auto -webkit-focus-ring-color
  }
  :where(:root),
  [data-theme=light] {
    --lightningcss-light:initial;
    --lightningcss-dark: ;
    color-scheme:light;
    --color-base-100:oklch(100% 0 0);
    --color-base-200:oklch(98% 0 0);
    --color-base-300:oklch(95% 0 0);
    --color-base-content:oklch(21% .006 285.885);
    --color-primary:oklch(45% .24 277.023);
    --color-primary-content:oklch(93% .034 272.788);
    --color-secondary:oklch(65% .241 354.308);
    --color-secondary-content:oklch(94% .028 342.258);
    --color-accent:oklch(77% .152 181.912);
    --color-accent-content:oklch(38% .063 188.416);
    --color-neutral:oklch(14% .005 285.823);
    --color-neutral-content:oklch(92% .004 286.32);
    --color-info:oklch(74% .16 232.661);
    --color-info-content:oklch(29% .066 243.157);
    --color-success:oklch(76% .177 163.223);
    --color-success-content:oklch(37% .077 168.94);
    --color-warning:oklch(82% .189 84.429);
    --color-warning-content:oklch(41% .112 45.904);
    --color-error:oklch(71% .194 13.428);
    --color-error-content:oklch(27% .105 12.094);
    --radius-selector:.5rem;
    --radius-field:.25rem;
    --radius-box:.5rem;
    --size-selector:.25rem;
    --size-field:.25rem;
    --border:1px;
    --depth:1;
    --noise:0
  }
  :root:has(input.theme-controller[value=light]:checked) {
    --lightningcss-light:initial;
    --lightningcss-dark: ;
    color-scheme:light;
    --color-base-100:oklch(100% 0 0);
    --color-base-200:oklch(98% 0 0);
    --color-base-300:oklch(95% 0 0);
    --color-base-content:oklch(21% .006 285.885);
    --color-primary:oklch(45% .24 277.023);
    --color-primary-content:oklch(93% .034 272.788);
    --color-secondary:oklch(65% .241 354.308);
    --color-secondary-content:oklch(94% .028 342.258);
    --color-accent:oklch(77% .152 181.912);
    --color-accent-content:oklch(38% .063 188.416);
    --color-neutral:oklch(14% .005 285.823);
    --color-neutral-content:oklch(92% .004 286.32);
    --color-info:oklch(74% .16 232.661);
    --color-info-content:oklch(29% .066 243.157);
    --color-success:oklch(76% .177 163.223);
    --color-success-content:oklch(37% .077 168.94);
    --color-warning:oklch(82% .189 84.429);
    --color-warning-content:oklch(41% .112 45.904);
    --color-error:oklch(71% .194 13.428);
    --color-error-content:oklch(27% .105 12.094);
    --radius-selector:.5rem;
    --radius-field:.25rem;
    --radius-box:.5rem;
    --size-selector:.25rem;
    --size-field:.25rem;
    --border:1px;
    --depth:1;
    --noise:0
  }
  @media (prefers-color-scheme:dark) {
    :root:not([data-theme]) {
      --lightningcss-light: ;
      --lightningcss-dark:initial;
      color-scheme:dark;
      --color-base-100:oklch(25.33% .016 252.42);
      --color-base-200:oklch(23.26% .014 253.1);
      --color-base-300:oklch(21.15% .012 254.09);
      --color-base-content:oklch(97.807% .029 256.847);
      --color-primary:oklch(58% .233 277.117);
      --color-primary-content:oklch(96% .018 272.314);
      --color-secondary:oklch(65% .241 354.308);
      --color-secondary-content:oklch(94% .028 342.258);
      --color-accent:oklch(77% .152 181.912);
      --color-accent-content:oklch(38% .063 188.416);
      --color-neutral:oklch(14% .005 285.823);
      --color-neutral-content:oklch(92% .004 286.32);
      --color-info:oklch(74% .16 232.661);
      --color-info-content:oklch(29% .066 243.157);
      --color-success:oklch(76% .177 163.223);
      --color-success-content:oklch(37% .077 168.94);
      --color-warning:oklch(82% .189 84.429);
      --color-warning-content:oklch(41% .112 45.904);
      --color-error:oklch(71% .194 13.428);
      --color-error-content:oklch(27% .105 12.094);
      --radius-selector:.5rem;
      --radius-field:.25rem;
      --radius-box:.5rem;
      --size-selector:.25rem;
      --size-field:.25rem;
      --border:1px;
      --depth:1;
      --noise:0
    }
  }
  :is(:root:has(input.theme-controller[value=light]:checked),
  [data-theme=light]) {
    --lightningcss-light:initial;
    --lightningcss-dark: ;
    color-scheme:light;
    --color-base-100:oklch(100% 0 0);
    --color-base-200:oklch(98% 0 0);
    --color-base-300:oklch(95% 0 0);
    --color-base-content:oklch(21% .006 285.885);
    --color-primary:oklch(45% .24 277.023);
    --color-primary-content:oklch(93% .034 272.788);
    --color-secondary:oklch(65% .241 354.308);
    --color-secondary-content:oklch(94% .028 342.258);
    --color-accent:oklch(77% .152 181.912);
    --color-accent-content:oklch(38% .063 188.416);
    --color-neutral:oklch(14% .005 285.823);
    --color-neutral-content:oklch(92% .004 286.32);
    --color-info:oklch(74% .16 232.661);
    --color-info-content:oklch(29% .066 243.157);
    --color-success:oklch(76% .177 163.223);
    --color-success-content:oklch(37% .077 168.94);
    --color-warning:oklch(82% .189 84.429);
    --color-warning-content:oklch(41% .112 45.904);
    --color-error:oklch(71% .194 13.428);
    --color-error-content:oklch(27% .105 12.094);
    --radius-selector:.5rem;
    --radius-field:.25rem;
    --radius-box:.5rem;
    --size-selector:.25rem;
    --size-field:.25rem;
    --border:1px;
    --depth:1;
    --noise:0
  }
  :is(:root:has(input.theme-controller[value=dark]:checked),
  [data-theme=dark]) {
    --lightningcss-light: ;
    --lightningcss-dark:initial;
    color-scheme:dark;
    --color-base-100:oklch(25.33% .016 252.42);
    --color-base-200:oklch(23.26% .014 253.1);
    --color-base-300:oklch(21.15% .012 254.09);
    --color-base-content:oklch(97.807% .029 256.847);
    --color-primary:oklch(58% .233 277.117);
    --color-primary-content:oklch(96% .018 272.314);
    --color-secondary:oklch(65% .241 354.308);
    --color-secondary-content:oklch(94% .028 342.258);
    --color-accent:oklch(77% .152 181.912);
    --color-accent-content:oklch(38% .063 188.416);
    --color-neutral:oklch(14% .005 285.823);
    --color-neutral-content:oklch(92% .004 286.32);
    --color-info:oklch(74% .16 232.661);
    --color-info-content:oklch(29% .066 243.157);
    --color-success:oklch(76% .177 163.223);
    --color-success-content:oklch(37% .077 168.94);
    --color-warning:oklch(82% .189 84.429);
    --color-warning-content:oklch(41% .112 45.904);
    --color-error:oklch(71% .194 13.428);
    --color-error-content:oklch(27% .105 12.094);
    --radius-selector:.5rem;
    --radius-field:.25rem;
    --radius-box:.5rem;
    --size-selector:.25rem;
    --size-field:.25rem;
    --border:1px;
    --depth:1;
    --noise:0
  }
  :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");
    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 {
    background:var(--page-scroll-bg,var(--root-bg));
    --page-scroll-bg-on:linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000)) var(--root-bg,#0000)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root {
      --page-scroll-bg-on:linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000)) color-mix(in srgb, var(--root-bg,#0000), oklch(0% 0 0) calc(var(--page-has-backdrop,0) * 40%))
    }
  }
  :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)
  }
  @keyframes set-page-has-scroll {
    0%,
    to {
      --page-has-scroll:1
    }
  }
  :root,
  [data-theme] {
    background:var(--page-scroll-bg,var(--root-bg));
    color:var(--color-base-content)
  }
  :where(:root,
  [data-theme]) {
    --root-bg:var(--color-base-100)
  }
}
@layer components;
@layer utilities {
  @layer daisyui.l1.l2.l3 {
    .diff {
      webkit-user-select:none;
      -webkit-user-select:none;
      user-select:none;
      direction:ltr;
      grid-template-rows:1fr 1.8rem 1fr;
      grid-template-columns:auto 1fr;
      width:100%;
      display:grid;
      position:relative;
      overflow:hidden;
      container-type:inline-size
    }
    .diff:focus-visible,
    .diff:focus-visible {
      outline-style:var(--tw-outline-style);
      outline-offset:1px;
      outline-width:2px;
      outline-color:var(--color-base-content)
    }
    .diff:has(.diff-item-1:focus-visible) {
      outline-style:var(--tw-outline-style);
      outline-offset:1px;
      outline-width:2px;
      outline-color:var(--color-base-content)
    }
    .diff:focus-visible .diff-resizer {
      min-width:95cqi;
      max-width:95cqi
    }
    .diff:has(.diff-item-1:focus-visible) {
      outline-style:var(--tw-outline-style);
      outline-offset:1px;
      outline-width:2px
    }
    .diff:has(.diff-item-1:focus-visible) .diff-resizer {
      min-width:5cqi;
      max-width:5cqi
    }
    @supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x) {
      .diff:focus .diff-resizer {
        min-width:5cqi;
        max-width:5cqi
      }
      .diff:has(.diff-item-1:focus) .diff-resizer {
        min-width:95cqi;
        max-width:95cqi
      }
    }
    .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
    }
    .tooltip {
      --tt-bg:var(--color-neutral);
      --tt-off:calc(100% + .5rem);
      --tt-tail:calc(100% + 1px + .25rem);
      display:inline-block;
      position:relative
    }
    .tooltip>.tooltip-content,
    .tooltip[data-tip]:before {
      border-radius:var(--radius-field);
      text-align:center;
      white-space:normal;
      max-width:20rem;
      color:var(--color-neutral-content);
      opacity:0;
      background-color:var(--tt-bg);
      pointer-events:none;
      z-index:2;
      --tw-content:attr(data-tip);
      content:var(--tw-content);
      width:max-content;
      padding-block:.25rem;
      padding-inline:.5rem;
      font-size:.875rem;
      line-height:1.25;
      position:absolute
    }
    .tooltip:after {
      opacity:0;
      background-color:var(--tt-bg);
      content:"";
      pointer-events:none;
      --mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
      width:.625rem;
      height:.25rem;
      -webkit-mask-position:-1px 0;
      mask-position:-1px 0;
      -webkit-mask-repeat:no-repeat;
      mask-repeat:no-repeat;
      -webkit-mask-image:var(--mask-tooltip);
      -webkit-mask-image:var(--mask-tooltip);
      -webkit-mask-image:var(--mask-tooltip);
      mask-image:var(--mask-tooltip);
      display:block;
      position:absolute
    }
    @media (prefers-reduced-motion:no-preference) {
      .tooltip>.tooltip-content,
      .tooltip[data-tip]:before,
      .tooltip:after {
        transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms
      }
    }
    :is(.tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))).tooltip-open,
    .tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))):hover,
    .tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,
    :is(.tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))).tooltip-open,
    .tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))):hover,
    .tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,
    :is(.tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))).tooltip-open,
    .tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))):hover,
    .tooltip:is([data-tip]:not([data-tip=""]),
    :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
      opacity:1;
      --tt-pos:0rem
    }
    @media (prefers-reduced-motion:no-preference) {
      :is(.tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))).tooltip-open,
      .tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))):hover,
      .tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,
      :is(.tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))).tooltip-open,
      .tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))):hover,
      .tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,
      :is(.tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))).tooltip-open,
      .tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))):hover,
      .tooltip:is([data-tip]:not([data-tip=""]),
      :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
        transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)
      }
    }
    .tab {
      cursor:pointer;
      appearance:none;
      text-align:center;
      webkit-user-select:none;
      -webkit-user-select:none;
      user-select:none;
      flex-wrap:wrap;
      justify-content:center;
      align-items:center;
      display:inline-flex;
      position:relative
    }
    @media (hover:hover) {
      .tab:hover {
        color:var(--color-base-content)
      }
    }
    .tab {
      --tab-p:.75rem;
      --tab-bg:var(--color-base-100);
      --tab-border-color:var(--color-base-300);
      --tab-radius-ss:0;
      --tab-radius-se:0;
      --tab-radius-es:0;
      --tab-radius-ee:0;
      --tab-order:0;
      --tab-radius-min:calc(.75rem - var(--border));
      --tab-radius-limit:min(var(--radius-field), var(--tab-radius-min));
      --tab-radius-grad:#0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px);
      order:var(--tab-order);
      height:var(--tab-height);
      padding-inline:var(--tab-p);
      border-color:#0000;
      font-size:.875rem
    }
    .tab:is(input[type=radio]) {
      min-width:fit-content
    }
    .tab:is(input[type=radio]):after {
      --tw-content:attr(aria-label);
      content:var(--tw-content)
    }
    .tab:is(label) {
      position:relative
    }
    .tab:is(label) input {
      cursor:pointer;
      appearance:none;
      opacity:0;
      position:absolute;
      inset:0
    }
    :is(.tab:checked,
    .tab:is(label:has(:checked)),
    .tab:is(.tab-active,
    [aria-selected=true],
    [aria-current=true],
    [aria-current=page]))+.tab-content {
      display:block
    }
    .tab:not(:checked,
    label:has(:checked),
    :hover,
    .tab-active,
    [aria-selected=true],
    [aria-current=true],
    [aria-current=page]) {
      color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .tab:not(:checked,
      label:has(:checked),
      :hover,
      .tab-active,
      [aria-selected=true],
      [aria-current=true],
      [aria-current=page]) {
        color:color-mix(in oklab, var(--color-base-content) 50%, transparent)
      }
    }
    .tab:not(input):empty {
      cursor:default;
      flex-grow:1
    }
    .tab:focus {
      --tw-outline-style:none;
      outline-style:none
    }
    @media (forced-colors:active) {
      .tab:focus {
        outline-offset:2px;
        outline:2px solid #0000
      }
    }
    .tab:focus-visible,
    .tab:is(label:has(:checked:focus-visible)) {
      outline-offset:-5px;
      outline:2px solid
    }
    .tab[disabled] {
      pointer-events:none;
      opacity:.4
    }
    .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 {
      background-color:var(--color-base-content);
      opacity:.1;
      width:var(--border);
      content:"";
      inset-inline-start:0;
      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 oklch(0% 0 0/.01),inset 0 -1px oklch(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
    }
    .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,
    .dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content {
      opacity:1;
      scale:1
    }
    .dropdown:is(details) summary::-webkit-details-marker {
      display:none
    }
    .dropdown:where([popover]) {
      background:0 0
    }
    .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:oklab(0% none none/.3)
      }
    }
    :is(.dropdown[popover].dropdown-close,
    .dropdown[popover]:not(.dropdown-open,
    :popover-open)) {
      transform-origin:top;
      opacity:0;
      display:none;
      scale:.95
    }
    :where(.btn) {
      width:unset
    }
    .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 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)
    }
    .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
    }
    .\!loading {
      pointer-events:none!important;
      aspect-ratio:1!important;
      vertical-align:middle!important;
      width:calc(var(--size-selector,.25rem) * 6)!important;
      background-color:currentColor!important;
      display:inline-block!important;
      -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")!important;
      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")!important;
      -webkit-mask-position:50%!important;
      mask-position:50%!important;
      -webkit-mask-size:100%!important;
      mask-size:100%!important;
      -webkit-mask-repeat:no-repeat!important;
      mask-repeat:no-repeat!important
    }
    .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:50%;
      mask-position:50%;
      -webkit-mask-size:100%;
      mask-size:100%;
      -webkit-mask-repeat:no-repeat;
      mask-repeat:no-repeat
    }
    .countdown {
      display:inline-flex
    }
    .countdown>* {
      visibility:hidden;
      --value-v:calc(mod(max(0, var(--value)), 1000));
      --value-hundreds:calc(round(to-zero, var(--value-v) / 100, 1));
      --value-tens:calc(round(to-zero, mod(var(--value-v), 100) / 10, 1));
      --value-ones:calc(mod(var(--value-v), 100));
      --show-hundreds:clamp(clamp(0, var(--digits,1) - 2, 1), var(--value-hundreds), 1);
      --show-tens:clamp(clamp(0, var(--digits,1) - 1, 1), var(--value-tens) + var(--show-hundreds), 1);
      --first-digits:calc(round(to-zero, var(--value-v) / 10, 1));
      height:1em;
      width:calc(1ch + var(--show-tens) * 1ch + var(--show-hundreds) * 1ch);
      direction:ltr;
      transition:width .4s ease-out .2s;
      display:inline-block;
      position:relative;
      overflow-y:clip
    }
    .countdown>:before,
    .countdown>:after {
      visibility:visible;
      --tw-content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";
      content:var(--tw-content);
      font-variant-numeric:tabular-nums;
      white-space:pre;
      text-align:end;
      direction:rtl;
      transition:all 1s cubic-bezier(1,0,0,1),width .2s ease-out .2s,opacity .2s ease-out .2s;
      position:absolute;
      overflow-x:clip
    }
    .countdown>:before {
      width:calc(1ch + var(--show-hundreds) * 1ch);
      top:calc(var(--first-digits) * -1em);
      opacity:var(--show-tens);
      inset-inline-end:0
    }
    .countdown>:after {
      width:1ch;
      top:calc(var(--value-ones) * -1em);
      inset-inline-start:0
    }
    .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)
      }
    }
    .toggle {
      border:var(--border) solid currentColor;
      color:var(--input-color);
      cursor:pointer;
      appearance:none;
      vertical-align:middle;
      webkit-user-select:none;
      -webkit-user-select:none;
      user-select:none;
      --radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
      border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));
      padding:var(--toggle-p);
      flex-shrink:0;
      grid-template-columns:0fr 1fr 1fr;
      place-content:center;
      display:inline-grid;
      position:relative;
      box-shadow:inset 0 1px
    }
    @supports (color:color-mix(in lab, red, red)) {
      .toggle {
        box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset
      }
    }
    .toggle {
      --input-color:var(--color-base-content);
      transition:color .3s,grid-template-columns .2s
    }
    @supports (color:color-mix(in lab, red, red)) {
      .toggle {
        --input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000)
      }
    }
    .toggle {
      --toggle-p:calc(var(--size) * .125);
      --size:calc(var(--size-selector,.25rem) * 6);
      width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
      height:var(--size)
    }
    .toggle>* {
      z-index:1;
      cursor:pointer;
      appearance:none;
      background-color:#0000;
      border:none;
      grid-column:2/span 1;
      grid-row-start:1;
      height:100%;
      padding:.125rem;
      transition:opacity .2s,rotate .4s
    }
    .toggle>:focus {
      --tw-outline-style:none;
      outline-style:none
    }
    @media (forced-colors:active) {
      .toggle>:focus {
        outline-offset:2px;
        outline:2px solid #0000
      }
    }
    .toggle>:nth-child(2) {
      color:var(--color-base-100);
      rotate:0deg
    }
    .toggle>:nth-child(3) {
      color:var(--color-base-100);
      opacity:0;
      rotate:-15deg
    }
    .toggle:has(:checked)>:nth-child(2) {
      opacity:0;
      rotate:15deg
    }
    .toggle:has(:checked)>:nth-child(3) {
      opacity:1;
      rotate:0deg
    }
    .toggle:before {
      aspect-ratio:1;
      border-radius:var(--radius-selector);
      --tw-content:"";
      content:var(--tw-content);
      width:100%;
      height:100%;
      box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor;
      background-color:currentColor;
      grid-row-start:1;
      grid-column-start:2;
      transition:background-color .1s,translate .2s,inset-inline-start .2s;
      position:relative;
      inset-inline-start:0;
      translate:0
    }
    @supports (color:color-mix(in lab, red, red)) {
      .toggle:before {
        box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000)
      }
    }
    .toggle:before {
      background-size:auto, calc(var(--noise) * 100%);
      background-image:none, var(--fx-noise)
    }
    @media (forced-colors:active) {
      .toggle:before {
        outline-style:var(--tw-outline-style);
        outline-offset:calc(1px * -1);
        outline-width:1px
      }
    }
    @media print {
      .toggle:before {
        outline-offset:-1rem;
        outline:.25rem solid
      }
    }
    .toggle:focus-visible {
      outline-offset:2px;
      outline:2px solid
    }
    .toggle:has(:focus-visible) {
      outline-offset:2px;
      outline:2px solid
    }
    .toggle:checked,
    .toggle[aria-checked=true] {
      background-color:var(--color-base-100);
      --input-color:var(--color-base-content);
      grid-template-columns:1fr 1fr 0fr
    }
    .toggle:has(>input:checked) {
      background-color:var(--color-base-100);
      --input-color:var(--color-base-content);
      grid-template-columns:1fr 1fr 0fr
    }
    :is(.toggle:checked,
    .toggle[aria-checked=true],
    .toggle:has(>input:checked)):before {
      background-color:currentColor
    }
    @starting-style {
      :is(.toggle:checked,
      .toggle[aria-checked=true],
      .toggle:has(>input:checked)):before {
        opacity:0
      }
    }
    .toggle:indeterminate {
      grid-template-columns:.5fr 1fr .5fr
    }
    .toggle:disabled {
      cursor:not-allowed;
      opacity:.3
    }
    .toggle:disabled:before {
      border:var(--border) solid currentColor;
      background-color:#0000
    }
    .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
    }
    @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:is(:disabled,
      [disabled]),
      fieldset:disabled .input {
        color:color-mix(in oklab, var(--color-base-content) 40%, transparent)
      }
      .input:has(>input[disabled]) {
        color:color-mix(in oklab, var(--color-base-content) 40%, transparent)
      }
    }
    :is(.input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]),
    fieldset:disabled .input)::-moz-placeholder {
      color:var(--color-base-content)
    }
    :is(.input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]),
    fieldset:disabled .input)::placeholder {
      color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      :is(.input:has(>input[disabled]),
      .input:is(:disabled,
      [disabled]),
      fieldset:disabled .input)::-moz-placeholder {
        color:color-mix(in oklab, var(--color-base-content) 20%, transparent)
      }
      :is(.input:has(>input[disabled]),
      .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]) {
      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
    }
    .indicator {
      width:max-content;
      display:inline-flex;
      position:relative
    }
    .indicator :where(.indicator-item) {
      z-index:1;
      white-space:nowrap;
      top:var(--indicator-t,0);
      bottom:var(--indicator-b,auto);
      left:var(--indicator-s,auto);
      right:var(--indicator-e,0);
      translate:var(--indicator-x,50%) var(--indicator-y,-50%);
      position:absolute
    }
    .table {
      border-collapse:separate;
      --tw-border-spacing-x:calc(.25rem * 0);
      --tw-border-spacing-y:calc(.25rem * 0);
      width:100%;
      border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);
      border-radius:var(--radius-box);
      text-align:left;
      font-size:.875rem;
      position:relative
    }
    .table:where(:is(:lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)),
    [dir=rtl],
    [dir=rtl] *) {
      text-align:right
    }
    @media (hover:hover) {
      :is(.table tr.row-hover,
      .table tr.row-hover:nth-child(2n)):hover {
        background-color:var(--color-base-200)
      }
    }
    .table :where(th,
    td) {
      vertical-align:middle;
      padding-block:.75rem;
      padding-inline:1rem
    }
    .table :where(thead,
    tfoot) {
      white-space:nowrap;
      color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .table :where(thead,
      tfoot) {
        color:color-mix(in oklab, var(--color-base-content) 60%, transparent)
      }
    }
    .table :where(thead,
    tfoot) {
      font-size:.875rem;
      font-weight:600
    }
    .table :where(tfoot tr:first-child :is(td,
    th)) {
      border-top:var(--border) solid var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .table :where(tfoot tr:first-child :is(td,
      th)) {
        border-top:var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)
      }
    }
    .table :where(.table-pin-rows thead tr) {
      z-index:1;
      background-color:var(--color-base-100);
      position:sticky;
      top:0
    }
    .table :where(.table-pin-rows tfoot tr) {
      z-index:1;
      background-color:var(--color-base-100);
      position:sticky;
      bottom:0
    }
    .table :where(.table-pin-cols tr th) {
      background-color:var(--color-base-100);
      position:sticky;
      left:0;
      right:0
    }
    .table :where(thead tr :is(td,
    th),
    tbody tr:not(:last-child) :is(td,
    th)) {
      border-bottom:var(--border) solid var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .table :where(thead tr :is(td,
      th),
      tbody tr:not(:last-child) :is(td,
      th)) {
        border-bottom:var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)
      }
    }
    .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)
    }
    .range {
      appearance:none;
      webkit-appearance:none;
      --range-thumb:var(--color-base-100);
      --range-thumb-size:calc(var(--size-selector,.25rem) * 6);
      --range-progress:currentColor;
      --range-fill:1;
      --range-p:.25rem;
      --range-bg:currentColor
    }
    @supports (color:color-mix(in lab, red, red)) {
      .range {
        --range-bg:color-mix(in oklab, currentColor 10%, #0000)
      }
    }
    .range {
      cursor:pointer;
      vertical-align:middle;
      --radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
      border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      width:clamp(3rem,20rem,100%);
      height:var(--range-thumb-size);
      background-color:#0000;
      border:none;
      overflow:hidden
    }
    [dir=rtl] .range {
      --range-dir:-1
    }
    .range:focus {
      outline:none
    }
    .range:focus-visible {
      outline-offset:2px;
      outline:2px solid
    }
    .range::-webkit-slider-runnable-track {
      background-color:var(--range-bg);
      border-radius:var(--radius-selector);
      width:100%;
      height:calc(var(--range-thumb-size) * .5)
    }
    @media (forced-colors:active) {
      .range::-webkit-slider-runnable-track {
        border:1px solid
      }
      .range::-moz-range-track {
        border:1px solid
      }
    }
    .range::-webkit-slider-thumb {
      box-sizing:border-box;
      border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color:var(--range-thumb);
      height:var(--range-thumb-size);
      width:var(--range-thumb-size);
      border:var(--range-p) solid;
      appearance:none;
      webkit-appearance:none;
      color:var(--range-progress);
      box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
      position:relative;
      top:50%;
      transform:translateY(-50%)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .range::-webkit-slider-thumb {
        box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill))
      }
    }
    .range::-moz-range-track {
      background-color:var(--range-bg);
      border-radius:var(--radius-selector);
      width:100%;
      height:calc(var(--range-thumb-size) * .5)
    }
    .range::-moz-range-thumb {
      box-sizing:border-box;
      border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      height:var(--range-thumb-size);
      width:var(--range-thumb-size);
      border:var(--range-p) solid;
      color:var(--range-progress);
      box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
      background-color:currentColor;
      position:relative;
      top:50%
    }
    @supports (color:color-mix(in lab, red, red)) {
      .range::-moz-range-thumb {
        box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill))
      }
    }
    .range:disabled {
      cursor:not-allowed;
      opacity:.3
    }
    .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
    }
    .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:is(:disabled,
      [disabled]),
      fieldset:disabled .select {
        color:color-mix(in oklab, var(--color-base-content) 40%, transparent)
      }
      .select:has(>select[disabled]) {
        color:color-mix(in oklab, var(--color-base-content) 40%, transparent)
      }
    }
    :is(.select:has(>select[disabled]),
    .select:is(:disabled,
    [disabled]),
    fieldset:disabled .select)::-moz-placeholder {
      color:var(--color-base-content)
    }
    :is(.select:has(>select[disabled]),
    .select:is(:disabled,
    [disabled]),
    fieldset:disabled .select)::placeholder {
      color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      :is(.select:has(>select[disabled]),
      .select:is(:disabled,
      [disabled]),
      fieldset:disabled .select)::-moz-placeholder {
        color:color-mix(in oklab, var(--color-base-content) 20%, transparent)
      }
      :is(.select:has(>select[disabled]),
      .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 oklch(0% 0 0/.2);
      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
    }
    :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)
    }
    .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
    }
    .swap {
      cursor:pointer;
      vertical-align:middle;
      webkit-user-select:none;
      -webkit-user-select:none;
      user-select:none;
      place-content:center;
      display:inline-grid;
      position:relative
    }
    .swap input {
      appearance:none;
      border:none
    }
    .swap>* {
      grid-row-start:1;
      grid-column-start:1
    }
    @media (prefers-reduced-motion:no-preference) {
      .swap>* {
        transition-property:transform,rotate,opacity;
        transition-duration:.2s;
        transition-timing-function:cubic-bezier(0,0,.2,1)
      }
    }
    .swap .swap-on,
    .swap .swap-indeterminate,
    .swap input:indeterminate~.swap-on,
    .swap input:is(:checked,
    :indeterminate)~.swap-off {
      opacity:0
    }
    .swap input:checked~.swap-on,
    .swap input:indeterminate~.swap-indeterminate {
      opacity:1;
      backface-visibility:visible
    }
    .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:0deg
      }
    }
    @media print {
      :is(.checkbox:checked,
      .checkbox[aria-checked=true]):before {
        --tw-content:"✔︎";
        clip-path:none;
        background-color:#0000;
        rotate:0deg
      }
    }
    .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:0deg
    }
    .radio {
      cursor:pointer;
      appearance:none;
      vertical-align:middle;
      border:var(--border) solid var(--input-color,currentColor);
      border-radius:3.40282e38px;
      flex-shrink:0;
      padding:.25rem;
      display:inline-block;
      position:relative
    }
    @supports (color:color-mix(in lab, red, red)) {
      .radio {
        border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000))
      }
    }
    .radio {
      box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;
      --size:calc(var(--size-selector,.25rem) * 6);
      width:var(--size);
      height:var(--size);
      color:var(--input-color,currentColor)
    }
    .radio:before {
      --tw-content:"";
      content:var(--tw-content);
      background-size:auto, calc(var(--noise) * 100%);
      background-image:none, var(--fx-noise);
      border-radius:3.40282e38px;
      width:100%;
      height:100%;
      display:block
    }
    .radio:focus-visible {
      outline:2px solid
    }
    .radio:checked,
    .radio[aria-checked=true] {
      background-color:var(--color-base-100);
      border-color:currentColor
    }
    @media (prefers-reduced-motion:no-preference) {
      .radio:checked,
      .radio[aria-checked=true] {
        animation:.2s ease-out radio
      }
    }
    :is(.radio:checked,
    .radio[aria-checked=true]):before {
      box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
      background-color:currentColor
    }
    @media (forced-colors:active) {
      :is(.radio:checked,
      .radio[aria-checked=true]):before {
        outline-style:var(--tw-outline-style);
        outline-offset:calc(1px * -1);
        outline-width:1px
      }
    }
    @media print {
      :is(.radio:checked,
      .radio[aria-checked=true]):before {
        outline-offset:-1rem;
        outline:.25rem solid
      }
    }
    .rating {
      vertical-align:middle;
      display:inline-flex;
      position:relative
    }
    .rating input {
      appearance:none;
      border:none
    }
    .rating :where(*) {
      background-color:var(--color-base-content);
      opacity:.2;
      border-radius:0;
      width:1.5rem;
      height:1.5rem
    }
    @media (prefers-reduced-motion:no-preference) {
      .rating :where(*) {
        animation:.25s ease-out rating
      }
    }
    .rating :where(*):is(input) {
      cursor:pointer
    }
    .rating .rating-hidden {
      background-color:#0000;
      width:.5rem
    }
    .rating input[type=radio]:checked {
      background-image:none
    }
    .rating :checked,
    .rating [aria-checked=true],
    .rating [aria-current=true] {
      opacity:1
    }
    .rating :has(~:checked,
    ~[aria-checked=true],
    ~[aria-current=true]) {
      opacity:1
    }
    .rating :focus-visible {
      scale:1.1
    }
    @media (prefers-reduced-motion:no-preference) {
      .rating :focus-visible {
        transition:scale .2s ease-out
      }
    }
    .rating :active:focus {
      animation:none;
      scale:1.1
    }
    .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
    }
    .stats {
      border-radius:var(--radius-box);
      grid-auto-flow:column;
      display:inline-grid;
      position:relative;
      overflow-x:auto
    }
    .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
        }
      }
      .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
      }
    }
    .file-input {
      cursor:pointer;
      cursor:pointer;
      border:var(--border) solid #0000;
      appearance:none;
      background-color:var(--color-base-100);
      vertical-align:middle;
      webkit-user-select:none;
      -webkit-user-select:none;
      user-select:none;
      width:clamp(3rem,20rem,100%);
      height:var(--size);
      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));
      align-items:center;
      padding-inline-end:.75rem;
      font-size:.875rem;
      line-height:2;
      display:inline-flex
    }
    @supports (color:color-mix(in lab, red, red)) {
      .file-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
      }
    }
    .file-input {
      --size:calc(var(--size-field,.25rem) * 10);
      --input-color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .file-input {
        --input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)
      }
    }
    .file-input::file-selector-button {
      cursor:pointer;
      webkit-user-select:none;
      -webkit-user-select:none;
      user-select:none;
      height:calc(100% + var(--border) * 2);
      margin-inline-end:1rem;
      margin-block:calc(var(--border) * -1);
      color:var(--btn-fg);
      border-width:var(--border);
      border-style:solid;
      border-color:var(--btn-border);
      background-color:var(--btn-bg);
      background-size:calc(var(--noise) * 100%);
      background-image:var(--btn-noise);
      text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));
      box-shadow:0 .5px 0 .5px white inset, var(--btn-shadow);
      border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));
      border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));
      margin-inline-start:calc(var(--border) * -1);
      padding-inline:1rem;
      font-size:.875rem;
      font-weight:600
    }
    @supports (color:color-mix(in lab, red, red)) {
      .file-input::file-selector-button {
        box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow)
      }
    }
    .file-input::file-selector-button {
      --size:calc(var(--size-field,.25rem) * 10);
      --btn-bg:var(--btn-color,var(--color-base-200));
      --btn-fg:var(--color-base-content);
      --btn-border:var(--btn-bg)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .file-input::file-selector-button {
        --btn-border:color-mix(in oklab, var(--btn-bg), #000 5%)
      }
    }
    .file-input::file-selector-button {
      --btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .file-input::file-selector-button {
        --btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000)
      }
    }
    .file-input::file-selector-button {
      --btn-noise:var(--fx-noise)
    }
    .file-input:focus {
      --input-color:var(--color-base-content);
      box-shadow:0 1px var(--input-color)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .file-input:focus {
        box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000)
      }
    }
    .file-input:focus {
      outline:2px solid var(--input-color);
      outline-offset:2px;
      isolation:isolate
    }
    .file-input:is(:disabled,
    [disabled]) {
      cursor:not-allowed;
      border-color:var(--color-base-200);
      background-color:var(--color-base-200)
    }
    .file-input:has(>input[disabled]) {
      cursor:not-allowed;
      border-color:var(--color-base-200);
      background-color:var(--color-base-200)
    }
    :is(.file-input:has(>input[disabled]),
    .file-input:is(:disabled,
    [disabled]))::-moz-placeholder {
      color:var(--color-base-content)
    }
    :is(.file-input:has(>input[disabled]),
    .file-input:is(:disabled,
    [disabled]))::placeholder {
      color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      :is(.file-input:has(>input[disabled]),
      .file-input:is(:disabled,
      [disabled]))::-moz-placeholder {
        color:color-mix(in oklab, var(--color-base-content) 20%, transparent)
      }
      :is(.file-input:has(>input[disabled]),
      .file-input:is(:disabled,
      [disabled]))::placeholder {
        color:color-mix(in oklab, var(--color-base-content) 20%, transparent)
      }
    }
    .file-input:is(:disabled,
    [disabled]) {
      box-shadow:none;
      color:var(--color-base-content)
    }
    .file-input:has(>input[disabled]) {
      box-shadow:none;
      color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      .file-input:is(:disabled,
      [disabled]) {
        color:color-mix(in oklch, var(--color-base-content) 20%, #0000)
      }
      .file-input:has(>input[disabled]) {
        color:color-mix(in oklch, var(--color-base-content) 20%, #0000)
      }
    }
    :is(.file-input:has(>input[disabled]),
    .file-input:is(:disabled,
    [disabled]))::file-selector-button {
      cursor:not-allowed;
      border-color:var(--color-base-200);
      background-color:var(--color-base-200);
      --btn-border:#0000;
      --btn-noise:none;
      --btn-fg:var(--color-base-content)
    }
    @supports (color:color-mix(in lab, red, red)) {
      :is(.file-input:has(>input[disabled]),
      .file-input:is(:disabled,
      [disabled]))::file-selector-button {
        --btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000)
      }
    }
    .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%
    }
    .hero {
      background-position:50%;
      background-size:cover;
      place-items:center;
      width:100%;
      display:grid
    }
    .hero>* {
      grid-row-start:1;
      grid-column-start:1
    }
    .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 {
      opacity:0;
      border-width:0;
      width:0;
      margin-inline:0;
      padding-inline:0;
      scale:0
    }
    .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
    }
    .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)
      }
    }
    .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:50%;
      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)
      }
    }
    .badge {
      border-radius:var(--radius-selector);
      vertical-align:middle;
      color:var(--badge-fg);
      border:var(--border) solid var(--badge-color,var(--color-base-200));
      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);
      width:fit-content;
      height:var(--size);
      padding-inline:calc(var(--size) / 2 - var(--border));
      justify-content:center;
      align-items:center;
      gap:.5rem;
      font-size:.875rem;
      display:inline-flex
    }
    .tabs {
      --tabs-height:auto;
      --tabs-direction:row;
      --tab-height:calc(var(--size-field,.25rem) * 10);
      height:var(--tabs-height);
      flex-wrap:wrap;
      flex-direction:var(--tabs-direction);
      display:flex
    }
    .footer {
      grid-auto-flow:row;
      place-items:start;
      gap:2.5rem 1rem;
      width:100%;
      font-size:.875rem;
      line-height:1.25rem;
      display:grid
    }
    .footer>* {
      place-items:start;
      gap:.5rem;
      display:grid
    }
    .footer.footer-center {
      text-align:center;
      grid-auto-flow:column dense;
      place-items:center
    }
    .footer.footer-center>* {
      place-items:center
    }
    .card-body {
      padding:var(--card-p,1.5rem);
      font-size:var(--card-fs,.875rem);
      flex-direction:column;
      flex:auto;
      gap:.5rem;
      display:flex
    }
    .card-body :where(p) {
      flex-grow:1
    }
    .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)
    }
    .fieldset {
      grid-template-columns:1fr;
      grid-auto-rows:max-content;
      gap:.375rem;
      padding-block:.25rem;
      font-size:.75rem;
      display:grid
    }
    .chat {
      --mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
      -moz-column-gap:.75rem;
      grid-auto-rows:min-content;
      column-gap:.75rem;
      padding-block:.25rem;
      display:grid
    }
    .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
    }
    .btn-primary {
      --btn-color:var(--color-primary);
      --btn-fg:var(--color-primary-content)
    }
    .btn-warning {
      --btn-color:var(--color-warning);
      --btn-fg:var(--color-warning-content)
    }
  }
  @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:oklch(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
      }
    }
    .tooltip>.tooltip-content,
    .tooltip[data-tip]:before {
      transform:translateX(-50%) translateY(var(--tt-pos,.25rem));
      inset:auto auto var(--tt-off) 50%
    }
    .tooltip:after {
      transform:translateX(-50%) translateY(var(--tt-pos,.25rem));
      inset:auto auto var(--tt-tail) 50%
    }
    .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)
      }
    }
    .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)
      }
    }
    .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)
      }
    }
    .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>* {
      grid-row-start:1
    }
    .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)
    }
    .checkbox:disabled,
    .radio:disabled {
      cursor:not-allowed;
      opacity:.2
    }
    .rating.rating-xs :where(:not(.rating-hidden)) {
      width:1rem;
      height:1rem
    }
    .rating.rating-sm :where(:not(.rating-hidden)) {
      width:1.25rem;
      height:1.25rem
    }
    .rating.rating-md :where(:not(.rating-hidden)) {
      width:1.5rem;
      height:1.5rem
    }
    .rating.rating-lg :where(:not(.rating-hidden)) {
      width:1.75rem;
      height:1.75rem
    }
    .rating.rating-xl :where(:not(.rating-hidden)) {
      width:2rem;
      height:2rem
    }
    :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
    }
    .loading-lg {
      width:calc(var(--size-selector,.25rem) * 7)
    }
    .loading-sm {
      width:calc(var(--size-selector,.25rem) * 5)
    }
    .loading-xs {
      width:calc(var(--size-selector,.25rem) * 4)
    }
    .badge-ghost {
      border-color:var(--color-base-200);
      background-color:var(--color-base-200);
      color:var(--color-base-content);
      background-image:none
    }
    .badge-outline {
      color:var(--badge-color);
      --badge-bg:#0000;
      background-image:none;
      border-color:currentColor
    }
    .table-zebra tbody tr:where(:nth-child(2n)),
    .table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) {
      background-color:var(--color-base-200)
    }
    @media (hover:hover) {
      :is(.table-zebra tbody tr.row-hover,
      .table-zebra tbody tr.row-hover:where(:nth-child(2n))):hover {
        background-color:var(--color-base-300)
      }
    }
    .loading-spinner {
      -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")
    }
    .checkbox-sm {
      --size:calc(var(--size-selector,.25rem) * 5);
      padding:.1875rem
    }
    .table-sm :not(thead,
    tfoot) tr {
      font-size:.75rem
    }
    .table-sm :where(th,
    td) {
      padding-block:.5rem;
      padding-inline:.75rem
    }
    .badge-lg {
      --size:calc(var(--size-selector,.25rem) * 7);
      font-size:1rem
    }
    .badge-sm {
      --size:calc(var(--size-selector,.25rem) * 5);
      font-size:.75rem
    }
    .alert-error {
      color:var(--color-error-content);
      --alert-border-color:var(--color-error);
      --alert-color:var(--color-error)
    }
    .alert-success {
      color:var(--color-success-content);
      --alert-border-color:var(--color-success);
      --alert-color:var(--color-success)
    }
    .alert-warning {
      color:var(--color-warning-content);
      --alert-border-color:var(--color-warning);
      --alert-color:var(--color-warning)
    }
    .checkbox-primary {
      color:var(--color-primary-content);
      --input-color:var(--color-primary)
    }
    .progress-primary {
      color:var(--color-primary)
    }
    .btn-lg {
      --fontsize:1.125rem;
      --btn-p:1.25rem;
      --size:calc(var(--size-field,.25rem) * 12)
    }
    .btn-sm {
      --fontsize:.75rem;
      --btn-p:.75rem;
      --size:calc(var(--size-field,.25rem) * 8)
    }
    .badge-accent {
      --badge-color:var(--color-accent);
      --badge-fg:var(--color-accent-content)
    }
    .badge-error {
      --badge-color:var(--color-error);
      --badge-fg:var(--color-error-content)
    }
    .badge-primary {
      --badge-color:var(--color-primary);
      --badge-fg:var(--color-primary-content)
    }
    .badge-secondary {
      --badge-color:var(--color-secondary);
      --badge-fg:var(--color-secondary-content)
    }
    .badge-success {
      --badge-color:var(--color-success);
      --badge-fg:var(--color-success-content)
    }
    .badge-warning {
      --badge-color:var(--color-warning);
      --badge-fg:var(--color-warning-content)
    }
  }
  .pointer-events-none {
    pointer-events:none
  }
  .countdown.countdown {
    line-height:1em
  }
  .visible {
    visibility:visible
  }
  .sr-only {
    clip-path:inset(50%);
    white-space:nowrap;
    border-width:0;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    position:absolute;
    overflow:hidden
  }
  .absolute {
    position:absolute
  }
  .fixed {
    position:fixed
  }
  .relative {
    position:relative
  }
  .static {
    position:static
  }
  .sticky {
    position:sticky
  }
  .inset-0 {
    inset:calc(var(--spacing) * 0)
  }
  .inset-x-0 {
    inset-inline:calc(var(--spacing) * 0)
  }
  .inset-y-0 {
    inset-block:calc(var(--spacing) * 0)
  }
  .-top-1 {
    top:calc(var(--spacing) * -1)
  }
  .-top-3 {
    top:calc(var(--spacing) * -3)
  }
  .top-0 {
    top:calc(var(--spacing) * 0)
  }
  .top-1 {
    top:calc(var(--spacing) * 1)
  }
  .top-1\/2 {
    top:50%
  }
  .top-2 {
    top:calc(var(--spacing) * 2)
  }
  .top-3 {
    top:calc(var(--spacing) * 3)
  }
  .top-4 {
    top:calc(var(--spacing) * 4)
  }
  .top-6 {
    top:calc(var(--spacing) * 6)
  }
  .top-10 {
    top:calc(var(--spacing) * 10)
  }
  .top-\[10vh\] {
    top:10vh
  }
  .top-full {
    top:100%
  }
  .-right-1 {
    right:calc(var(--spacing) * -1)
  }
  .right-0 {
    right:calc(var(--spacing) * 0)
  }
  .right-1 {
    right:calc(var(--spacing) * 1)
  }
  .right-2 {
    right:calc(var(--spacing) * 2)
  }
  .right-3 {
    right:calc(var(--spacing) * 3)
  }
  .right-4 {
    right:calc(var(--spacing) * 4)
  }
  .right-6 {
    right:calc(var(--spacing) * 6)
  }
  .bottom-0 {
    bottom:calc(var(--spacing) * 0)
  }
  .bottom-6 {
    bottom:calc(var(--spacing) * 6)
  }
  .left-0 {
    left:calc(var(--spacing) * 0)
  }
  .left-1\/2 {
    left:50%
  }
  .left-2 {
    left:calc(var(--spacing) * 2)
  }
  .left-3 {
    left:calc(var(--spacing) * 3)
  }
  .left-\[calc\(50\%-4rem\)\] {
    left:calc(50% - 4rem)
  }
  .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 :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 :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 :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)
  }
  .join>:where(:focus,
  :has(:focus)) {
    z-index:1
  }
  @media (hover:hover) {
    .join>:where(.btn:hover,
    :has(.btn:hover)) {
      isolation:isolate
    }
  }
  .isolate {
    isolation:isolate
  }
  .-z-10 {
    z-index:calc(10 * -1)
  }
  .z-10 {
    z-index:10
  }
  .z-20 {
    z-index:20
  }
  .z-40 {
    z-index:40
  }
  .z-50 {
    z-index:50
  }
  .z-\[60\] {
    z-index:60
  }
  .col-span-full {
    grid-column:1/-1
  }
  .container {
    width:100%
  }
  @media (width>=40rem) {
    .container {
      max-width:40rem
    }
  }
  @media (width>=48rem) {
    .container {
      max-width:48rem
    }
  }
  @media (width>=64rem) {
    .container {
      max-width:64rem
    }
  }
  @media (width>=80rem) {
    .container {
      max-width:80rem
    }
  }
  @media (width>=96rem) {
    .container {
      max-width:96rem
    }
  }
  .-m-1\.5 {
    margin:calc(var(--spacing) * -1.5)
  }
  .-m-2\.5 {
    margin:calc(var(--spacing) * -2.5)
  }
  .-mx-2 {
    margin-inline:calc(var(--spacing) * -2)
  }
  .-mx-3 {
    margin-inline:calc(var(--spacing) * -3)
  }
  .-mx-6 {
    margin-inline:calc(var(--spacing) * -6)
  }
  .mx-2 {
    margin-inline:calc(var(--spacing) * 2)
  }
  .mx-4 {
    margin-inline:calc(var(--spacing) * 4)
  }
  .mx-auto {
    margin-inline:auto
  }
  .-my-6 {
    margin-block:calc(var(--spacing) * -6)
  }
  .my-2 {
    margin-block:calc(var(--spacing) * 2)
  }
  .my-4 {
    margin-block:calc(var(--spacing) * 4)
  }
  .my-6 {
    margin-block:calc(var(--spacing) * 6)
  }
  .my-8 {
    margin-block:calc(var(--spacing) * 8)
  }
  .prose {
    color:var(--tw-prose-body);
    max-width:65ch
  }
  .prose :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
  }
  .prose :where([class~=lead]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-lead);
    margin-top:1.2em;
    margin-bottom:1.2em;
    font-size:1.25em;
    line-height:1.6
  }
  .prose :where(a):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-links);
    font-weight:500;
    text-decoration:underline
  }
  .prose :where(strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-bold);
    font-weight:600
  }
  .prose :where(a strong):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(blockquote strong):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(thead th strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .prose :where(ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:decimal
  }
  .prose :where(ol[type=A]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-alpha
  }
  .prose :where(ol[type=a]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-alpha
  }
  .prose :where(ol[type=A s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-alpha
  }
  .prose :where(ol[type=a s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-alpha
  }
  .prose :where(ol[type=I]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-roman
  }
  .prose :where(ol[type=i]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-roman
  }
  .prose :where(ol[type=I s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-roman
  }
  .prose :where(ol[type=i s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-roman
  }
  .prose :where(ol[type="1"]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:decimal
  }
  .prose :where(ul):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:disc
  }
  .prose :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *))::marker {
    color:var(--tw-prose-counters);
    font-weight:400
  }
  .prose :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *))::marker {
    color:var(--tw-prose-bullets)
  }
  .prose :where(dt):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.25em;
    font-weight:600
  }
  .prose :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-color:var(--tw-prose-hr);
    border-top-width:1px;
    margin-top:3em;
    margin-bottom:3em
  }
  .prose :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-quotes);
    border-inline-start-width:.25rem;
    border-inline-start-color:var(--tw-prose-quote-borders);
    quotes:"“""”""‘""’";
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-inline-start:1em;
    font-style:italic;
    font-weight:500
  }
  .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],
  [class~=not-prose] *)):before {
    content:open-quote
  }
  .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],
  [class~=not-prose] *)):after {
    content:close-quote
  }
  .prose :where(h1):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:0;
    margin-bottom:.888889em;
    font-size:2.25em;
    font-weight:800;
    line-height:1.11111
  }
  .prose :where(h1 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:900
  }
  .prose :where(h2):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:2em;
    margin-bottom:1em;
    font-size:1.5em;
    font-weight:700;
    line-height:1.33333
  }
  .prose :where(h2 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:800
  }
  .prose :where(h3):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.6em;
    margin-bottom:.6em;
    font-size:1.25em;
    font-weight:600;
    line-height:1.6
  }
  .prose :where(h3 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:700
  }
  .prose :where(h4):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.5em;
    margin-bottom:.5em;
    font-weight:600;
    line-height:1.5
  }
  .prose :where(h4 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:700
  }
  .prose :where(img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .prose :where(picture):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em;
    display:block
  }
  .prose :where(video):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .prose :where(kbd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-kbd);
    box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top:.1875em;
    padding-inline-end:.375em;
    padding-bottom:.1875em;
    border-radius:.3125rem;
    padding-inline-start:.375em;
    font-family:inherit;
    font-size:.875em;
    font-weight:500
  }
  .prose :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-code);
    font-size:.875em;
    font-weight:600
  }
  .prose :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)):before,
  .prose :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)):after {
    content:"`"
  }
  .prose :where(a code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h1 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .prose :where(h2 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-size:.875em
  }
  .prose :where(h3 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-size:.9em
  }
  .prose :where(h4 code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(blockquote code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(thead th code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .prose :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-pre-code);
    background-color:var(--tw-prose-pre-bg);
    padding-top:.857143em;
    padding-inline-end:1.14286em;
    padding-bottom:.857143em;
    border-radius:.375rem;
    margin-top:1.71429em;
    margin-bottom:1.71429em;
    padding-inline-start:1.14286em;
    font-size:.875em;
    font-weight:400;
    line-height:1.71429;
    overflow-x:auto
  }
  .prose :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-weight:inherit;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    line-height:inherit;
    background-color:#0000;
    border-width:0;
    border-radius:0;
    padding:0
  }
  .prose :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)):before,
  .prose :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)):after {
    content:none
  }
  .prose :where(table):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    table-layout:auto;
    width:100%;
    margin-top:2em;
    margin-bottom:2em;
    font-size:.875em;
    line-height:1.71429
  }
  .prose :where(thead):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-th-borders)
  }
  .prose :where(thead th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    vertical-align:bottom;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em;
    font-weight:600
  }
  .prose :where(tbody tr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-td-borders)
  }
  .prose :where(tbody tr:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:0
  }
  .prose :where(tbody td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    vertical-align:baseline
  }
  .prose :where(tfoot):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-top-width:1px;
    border-top-color:var(--tw-prose-th-borders)
  }
  .prose :where(tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    vertical-align:top
  }
  .prose :where(th,
  td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    text-align:start
  }
  .prose :where(figure>*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose :where(figcaption):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-captions);
    margin-top:.857143em;
    font-size:.875em;
    line-height:1.42857
  }
  .prose {
    --tw-prose-body:oklch(37.3% .034 259.733);
    --tw-prose-headings:oklch(21% .034 264.665);
    --tw-prose-lead:oklch(44.6% .03 256.802);
    --tw-prose-links:oklch(21% .034 264.665);
    --tw-prose-bold:oklch(21% .034 264.665);
    --tw-prose-counters:oklch(55.1% .027 264.364);
    --tw-prose-bullets:oklch(87.2% .01 258.338);
    --tw-prose-hr:oklch(92.8% .006 264.531);
    --tw-prose-quotes:oklch(21% .034 264.665);
    --tw-prose-quote-borders:oklch(92.8% .006 264.531);
    --tw-prose-captions:oklch(55.1% .027 264.364);
    --tw-prose-kbd:oklch(21% .034 264.665);
    --tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);
    --tw-prose-code:oklch(21% .034 264.665);
    --tw-prose-pre-code:oklch(92.8% .006 264.531);
    --tw-prose-pre-bg:oklch(27.8% .033 256.848);
    --tw-prose-th-borders:oklch(87.2% .01 258.338);
    --tw-prose-td-borders:oklch(92.8% .006 264.531);
    --tw-prose-invert-body:oklch(87.2% .01 258.338);
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:oklch(70.7% .022 261.325);
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets:oklch(44.6% .03 256.802);
    --tw-prose-invert-hr:oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes:oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);
    --tw-prose-invert-captions:oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd:#fff;
    --tw-prose-invert-kbd-shadows:#ffffff1a;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg:#00000080;
    --tw-prose-invert-th-borders:oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders:oklch(37.3% .034 259.733);
    font-size:1rem;
    line-height:1.75
  }
  .prose :where(picture>img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.5em;
    margin-bottom:.5em
  }
  .prose :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:.375em
  }
  .prose :where(.prose>ul>li p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
  }
  .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em
  }
  .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.25em
  }
  .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em
  }
  .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.25em
  }
  .prose :where(ul ul,
  ul ol,
  ol ul,
  ol ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
  }
  .prose :where(dl):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
  }
  .prose :where(dd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.5em;
    padding-inline-start:1.625em
  }
  .prose :where(hr+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h2+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h3+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h4+*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose :where(thead th:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose :where(thead th:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose :where(tbody td,
  tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.571429em;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em
  }
  .prose :where(tbody td:first-child,
  tfoot td:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose :where(tbody td:last-child,
  tfoot td:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose :where(figure):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .prose :where(.prose>:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose :where(.prose>:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:0
  }
  .prose-lg {
    font-size:1.125rem;
    line-height:1.77778
  }
  .prose-lg :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em;
    margin-bottom:1.33333em
  }
  .prose-lg :where([class~=lead]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.09091em;
    margin-bottom:1.09091em;
    font-size:1.22222em;
    line-height:1.45455
  }
  .prose-lg :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.66667em;
    margin-bottom:1.66667em;
    padding-inline-start:1em
  }
  .prose-lg :where(h1):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:.833333em;
    font-size:2.66667em;
    line-height:1
  }
  .prose-lg :where(h2):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.86667em;
    margin-bottom:1.06667em;
    font-size:1.66667em;
    line-height:1.33333
  }
  .prose-lg :where(h3):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.66667em;
    margin-bottom:.666667em;
    font-size:1.33333em;
    line-height:1.5
  }
  .prose-lg :where(h4):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:.444444em;
    line-height:1.55556
  }
  .prose-lg :where(img):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(picture):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:1.77778em
  }
  .prose-lg :where(picture>img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose-lg :where(video):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:1.77778em
  }
  .prose-lg :where(kbd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.222222em;
    padding-inline-end:.444444em;
    padding-bottom:.222222em;
    border-radius:.3125rem;
    padding-inline-start:.444444em;
    font-size:.888889em
  }
  .prose-lg :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.888889em
  }
  .prose-lg :where(h2 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.866667em
  }
  .prose-lg :where(h3 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.875em
  }
  .prose-lg :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:1em;
    padding-inline-end:1.5em;
    padding-bottom:1em;
    border-radius:.375rem;
    margin-top:2em;
    margin-bottom:2em;
    padding-inline-start:1.5em;
    font-size:.888889em;
    line-height:1.75
  }
  .prose-lg :where(ol):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(ul):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em;
    margin-bottom:1.33333em;
    padding-inline-start:1.55556em
  }
  .prose-lg :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.666667em;
    margin-bottom:.666667em
  }
  .prose-lg :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:.444444em
  }
  .prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.888889em;
    margin-bottom:.888889em
  }
  .prose-lg :where(.prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em
  }
  .prose-lg :where(.prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.33333em
  }
  .prose-lg :where(.prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em
  }
  .prose-lg :where(.prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.33333em
  }
  .prose-lg :where(ul ul,
  ul ol,
  ol ul,
  ol ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.888889em;
    margin-bottom:.888889em
  }
  .prose-lg :where(dl):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em;
    margin-bottom:1.33333em
  }
  .prose-lg :where(dt):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em
  }
  .prose-lg :where(dd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.666667em;
    padding-inline-start:1.55556em
  }
  .prose-lg :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:3.11111em;
    margin-bottom:3.11111em
  }
  .prose-lg :where(hr+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(h2+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(h3+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-lg :where(h4+*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose-lg :where(table):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.888889em;
    line-height:1.5
  }
  .prose-lg :where(thead th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:.75em;
    padding-bottom:.75em;
    padding-inline-start:.75em
  }
  .prose-lg :where(thead th:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose-lg :where(thead th:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose-lg :where(tbody td,
  tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.75em;
    padding-inline-end:.75em;
    padding-bottom:.75em;
    padding-inline-start:.75em
  }
  .prose-lg :where(tbody td:first-child,
  tfoot td:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose-lg :where(tbody td:last-child,
  tfoot td:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose-lg :where(figure):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.77778em;
    margin-bottom:1.77778em
  }
  .prose-lg :where(figure>*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose-lg :where(figcaption):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1em;
    font-size:.888889em;
    line-height:1.5
  }
  .prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:0
  }
  .prose-sm {
    font-size:.875rem;
    line-height:1.71429
  }
  .prose-sm :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.14286em;
    margin-bottom:1.14286em
  }
  .prose-sm :where([class~=lead]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.888889em;
    margin-bottom:.888889em;
    font-size:1.28571em;
    line-height:1.55556
  }
  .prose-sm :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.33333em;
    margin-bottom:1.33333em;
    padding-inline-start:1.11111em
  }
  .prose-sm :where(h1):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:.8em;
    font-size:2.14286em;
    line-height:1.2
  }
  .prose-sm :where(h2):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.6em;
    margin-bottom:.8em;
    font-size:1.42857em;
    line-height:1.4
  }
  .prose-sm :where(h3):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.55556em;
    margin-bottom:.444444em;
    font-size:1.28571em;
    line-height:1.55556
  }
  .prose-sm :where(h4):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.42857em;
    margin-bottom:.571429em;
    line-height:1.42857
  }
  .prose-sm :where(img):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-sm :where(picture):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.71429em;
    margin-bottom:1.71429em
  }
  .prose-sm :where(picture>img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose-sm :where(video):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.71429em;
    margin-bottom:1.71429em
  }
  .prose-sm :where(kbd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.142857em;
    padding-inline-end:.357143em;
    padding-bottom:.142857em;
    border-radius:.3125rem;
    padding-inline-start:.357143em;
    font-size:.857143em
  }
  .prose-sm :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.857143em
  }
  .prose-sm :where(h2 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.9em
  }
  .prose-sm :where(h3 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.888889em
  }
  .prose-sm :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.666667em;
    padding-inline-end:1em;
    padding-bottom:.666667em;
    border-radius:.25rem;
    margin-top:1.66667em;
    margin-bottom:1.66667em;
    padding-inline-start:1em;
    font-size:.857143em;
    line-height:1.66667
  }
  .prose-sm :where(ol):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-sm :where(ul):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.14286em;
    margin-bottom:1.14286em;
    padding-inline-start:1.57143em
  }
  .prose-sm :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.285714em;
    margin-bottom:.285714em
  }
  .prose-sm :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-sm :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:.428571em
  }
  .prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.571429em;
    margin-bottom:.571429em
  }
  .prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.14286em
  }
  .prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.14286em
  }
  .prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.14286em
  }
  .prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.14286em
  }
  .prose-sm :where(ul ul,
  ul ol,
  ol ul,
  ol ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.571429em;
    margin-bottom:.571429em
  }
  .prose-sm :where(dl):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.14286em;
    margin-bottom:1.14286em
  }
  .prose-sm :where(dt):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.14286em
  }
  .prose-sm :where(dd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.285714em;
    padding-inline-start:1.57143em
  }
  .prose-sm :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2.85714em;
    margin-bottom:2.85714em
  }
  .prose-sm :where(hr+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-sm :where(h2+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-sm :where(h3+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-sm :where(h4+*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose-sm :where(table):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-size:.857143em;
    line-height:1.5
  }
  .prose-sm :where(thead th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:1em;
    padding-bottom:.666667em;
    padding-inline-start:1em
  }
  .prose-sm :where(thead th:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose-sm :where(thead th:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose-sm :where(tbody td,
  tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.666667em;
    padding-inline-end:1em;
    padding-bottom:.666667em;
    padding-inline-start:1em
  }
  .prose-sm :where(tbody td:first-child,
  tfoot td:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose-sm :where(tbody td:last-child,
  tfoot td:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose-sm :where(figure):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.71429em;
    margin-bottom:1.71429em
  }
  .prose-sm :where(figure>*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose-sm :where(figcaption):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.666667em;
    font-size:.857143em;
    line-height:1.33333
  }
  .prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:0
  }
  .-mt-6 {
    margin-top:calc(var(--spacing) * -6)
  }
  .mt-0\.5 {
    margin-top:calc(var(--spacing) * .5)
  }
  .mt-1 {
    margin-top:calc(var(--spacing) * 1)
  }
  .mt-1\.5 {
    margin-top:calc(var(--spacing) * 1.5)
  }
  .mt-2 {
    margin-top:calc(var(--spacing) * 2)
  }
  .mt-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)
  }
  .mt-16 {
    margin-top:calc(var(--spacing) * 16)
  }
  .mr-1 {
    margin-right:calc(var(--spacing) * 1)
  }
  .mr-2 {
    margin-right:calc(var(--spacing) * 2)
  }
  .mr-3 {
    margin-right:calc(var(--spacing) * 3)
  }
  .mb-0\.5 {
    margin-bottom:calc(var(--spacing) * .5)
  }
  .mb-1 {
    margin-bottom:calc(var(--spacing) * 1)
  }
  .mb-1\.5 {
    margin-bottom:calc(var(--spacing) * 1.5)
  }
  .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-5 {
    margin-bottom:calc(var(--spacing) * 5)
  }
  .mb-6 {
    margin-bottom:calc(var(--spacing) * 6)
  }
  .mb-8 {
    margin-bottom:calc(var(--spacing) * 8)
  }
  .mb-10 {
    margin-bottom:calc(var(--spacing) * 10)
  }
  .mb-12 {
    margin-bottom:calc(var(--spacing) * 12)
  }
  .ml-0\.5 {
    margin-left:calc(var(--spacing) * .5)
  }
  .ml-1 {
    margin-left:calc(var(--spacing) * 1)
  }
  .ml-1\.5 {
    margin-left:calc(var(--spacing) * 1.5)
  }
  .ml-2 {
    margin-left:calc(var(--spacing) * 2)
  }
  .ml-3 {
    margin-left:calc(var(--spacing) * 3)
  }
  .ml-4 {
    margin-left:calc(var(--spacing) * 4)
  }
  .ml-12 {
    margin-left:calc(var(--spacing) * 12)
  }
  .alert {
    border-width:var(--border);
    border-color:var(--alert-border-color,var(--color-base-200))
  }
  .line-clamp-2 {
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }
  .line-clamp-3 {
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }
  :root .prose {
    --tw-prose-body:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-body:color-mix(in oklab, var(--color-base-content) 80%, #0000)
    }
  }
  :root .prose {
    --tw-prose-headings:var(--color-base-content);
    --tw-prose-lead:var(--color-base-content);
    --tw-prose-links:var(--color-base-content);
    --tw-prose-bold:var(--color-base-content);
    --tw-prose-counters:var(--color-base-content);
    --tw-prose-bullets:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-bullets:color-mix(in oklab, var(--color-base-content) 50%, #0000)
    }
  }
  :root .prose {
    --tw-prose-hr:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-hr:color-mix(in oklab, var(--color-base-content) 20%, #0000)
    }
  }
  :root .prose {
    --tw-prose-quotes:var(--color-base-content);
    --tw-prose-quote-borders:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-quote-borders:color-mix(in oklab, var(--color-base-content) 20%, #0000)
    }
  }
  :root .prose {
    --tw-prose-captions:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-captions:color-mix(in oklab, var(--color-base-content) 50%, #0000)
    }
  }
  :root .prose {
    --tw-prose-code:var(--color-base-content);
    --tw-prose-pre-code:var(--color-neutral-content);
    --tw-prose-pre-bg:var(--color-neutral);
    --tw-prose-th-borders:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-th-borders:color-mix(in oklab, var(--color-base-content) 50%, #0000)
    }
  }
  :root .prose {
    --tw-prose-td-borders:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-td-borders:color-mix(in oklab, var(--color-base-content) 20%, #0000)
    }
  }
  :root .prose {
    --tw-prose-kbd:var(--color-base-content)
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-kbd:color-mix(in oklab, var(--color-base-content) 80%, #0000)
    }
  }
  :root .prose :where(code):not(pre>code) {
    background-color:var(--color-base-200);
    border-radius:var(--radius-selector);
    border:var(--border) solid var(--color-base-300);
    font-weight:inherit;
    padding-block:.2em;
    padding-inline:.5em
  }
  :root .prose :where(code):not(pre>code):before,
  :root .prose :where(code):not(pre>code):after {
    display:none
  }
  .block {
    display:block
  }
  .contents {
    display:contents
  }
  .flex {
    display:flex
  }
  .flow-root {
    display:flow-root
  }
  .grid {
    display:grid
  }
  .hidden {
    display:none
  }
  .inline {
    display:inline
  }
  .inline-block {
    display:inline-block
  }
  .inline-flex {
    display:inline-flex
  }
  .table {
    display:table
  }
  .aspect-16\/10 {
    aspect-ratio:16/10
  }
  .aspect-1108\/632 {
    aspect-ratio:1108/632
  }
  .aspect-\[4\/3\] {
    aspect-ratio:4/3
  }
  .aspect-square {
    aspect-ratio:1
  }
  .aspect-video {
    aspect-ratio:var(--aspect-video)
  }
  .size-4 {
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4)
  }
  .size-5 {
    width:calc(var(--spacing) * 5);
    height:calc(var(--spacing) * 5)
  }
  .size-6 {
    width:calc(var(--spacing) * 6);
    height:calc(var(--spacing) * 6)
  }
  .size-full {
    width:100%;
    height:100%
  }
  .h-1 {
    height:calc(var(--spacing) * 1)
  }
  .h-1\.5 {
    height:calc(var(--spacing) * 1.5)
  }
  .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-7 {
    height:calc(var(--spacing) * 7)
  }
  .h-8 {
    height:calc(var(--spacing) * 8)
  }
  .h-9 {
    height:calc(var(--spacing) * 9)
  }
  .h-10 {
    height:calc(var(--spacing) * 10)
  }
  .h-12 {
    height:calc(var(--spacing) * 12)
  }
  .h-14 {
    height:calc(var(--spacing) * 14)
  }
  .h-16 {
    height:calc(var(--spacing) * 16)
  }
  .h-20 {
    height:calc(var(--spacing) * 20)
  }
  .h-24 {
    height:calc(var(--spacing) * 24)
  }
  .h-32 {
    height:calc(var(--spacing) * 32)
  }
  .h-44 {
    height:calc(var(--spacing) * 44)
  }
  .h-48 {
    height:calc(var(--spacing) * 48)
  }
  .h-56 {
    height:calc(var(--spacing) * 56)
  }
  .h-\[60vh\] {
    height:60vh
  }
  .h-\[70vh\] {
    height:70vh
  }
  .h-\[440px\] {
    height:440px
  }
  .h-auto {
    height:auto
  }
  .h-full {
    height:100%
  }
  .max-h-7 {
    max-height:calc(var(--spacing) * 7)
  }
  .max-h-10 {
    max-height:calc(var(--spacing) * 10)
  }
  .max-h-28 {
    max-height:calc(var(--spacing) * 28)
  }
  .max-h-48 {
    max-height:calc(var(--spacing) * 48)
  }
  .max-h-56 {
    max-height:calc(var(--spacing) * 56)
  }
  .max-h-64 {
    max-height:calc(var(--spacing) * 64)
  }
  .max-h-96 {
    max-height:calc(var(--spacing) * 96)
  }
  .max-h-\[70vh\] {
    max-height:70vh
  }
  .max-h-\[90vh\] {
    max-height:90vh
  }
  .max-h-\[520px\] {
    max-height:520px
  }
  .max-h-\[calc\(70vh-3\.75rem\)\] {
    max-height:calc(70vh - 3.75rem)
  }
  .max-h-full {
    max-height:100%
  }
  .min-h-0 {
    min-height:calc(var(--spacing) * 0)
  }
  .min-h-20 {
    min-height:calc(var(--spacing) * 20)
  }
  .min-h-24 {
    min-height:calc(var(--spacing) * 24)
  }
  .min-h-\[32rem\] {
    min-height:32rem
  }
  .min-h-full {
    min-height:100%
  }
  .min-h-screen {
    min-height:100vh
  }
  .w-1\.5 {
    width:calc(var(--spacing) * 1.5)
  }
  .w-1\/2 {
    width:50%
  }
  .w-1\/5 {
    width:20%
  }
  .w-1\/6 {
    width:16.6667%
  }
  .w-1\/12 {
    width:8.33333%
  }
  .w-2 {
    width:calc(var(--spacing) * 2)
  }
  .w-2\/5 {
    width:40%
  }
  .w-3 {
    width:calc(var(--spacing) * 3)
  }
  .w-3\.5 {
    width:calc(var(--spacing) * 3.5)
  }
  .w-4 {
    width:calc(var(--spacing) * 4)
  }
  .w-5 {
    width:calc(var(--spacing) * 5)
  }
  .w-6 {
    width:calc(var(--spacing) * 6)
  }
  .w-7 {
    width:calc(var(--spacing) * 7)
  }
  .w-8 {
    width:calc(var(--spacing) * 8)
  }
  .w-9 {
    width:calc(var(--spacing) * 9)
  }
  .w-10 {
    width:calc(var(--spacing) * 10)
  }
  .w-12 {
    width:calc(var(--spacing) * 12)
  }
  .w-13 {
    width:calc(var(--spacing) * 13)
  }
  .w-14 {
    width:calc(var(--spacing) * 14)
  }
  .w-16 {
    width:calc(var(--spacing) * 16)
  }
  .w-20 {
    width:calc(var(--spacing) * 20)
  }
  .w-24 {
    width:calc(var(--spacing) * 24)
  }
  .w-56 {
    width:calc(var(--spacing) * 56)
  }
  .w-64 {
    width:calc(var(--spacing) * 64)
  }
  .w-72 {
    width:calc(var(--spacing) * 72)
  }
  .w-80 {
    width:calc(var(--spacing) * 80)
  }
  .w-96 {
    width:calc(var(--spacing) * 96)
  }
  .w-\[69\.25rem\] {
    width:69.25rem
  }
  .w-\[340px\] {
    width:340px
  }
  .w-auto {
    width:auto
  }
  .w-fit {
    width:fit-content
  }
  .w-full {
    width:100%
  }
  .w-px {
    width:1px
  }
  .max-w-2xl {
    max-width:42rem
  }
  .max-w-3xl {
    max-width:48rem
  }
  .max-w-4xl {
    max-width:56rem
  }
  .max-w-5xl {
    max-width:64rem
  }
  .max-w-6xl {
    max-width:72rem
  }
  .max-w-7xl {
    max-width:80rem
  }
  .max-w-\[70\%\] {
    max-width:70%
  }
  .max-w-\[80\%\] {
    max-width:80%
  }
  .max-w-\[85\%\] {
    max-width:85%
  }
  .max-w-\[90rem\] {
    max-width:90rem
  }
  .max-w-\[95vw\] {
    max-width:95vw
  }
  .max-w-full {
    max-width:100%
  }
  .max-w-lg {
    max-width:32rem
  }
  .max-w-md {
    max-width:28rem
  }
  .max-w-none {
    max-width:none
  }
  .max-w-screen-2xl {
    max-width:var(--breakpoint-2xl)
  }
  .max-w-sm {
    max-width:24rem
  }
  .min-w-0 {
    min-width:calc(var(--spacing) * 0)
  }
  .min-w-5 {
    min-width:calc(var(--spacing) * 5)
  }
  .min-w-12 {
    min-width:calc(var(--spacing) * 12)
  }
  .min-w-\[1\.5rem\] {
    min-width:1.5rem
  }
  .min-w-\[600px\] {
    min-width:600px
  }
  .min-w-full {
    min-width:100%
  }
  .min-w-max {
    min-width:max-content
  }
  .flex-1 {
    flex:1
  }
  .flex-none {
    flex:none
  }
  .flex-shrink-0 {
    flex-shrink:0
  }
  .shrink {
    flex-shrink:1
  }
  .shrink-0 {
    flex-shrink:0
  }
  .table-fixed {
    table-layout:fixed
  }
  .border-collapse {
    border-collapse:collapse
  }
  .-translate-x-1\/2 {
    --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .translate-x-1 {
    --tw-translate-x:calc(var(--spacing) * 1);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .translate-x-7 {
    --tw-translate-x:calc(var(--spacing) * 7);
    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)
  }
  .rotate-90 {
    rotate:90deg
  }
  .rotate-180 {
    rotate:180deg
  }
  .transform {
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }
  .transform-gpu {
    transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }
  .animate-bounce {
    animation:var(--animate-bounce)
  }
  .animate-pulse {
    animation:var(--animate-pulse)
  }
  .animate-spin {
    animation:var(--animate-spin)
  }
  .cursor-default {
    cursor:default
  }
  .cursor-help {
    cursor:help
  }
  .cursor-not-allowed {
    cursor:not-allowed
  }
  .cursor-pointer {
    cursor:pointer
  }
  .cursor-wait {
    cursor:wait
  }
  .cursor-zoom-in {
    cursor:zoom-in
  }
  .resize {
    resize:both
  }
  .resize-none {
    resize:none
  }
  .list-inside {
    list-style-position:inside
  }
  .list-disc {
    list-style-type:disc
  }
  .appearance-none {
    appearance:none
  }
  .grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }
  .grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .grid-cols-5 {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
  .flex-col {
    flex-direction:column
  }
  .flex-wrap {
    flex-wrap:wrap
  }
  .items-baseline {
    align-items:baseline
  }
  .items-center {
    align-items:center
  }
  .items-end {
    align-items:flex-end
  }
  .items-start {
    align-items:flex-start
  }
  .justify-between {
    justify-content:space-between
  }
  .justify-center {
    justify-content:center
  }
  .justify-end {
    justify-content:flex-end
  }
  .justify-start {
    justify-content:flex-start
  }
  .gap-1 {
    gap:calc(var(--spacing) * 1)
  }
  .gap-1\.5 {
    gap:calc(var(--spacing) * 1.5)
  }
  .gap-2 {
    gap:calc(var(--spacing) * 2)
  }
  .gap-2\.5 {
    gap:calc(var(--spacing) * 2.5)
  }
  .gap-3 {
    gap:calc(var(--spacing) * 3)
  }
  .gap-4 {
    gap:calc(var(--spacing) * 4)
  }
  .gap-5 {
    gap:calc(var(--spacing) * 5)
  }
  .gap-6 {
    gap:calc(var(--spacing) * 6)
  }
  .gap-8 {
    gap:calc(var(--spacing) * 8)
  }
  .gap-12 {
    gap:calc(var(--spacing) * 12)
  }
  :where(.space-y-0\.5>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-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-5>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-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-y-10>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
  }
  .gap-x-2 {
    -moz-column-gap:calc(var(--spacing) * 2);
    column-gap:calc(var(--spacing) * 2)
  }
  .gap-x-3 {
    -moz-column-gap:calc(var(--spacing) * 3);
    column-gap:calc(var(--spacing) * 3)
  }
  .gap-x-4 {
    -moz-column-gap:calc(var(--spacing) * 4);
    column-gap:calc(var(--spacing) * 4)
  }
  .gap-x-6 {
    -moz-column-gap:calc(var(--spacing) * 6);
    column-gap:calc(var(--spacing) * 6)
  }
  .gap-x-10 {
    -moz-column-gap:calc(var(--spacing) * 10);
    column-gap:calc(var(--spacing) * 10)
  }
  :where(.space-x-1>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-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)))
  }
  .gap-y-0\.5 {
    row-gap:calc(var(--spacing) * .5)
  }
  .gap-y-1 {
    row-gap:calc(var(--spacing) * 1)
  }
  .gap-y-2 {
    row-gap:calc(var(--spacing) * 2)
  }
  .gap-y-3 {
    row-gap:calc(var(--spacing) * 3)
  }
  :where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse:0;
    border-bottom-style:var(--tw-border-style);
    border-top-style:var(--tw-border-style);
    border-top-width:calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))
  }
  :where(.divide-gray-500\/25>:not(:last-child)) {
    border-color:#6a728240
  }
  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-gray-500\/25>:not(:last-child)) {
      border-color:color-mix(in oklab, var(--color-gray-500) 25%, transparent)
    }
  }
  :where(.divide-gray-700>:not(:last-child)) {
    border-color:var(--color-gray-700)
  }
  :where(.divide-gray-700\/60>:not(:last-child)) {
    border-color:#36415399
  }
  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-gray-700\/60>:not(:last-child)) {
      border-color:color-mix(in oklab, var(--color-gray-700) 60%, transparent)
    }
  }
  :where(.divide-white\/10>:not(:last-child)) {
    border-color:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-white\/10>:not(:last-child)) {
      border-color:color-mix(in oklab, var(--color-white) 10%, transparent)
    }
  }
  .self-center {
    align-self:center
  }
  .self-end {
    align-self:flex-end
  }
  .self-start {
    align-self:flex-start
  }
  .truncate {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
  }
  .overflow-auto {
    overflow:auto
  }
  .overflow-hidden {
    overflow:hidden
  }
  .overflow-visible {
    overflow:visible
  }
  .overflow-x-auto {
    overflow-x:auto
  }
  .overflow-y-auto {
    overflow-y:auto
  }
  .rounded {
    border-radius:.25rem
  }
  .rounded-2xl {
    border-radius:var(--radius-2xl)
  }
  .rounded-3xl {
    border-radius:var(--radius-3xl)
  }
  .rounded-box {
    border-radius:var(--radius-box);
    border-radius:var(--radius-box)
  }
  .rounded-full {
    border-radius:3.40282e38px
  }
  .rounded-lg {
    border-radius:var(--radius-lg)
  }
  .rounded-md {
    border-radius:var(--radius-md)
  }
  .rounded-xl {
    border-radius:var(--radius-xl)
  }
  .rounded-t-lg {
    border-top-left-radius:var(--radius-lg);
    border-top-right-radius:var(--radius-lg)
  }
  .rounded-t-md {
    border-top-left-radius:var(--radius-md);
    border-top-right-radius:var(--radius-md)
  }
  .rounded-br-sm {
    border-bottom-right-radius:var(--radius-sm)
  }
  .rounded-bl-sm {
    border-bottom-left-radius:var(--radius-sm)
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }
  .border-0 {
    border-style:var(--tw-border-style);
    border-width:0
  }
  .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-l {
    border-left-style:var(--tw-border-style);
    border-left-width:1px
  }
  .border-l-2 {
    border-left-style:var(--tw-border-style);
    border-left-width:2px
  }
  .border-dashed {
    --tw-border-style:dashed;
    border-style:dashed
  }
  .border-accent-primary\/30 {
    border-color:#d65d364d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-accent-primary\/30 {
      border-color:color-mix(in oklab, var(--color-accent-primary) 30%, transparent)
    }
  }
  .border-amber-300\/40 {
    border-color:#ffd23666
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-300\/40 {
      border-color:color-mix(in oklab, var(--color-amber-300) 40%, transparent)
    }
  }
  .border-amber-500\/40 {
    border-color:#f99c0066
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)
    }
  }
  .border-amber-500\/50 {
    border-color:#f99c0080
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/50 {
      border-color:color-mix(in oklab, var(--color-amber-500) 50%, transparent)
    }
  }
  .border-amber-600 {
    border-color:var(--color-amber-600)
  }
  .border-amber-700 {
    border-color:var(--color-amber-700)
  }
  .border-amber-700\/40 {
    border-color:#b7500066
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-amber-700\/40 {
      border-color:color-mix(in oklab, var(--color-amber-700) 40%, transparent)
    }
  }
  .border-amber-800 {
    border-color:var(--color-amber-800)
  }
  .border-base-200 {
    border-color:var(--color-base-200)
  }
  .border-base-300 {
    border-color:var(--color-base-300)
  }
  .border-blue-500 {
    border-color:var(--color-blue-500)
  }
  .border-blue-500\/40 {
    border-color:#3080ff66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-blue-500\/40 {
      border-color:color-mix(in oklab, var(--color-blue-500) 40%, transparent)
    }
  }
  .border-blue-600 {
    border-color:var(--color-blue-600)
  }
  .border-blue-600\/50 {
    border-color:#155dfc80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-blue-600\/50 {
      border-color:color-mix(in oklab, var(--color-blue-600) 50%, transparent)
    }
  }
  .border-blue-700 {
    border-color:var(--color-blue-700)
  }
  .border-current\/30 {
    border-color:currentColor
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-current\/30 {
      border-color:color-mix(in oklab, currentcolor 30%, transparent)
    }
  }
  .border-emerald-500\/30 {
    border-color:#00bb7f4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)
    }
  }
  .border-emerald-500\/40 {
    border-color:#00bb7f66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-emerald-500\/40 {
      border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)
    }
  }
  .border-emerald-700\/50 {
    border-color:#00795680
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-emerald-700\/50 {
      border-color:color-mix(in oklab, var(--color-emerald-700) 50%, transparent)
    }
  }
  .border-emerald-800\/60 {
    border-color:#005f4699
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-emerald-800\/60 {
      border-color:color-mix(in oklab, var(--color-emerald-800) 60%, transparent)
    }
  }
  .border-gray-200 {
    border-color:var(--color-gray-200)
  }
  .border-gray-300 {
    border-color:var(--color-gray-300)
  }
  .border-gray-500 {
    border-color:var(--color-gray-500)
  }
  .border-gray-500\/60 {
    border-color:#6a728299
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-500\/60 {
      border-color:color-mix(in oklab, var(--color-gray-500) 60%, transparent)
    }
  }
  .border-gray-600 {
    border-color:var(--color-gray-600)
  }
  .border-gray-600\/40 {
    border-color:#4a556566
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-600\/40 {
      border-color:color-mix(in oklab, var(--color-gray-600) 40%, transparent)
    }
  }
  .border-gray-700 {
    border-color:var(--color-gray-700)
  }
  .border-gray-700\/30 {
    border-color:#3641534d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-700\/30 {
      border-color:color-mix(in oklab, var(--color-gray-700) 30%, transparent)
    }
  }
  .border-gray-700\/50 {
    border-color:#36415380
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-700\/50 {
      border-color:color-mix(in oklab, var(--color-gray-700) 50%, transparent)
    }
  }
  .border-gray-700\/60 {
    border-color:#36415399
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-700\/60 {
      border-color:color-mix(in oklab, var(--color-gray-700) 60%, transparent)
    }
  }
  .border-gray-800 {
    border-color:var(--color-gray-800)
  }
  .border-green-500 {
    border-color:var(--color-green-500)
  }
  .border-green-500\/30 {
    border-color:#00c7584d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-green-500\/30 {
      border-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)
    }
  }
  .border-green-500\/40 {
    border-color:#00c75866
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-green-500\/40 {
      border-color:color-mix(in oklab, var(--color-green-500) 40%, transparent)
    }
  }
  .border-green-600 {
    border-color:var(--color-green-600)
  }
  .border-green-700 {
    border-color:var(--color-green-700)
  }
  .border-green-800 {
    border-color:var(--color-green-800)
  }
  .border-indigo-400 {
    border-color:var(--color-indigo-400)
  }
  .border-indigo-400\/30 {
    border-color:#7d87ff4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-400\/30 {
      border-color:color-mix(in oklab, var(--color-indigo-400) 30%, transparent)
    }
  }
  .border-indigo-400\/40 {
    border-color:#7d87ff66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-400\/40 {
      border-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)
    }
  }
  .border-indigo-500 {
    border-color:var(--color-indigo-500)
  }
  .border-indigo-500\/30 {
    border-color:#625fff4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/30 {
      border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)
    }
  }
  .border-indigo-500\/40 {
    border-color:#625fff66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/40 {
      border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)
    }
  }
  .border-indigo-500\/50 {
    border-color:#625fff80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/50 {
      border-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)
    }
  }
  .border-indigo-500\/60 {
    border-color:#625fff99
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/60 {
      border-color:color-mix(in oklab, var(--color-indigo-500) 60%, transparent)
    }
  }
  .border-indigo-600 {
    border-color:var(--color-indigo-600)
  }
  .border-indigo-700\/50 {
    border-color:#432dd780
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-700\/50 {
      border-color:color-mix(in oklab, var(--color-indigo-700) 50%, transparent)
    }
  }
  .border-indigo-700\/60 {
    border-color:#432dd799
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-indigo-700\/60 {
      border-color:color-mix(in oklab, var(--color-indigo-700) 60%, transparent)
    }
  }
  .border-indigo-800 {
    border-color:var(--color-indigo-800)
  }
  .border-orange-700 {
    border-color:var(--color-orange-700)
  }
  .border-primary {
    border-color:var(--color-primary)
  }
  .border-purple-700\/40 {
    border-color:#8200da66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-purple-700\/40 {
      border-color:color-mix(in oklab, var(--color-purple-700) 40%, transparent)
    }
  }
  .border-red-500 {
    border-color:var(--color-red-500)
  }
  .border-red-500\/30 {
    border-color:#fb2c364d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/30 {
      border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)
    }
  }
  .border-red-500\/40 {
    border-color:#fb2c3666
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/40 {
      border-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)
    }
  }
  .border-red-500\/50 {
    border-color:#fb2c3680
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/50 {
      border-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)
    }
  }
  .border-red-600 {
    border-color:var(--color-red-600)
  }
  .border-red-600\/40 {
    border-color:#e4001466
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-red-600\/40 {
      border-color:color-mix(in oklab, var(--color-red-600) 40%, transparent)
    }
  }
  .border-red-700 {
    border-color:var(--color-red-700)
  }
  .border-red-800 {
    border-color:var(--color-red-800)
  }
  .border-red-900\/50 {
    border-color:#82181a80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-red-900\/50 {
      border-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)
    }
  }
  .border-transparent {
    border-color:#0000
  }
  .border-white {
    border-color:var(--color-white)
  }
  .border-white\/10 {
    border-color:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color:color-mix(in oklab, var(--color-white) 10%, transparent)
    }
  }
  .border-white\/15 {
    border-color:#ffffff26
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color:color-mix(in oklab, var(--color-white) 15%, transparent)
    }
  }
  .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-500\/50 {
    border-color:#edb20080
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-yellow-500\/50 {
      border-color:color-mix(in oklab, var(--color-yellow-500) 50%, transparent)
    }
  }
  .border-yellow-700 {
    border-color:var(--color-yellow-700)
  }
  .border-yellow-700\/40 {
    border-color:#a3610066
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-yellow-700\/40 {
      border-color:color-mix(in oklab, var(--color-yellow-700) 40%, transparent)
    }
  }
  .border-yellow-800 {
    border-color:var(--color-yellow-800)
  }
  .border-t-gray-300 {
    border-top-color:var(--color-gray-300)
  }
  .border-t-transparent {
    border-top-color:#0000
  }
  .bg-\[\#0b1220\] {
    background-color:#0b1220
  }
  .bg-\[\#111827\] {
    background-color:#111827
  }
  .bg-accent-primary\/10 {
    background-color:#d65d361a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-accent-primary\/10 {
      background-color:color-mix(in oklab, var(--color-accent-primary) 10%, transparent)
    }
  }
  .bg-amber-400 {
    background-color:var(--color-amber-400)
  }
  .bg-amber-500\/10 {
    background-color:#f99c001a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)
    }
  }
  .bg-amber-500\/15 {
    background-color:#f99c0026
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)
    }
  }
  .bg-amber-500\/20 {
    background-color:#f99c0033
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-500\/20 {
      background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)
    }
  }
  .bg-amber-600\/20 {
    background-color:#dd740033
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-600\/20 {
      background-color:color-mix(in oklab, var(--color-amber-600) 20%, transparent)
    }
  }
  .bg-amber-700 {
    background-color:var(--color-amber-700)
  }
  .bg-amber-900\/20 {
    background-color:#7b330633
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-900\/20 {
      background-color:color-mix(in oklab, var(--color-amber-900) 20%, transparent)
    }
  }
  .bg-amber-900\/50 {
    background-color:#7b330680
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-900\/50 {
      background-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)
    }
  }
  .bg-amber-900\/60 {
    background-color:#7b330699
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-900\/60 {
      background-color:color-mix(in oklab, var(--color-amber-900) 60%, transparent)
    }
  }
  .bg-amber-950 {
    background-color:var(--color-amber-950)
  }
  .bg-amber-950\/30 {
    background-color:#4619014d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-950\/30 {
      background-color:color-mix(in oklab, var(--color-amber-950) 30%, transparent)
    }
  }
  .bg-amber-950\/40 {
    background-color:#46190166
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-950\/40 {
      background-color:color-mix(in oklab, var(--color-amber-950) 40%, transparent)
    }
  }
  .bg-amber-950\/50 {
    background-color:#46190180
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-950\/50 {
      background-color:color-mix(in oklab, var(--color-amber-950) 50%, transparent)
    }
  }
  .bg-base-100 {
    background-color:var(--color-base-100)
  }
  .bg-base-200 {
    background-color:var(--color-base-200)
  }
  .bg-black {
    background-color:var(--color-black)
  }
  .bg-black\/20 {
    background-color:#0003
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color:color-mix(in oklab, var(--color-black) 20%, transparent)
    }
  }
  .bg-black\/30 {
    background-color:#0000004d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color:color-mix(in oklab, var(--color-black) 30%, transparent)
    }
  }
  .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\/60 {
    background-color:#0009
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color:color-mix(in oklab, var(--color-black) 60%, transparent)
    }
  }
  .bg-black\/70 {
    background-color:#000000b3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color:color-mix(in oklab, var(--color-black) 70%, 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-black\/85 {
    background-color:#000000d9
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/85 {
      background-color:color-mix(in oklab, var(--color-black) 85%, transparent)
    }
  }
  .bg-blue-100 {
    background-color:var(--color-blue-100)
  }
  .bg-blue-400 {
    background-color:var(--color-blue-400)
  }
  .bg-blue-500 {
    background-color:var(--color-blue-500)
  }
  .bg-blue-500\/10 {
    background-color:#3080ff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)
    }
  }
  .bg-blue-600 {
    background-color:var(--color-blue-600)
  }
  .bg-blue-600\/20 {
    background-color:#155dfc33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-600\/20 {
      background-color:color-mix(in oklab, var(--color-blue-600) 20%, transparent)
    }
  }
  .bg-blue-900 {
    background-color:var(--color-blue-900)
  }
  .bg-blue-900\/20 {
    background-color:#1c398e33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-900\/20 {
      background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)
    }
  }
  .bg-blue-900\/40 {
    background-color:#1c398e66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-900\/40 {
      background-color:color-mix(in oklab, var(--color-blue-900) 40%, transparent)
    }
  }
  .bg-blue-900\/50 {
    background-color:#1c398e80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-900\/50 {
      background-color:color-mix(in oklab, var(--color-blue-900) 50%, transparent)
    }
  }
  .bg-blue-950 {
    background-color:var(--color-blue-950)
  }
  .bg-blue-950\/30 {
    background-color:#1624564d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-950\/30 {
      background-color:color-mix(in oklab, var(--color-blue-950) 30%, transparent)
    }
  }
  .bg-current\/10 {
    background-color:currentColor
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-current\/10 {
      background-color:color-mix(in oklab, currentcolor 10%, transparent)
    }
  }
  .bg-cyan-500 {
    background-color:var(--color-cyan-500)
  }
  .bg-emerald-500\/10 {
    background-color:#00bb7f1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
    }
  }
  .bg-emerald-500\/15 {
    background-color:#00bb7f26
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)
    }
  }
  .bg-emerald-600 {
    background-color:var(--color-emerald-600)
  }
  .bg-emerald-950\/30 {
    background-color:#002c224d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-950\/30 {
      background-color:color-mix(in oklab, var(--color-emerald-950) 30%, transparent)
    }
  }
  .bg-gray-50 {
    background-color:var(--color-gray-50)
  }
  .bg-gray-100 {
    background-color:var(--color-gray-100)
  }
  .bg-gray-400 {
    background-color:var(--color-gray-400)
  }
  .bg-gray-500 {
    background-color:var(--color-gray-500)
  }
  .bg-gray-600 {
    background-color:var(--color-gray-600)
  }
  .bg-gray-700 {
    background-color:var(--color-gray-700)
  }
  .bg-gray-700\/40 {
    background-color:#36415366
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-700\/40 {
      background-color:color-mix(in oklab, var(--color-gray-700) 40%, transparent)
    }
  }
  .bg-gray-700\/60 {
    background-color:#36415399
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-700\/60 {
      background-color:color-mix(in oklab, var(--color-gray-700) 60%, transparent)
    }
  }
  .bg-gray-800 {
    background-color:var(--color-gray-800)
  }
  .bg-gray-800\/30 {
    background-color:#1e29394d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/30 {
      background-color:color-mix(in oklab, var(--color-gray-800) 30%, transparent)
    }
  }
  .bg-gray-800\/40 {
    background-color:#1e293966
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/40 {
      background-color:color-mix(in oklab, var(--color-gray-800) 40%, transparent)
    }
  }
  .bg-gray-800\/50 {
    background-color:#1e293980
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/50 {
      background-color:color-mix(in oklab, var(--color-gray-800) 50%, transparent)
    }
  }
  .bg-gray-800\/60 {
    background-color:#1e293999
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/60 {
      background-color:color-mix(in oklab, var(--color-gray-800) 60%, transparent)
    }
  }
  .bg-gray-800\/70 {
    background-color:#1e2939b3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/70 {
      background-color:color-mix(in oklab, var(--color-gray-800) 70%, transparent)
    }
  }
  .bg-gray-800\/80 {
    background-color:#1e2939cc
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/80 {
      background-color:color-mix(in oklab, var(--color-gray-800) 80%, transparent)
    }
  }
  .bg-gray-800\/90 {
    background-color:#1e2939e6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/90 {
      background-color:color-mix(in oklab, var(--color-gray-800) 90%, transparent)
    }
  }
  .bg-gray-800\/95 {
    background-color:#1e2939f2
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-800\/95 {
      background-color:color-mix(in oklab, var(--color-gray-800) 95%, transparent)
    }
  }
  .bg-gray-900 {
    background-color:var(--color-gray-900)
  }
  .bg-gray-900\/30 {
    background-color:#1018284d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/30 {
      background-color:color-mix(in oklab, var(--color-gray-900) 30%, transparent)
    }
  }
  .bg-gray-900\/40 {
    background-color:#10182866
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/40 {
      background-color:color-mix(in oklab, var(--color-gray-900) 40%, transparent)
    }
  }
  .bg-gray-900\/50 {
    background-color:#10182880
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/50 {
      background-color:color-mix(in oklab, var(--color-gray-900) 50%, transparent)
    }
  }
  .bg-gray-900\/60 {
    background-color:#10182899
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/60 {
      background-color:color-mix(in oklab, var(--color-gray-900) 60%, transparent)
    }
  }
  .bg-gray-900\/70 {
    background-color:#101828b3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/70 {
      background-color:color-mix(in oklab, var(--color-gray-900) 70%, transparent)
    }
  }
  .bg-gray-900\/80 {
    background-color:#101828cc
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/80 {
      background-color:color-mix(in oklab, var(--color-gray-900) 80%, transparent)
    }
  }
  .bg-gray-900\/95 {
    background-color:#101828f2
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/95 {
      background-color:color-mix(in oklab, var(--color-gray-900) 95%, transparent)
    }
  }
  .bg-gray-950 {
    background-color:var(--color-gray-950)
  }
  .bg-gray-950\/70 {
    background-color:#030712b3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-950\/70 {
      background-color:color-mix(in oklab, var(--color-gray-950) 70%, transparent)
    }
  }
  .bg-green-100 {
    background-color:var(--color-green-100)
  }
  .bg-green-400 {
    background-color:var(--color-green-400)
  }
  .bg-green-600 {
    background-color:var(--color-green-600)
  }
  .bg-green-600\/20 {
    background-color:#00a54433
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-600\/20 {
      background-color:color-mix(in oklab, var(--color-green-600) 20%, transparent)
    }
  }
  .bg-green-700 {
    background-color:var(--color-green-700)
  }
  .bg-green-900 {
    background-color:var(--color-green-900)
  }
  .bg-green-900\/20 {
    background-color:#0d542b33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-900\/20 {
      background-color:color-mix(in oklab, var(--color-green-900) 20%, transparent)
    }
  }
  .bg-green-900\/30 {
    background-color:#0d542b4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-900\/30 {
      background-color:color-mix(in oklab, var(--color-green-900) 30%, transparent)
    }
  }
  .bg-green-900\/40 {
    background-color:#0d542b66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-900\/40 {
      background-color:color-mix(in oklab, var(--color-green-900) 40%, transparent)
    }
  }
  .bg-green-900\/50 {
    background-color:#0d542b80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-900\/50 {
      background-color:color-mix(in oklab, var(--color-green-900) 50%, transparent)
    }
  }
  .bg-green-950 {
    background-color:var(--color-green-950)
  }
  .bg-indigo-100 {
    background-color:var(--color-indigo-100)
  }
  .bg-indigo-500 {
    background-color:var(--color-indigo-500)
  }
  .bg-indigo-500\/10 {
    background-color:#625fff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-500\/10 {
      background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)
    }
  }
  .bg-indigo-500\/15 {
    background-color:#625fff26
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-500\/15 {
      background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)
    }
  }
  .bg-indigo-500\/20 {
    background-color:#625fff33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-500\/20 {
      background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)
    }
  }
  .bg-indigo-600 {
    background-color:var(--color-indigo-600)
  }
  .bg-indigo-600\/10 {
    background-color:#4f39f61a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-600\/10 {
      background-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)
    }
  }
  .bg-indigo-600\/20 {
    background-color:#4f39f633
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-600\/20 {
      background-color:color-mix(in oklab, var(--color-indigo-600) 20%, transparent)
    }
  }
  .bg-indigo-600\/40 {
    background-color:#4f39f666
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-600\/40 {
      background-color:color-mix(in oklab, var(--color-indigo-600) 40%, transparent)
    }
  }
  .bg-indigo-700 {
    background-color:var(--color-indigo-700)
  }
  .bg-indigo-700\/60 {
    background-color:#432dd799
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-700\/60 {
      background-color:color-mix(in oklab, var(--color-indigo-700) 60%, transparent)
    }
  }
  .bg-indigo-900 {
    background-color:var(--color-indigo-900)
  }
  .bg-indigo-900\/20 {
    background-color:#312c8533
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-900\/20 {
      background-color:color-mix(in oklab, var(--color-indigo-900) 20%, transparent)
    }
  }
  .bg-indigo-900\/40 {
    background-color:#312c8566
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-900\/40 {
      background-color:color-mix(in oklab, var(--color-indigo-900) 40%, transparent)
    }
  }
  .bg-indigo-900\/50 {
    background-color:#312c8580
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-900\/50 {
      background-color:color-mix(in oklab, var(--color-indigo-900) 50%, transparent)
    }
  }
  .bg-indigo-900\/60 {
    background-color:#312c8599
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-900\/60 {
      background-color:color-mix(in oklab, var(--color-indigo-900) 60%, transparent)
    }
  }
  .bg-indigo-950 {
    background-color:var(--color-indigo-950)
  }
  .bg-indigo-950\/30 {
    background-color:#1e1a4d4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-950\/30 {
      background-color:color-mix(in oklab, var(--color-indigo-950) 30%, transparent)
    }
  }
  .bg-indigo-950\/40 {
    background-color:#1e1a4d66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-950\/40 {
      background-color:color-mix(in oklab, var(--color-indigo-950) 40%, transparent)
    }
  }
  .bg-indigo-950\/60 {
    background-color:#1e1a4d99
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-950\/60 {
      background-color:color-mix(in oklab, var(--color-indigo-950) 60%, transparent)
    }
  }
  .bg-orange-500 {
    background-color:var(--color-orange-500)
  }
  .bg-orange-600 {
    background-color:var(--color-orange-600)
  }
  .bg-orange-700 {
    background-color:var(--color-orange-700)
  }
  .bg-orange-900 {
    background-color:var(--color-orange-900)
  }
  .bg-orange-900\/15 {
    background-color:#7e2a0c26
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-orange-900\/15 {
      background-color:color-mix(in oklab, var(--color-orange-900) 15%, transparent)
    }
  }
  .bg-orange-900\/60 {
    background-color:#7e2a0c99
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-orange-900\/60 {
      background-color:color-mix(in oklab, var(--color-orange-900) 60%, transparent)
    }
  }
  .bg-orange-950 {
    background-color:var(--color-orange-950)
  }
  .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-900 {
    background-color:var(--color-purple-900)
  }
  .bg-purple-900\/20 {
    background-color:#59168b33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-purple-900\/20 {
      background-color:color-mix(in oklab, var(--color-purple-900) 20%, transparent)
    }
  }
  .bg-purple-900\/60 {
    background-color:#59168b99
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-purple-900\/60 {
      background-color:color-mix(in oklab, var(--color-purple-900) 60%, transparent)
    }
  }
  .bg-red-100 {
    background-color:var(--color-red-100)
  }
  .bg-red-500 {
    background-color:var(--color-red-500)
  }
  .bg-red-600 {
    background-color:var(--color-red-600)
  }
  .bg-red-700 {
    background-color:var(--color-red-700)
  }
  .bg-red-900 {
    background-color:var(--color-red-900)
  }
  .bg-red-900\/20 {
    background-color:#82181a33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-900\/20 {
      background-color:color-mix(in oklab, var(--color-red-900) 20%, transparent)
    }
  }
  .bg-red-900\/30 {
    background-color:#82181a4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-900\/30 {
      background-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)
    }
  }
  .bg-red-900\/40 {
    background-color:#82181a66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-900\/40 {
      background-color:color-mix(in oklab, var(--color-red-900) 40%, transparent)
    }
  }
  .bg-red-900\/50 {
    background-color:#82181a80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-900\/50 {
      background-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)
    }
  }
  .bg-red-900\/60 {
    background-color:#82181a99
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-900\/60 {
      background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)
    }
  }
  .bg-red-950 {
    background-color:var(--color-red-950)
  }
  .bg-red-950\/30 {
    background-color:#4608094d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-950\/30 {
      background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)
    }
  }
  .bg-red-950\/50 {
    background-color:#46080980
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-950\/50 {
      background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)
    }
  }
  .bg-sky-600 {
    background-color:var(--color-sky-600)
  }
  .bg-slate-400 {
    background-color:var(--color-slate-400)
  }
  .bg-slate-500 {
    background-color:var(--color-slate-500)
  }
  .bg-slate-700 {
    background-color:var(--color-slate-700)
  }
  .bg-slate-950 {
    background-color:var(--color-slate-950)
  }
  .bg-transparent {
    background-color:#0000
  }
  .bg-white {
    background-color:var(--color-white)
  }
  .bg-white\/5 {
    background-color:#ffffff0d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color:color-mix(in oklab, var(--color-white) 5%, transparent)
    }
  }
  .bg-yellow-400 {
    background-color:var(--color-yellow-400)
  }
  .bg-yellow-500 {
    background-color:var(--color-yellow-500)
  }
  .bg-yellow-600 {
    background-color:var(--color-yellow-600)
  }
  .bg-yellow-900 {
    background-color:var(--color-yellow-900)
  }
  .bg-yellow-900\/20 {
    background-color:#733e0a33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-yellow-900\/20 {
      background-color:color-mix(in oklab, var(--color-yellow-900) 20%, transparent)
    }
  }
  .bg-yellow-900\/40 {
    background-color:#733e0a66
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-yellow-900\/40 {
      background-color:color-mix(in oklab, var(--color-yellow-900) 40%, transparent)
    }
  }
  .bg-yellow-900\/60 {
    background-color:#733e0a99
  }
  @supports (color:color-mix(in lab, red, red)) {
    .bg-yellow-900\/60 {
      background-color:color-mix(in oklab, var(--color-yellow-900) 60%, transparent)
    }
  }
  .bg-yellow-950 {
    background-color:var(--color-yellow-950)
  }
  .bg-linear-to-r {
    --tw-gradient-position:to right
  }
  @supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position:to right in oklab
    }
  }
  .bg-linear-to-r {
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .bg-gradient-to-br {
    --tw-gradient-position:to bottom right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .from-\[\#80caff\] {
    --tw-gradient-from:#80caff;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .from-blue-400 {
    --tw-gradient-from:var(--color-blue-400);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .from-emerald-950\/60 {
    --tw-gradient-from:#002c2299
  }
  @supports (color:color-mix(in lab, red, red)) {
    .from-emerald-950\/60 {
      --tw-gradient-from:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)
    }
  }
  .from-emerald-950\/60 {
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .from-gray-900 {
    --tw-gradient-from:var(--color-gray-900);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .from-indigo-900 {
    --tw-gradient-from:var(--color-indigo-900);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .via-cyan-300 {
    --tw-gradient-via:var(--color-cyan-300);
    --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .via-gray-800 {
    --tw-gradient-via:var(--color-gray-800);
    --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .to-\[\#4f46e5\] {
    --tw-gradient-to:#4f46e5;
    --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-amber-300 {
    --tw-gradient-to:var(--color-amber-300);
    --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-gray-800 {
    --tw-gradient-to:var(--color-gray-800);
    --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-gray-900 {
    --tw-gradient-to:var(--color-gray-900);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .to-purple-900 {
    --tw-gradient-to:var(--color-purple-900);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .\[mask-image\:radial-gradient\(100\%_100\%_at_top_right\,white\,transparent\)\] {
    -webkit-mask-image:radial-gradient(100% 100% at 100% 0,#fff,#0000);
    mask-image:radial-gradient(100% 100% at 100% 0,#fff,#0000)
  }
  .fill-gray-800\/20 {
    fill:#1e293933
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fill-gray-800\/20 {
      fill:color-mix(in oklab, var(--color-gray-800) 20%, transparent)
    }
  }
  .stroke-white\/10 {
    stroke:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .stroke-white\/10 {
      stroke:color-mix(in oklab, var(--color-white) 10%, transparent)
    }
  }
  .object-contain {
    -o-object-fit:contain;
    object-fit:contain
  }
  .object-cover {
    -o-object-fit:cover;
    object-fit:cover
  }
  .p-0 {
    padding:calc(var(--spacing) * 0)
  }
  .p-0\.5 {
    padding:calc(var(--spacing) * .5)
  }
  .p-1 {
    padding:calc(var(--spacing) * 1)
  }
  .p-1\.5 {
    padding:calc(var(--spacing) * 1.5)
  }
  .p-2 {
    padding:calc(var(--spacing) * 2)
  }
  .p-2\.5 {
    padding:calc(var(--spacing) * 2.5)
  }
  .p-3 {
    padding:calc(var(--spacing) * 3)
  }
  .p-4 {
    padding:calc(var(--spacing) * 4)
  }
  .p-5 {
    padding:calc(var(--spacing) * 5)
  }
  .p-6 {
    padding:calc(var(--spacing) * 6)
  }
  .p-7 {
    padding:calc(var(--spacing) * 7)
  }
  .p-8 {
    padding:calc(var(--spacing) * 8)
  }
  .p-10 {
    padding:calc(var(--spacing) * 10)
  }
  .px-1 {
    padding-inline:calc(var(--spacing) * 1)
  }
  .px-1\.5 {
    padding-inline:calc(var(--spacing) * 1.5)
  }
  .px-2 {
    padding-inline:calc(var(--spacing) * 2)
  }
  .px-2\.5 {
    padding-inline:calc(var(--spacing) * 2.5)
  }
  .px-3 {
    padding-inline:calc(var(--spacing) * 3)
  }
  .px-4 {
    padding-inline:calc(var(--spacing) * 4)
  }
  .px-5 {
    padding-inline:calc(var(--spacing) * 5)
  }
  .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-2\.5 {
    padding-block:calc(var(--spacing) * 2.5)
  }
  .py-3 {
    padding-block:calc(var(--spacing) * 3)
  }
  .py-4 {
    padding-block:calc(var(--spacing) * 4)
  }
  .py-5 {
    padding-block:calc(var(--spacing) * 5)
  }
  .py-6 {
    padding-block:calc(var(--spacing) * 6)
  }
  .py-8 {
    padding-block:calc(var(--spacing) * 8)
  }
  .py-10 {
    padding-block:calc(var(--spacing) * 10)
  }
  .py-12 {
    padding-block:calc(var(--spacing) * 12)
  }
  .py-16 {
    padding-block:calc(var(--spacing) * 16)
  }
  .py-20 {
    padding-block:calc(var(--spacing) * 20)
  }
  .pt-1 {
    padding-top:calc(var(--spacing) * 1)
  }
  .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-8 {
    padding-top:calc(var(--spacing) * 8)
  }
  .pt-10 {
    padding-top:calc(var(--spacing) * 10)
  }
  .pr-1 {
    padding-right:calc(var(--spacing) * 1)
  }
  .pr-2 {
    padding-right:calc(var(--spacing) * 2)
  }
  .pr-3 {
    padding-right:calc(var(--spacing) * 3)
  }
  .pr-10 {
    padding-right:calc(var(--spacing) * 10)
  }
  .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-5 {
    padding-bottom:calc(var(--spacing) * 5)
  }
  .pb-24 {
    padding-bottom:calc(var(--spacing) * 24)
  }
  .pl-2 {
    padding-left:calc(var(--spacing) * 2)
  }
  .pl-3 {
    padding-left:calc(var(--spacing) * 3)
  }
  .pl-4 {
    padding-left:calc(var(--spacing) * 4)
  }
  .pl-5 {
    padding-left:calc(var(--spacing) * 5)
  }
  .pl-7 {
    padding-left:calc(var(--spacing) * 7)
  }
  .text-center {
    text-align:center
  }
  .text-left {
    text-align:left
  }
  .text-right {
    text-align:right
  }
  .align-baseline {
    vertical-align:baseline
  }
  .align-top {
    vertical-align:top
  }
  .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-2xl\/9 {
    font-size:var(--text-2xl);
    line-height:calc(var(--spacing) * 9)
  }
  .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-5xl {
    font-size:var(--text-5xl);
    line-height:var(--tw-leading,var(--text-5xl--line-height))
  }
  .text-6xl {
    font-size:var(--text-6xl);
    line-height:var(--tw-leading,var(--text-6xl--line-height))
  }
  .text-base {
    font-size:var(--text-base);
    line-height:var(--tw-leading,var(--text-base--line-height))
  }
  .text-base\/7 {
    font-size:var(--text-base);
    line-height:calc(var(--spacing) * 7)
  }
  .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-sm\/6 {
    font-size:var(--text-sm);
    line-height:calc(var(--spacing) * 6)
  }
  .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))
  }
  .text-\[10px\] {
    font-size:10px
  }
  .leading-6 {
    --tw-leading:calc(var(--spacing) * 6);
    line-height:calc(var(--spacing) * 6)
  }
  .leading-7 {
    --tw-leading:calc(var(--spacing) * 7);
    line-height:calc(var(--spacing) * 7)
  }
  .leading-none {
    --tw-leading:1;
    line-height:1
  }
  .leading-relaxed {
    --tw-leading:var(--leading-relaxed);
    line-height:var(--leading-relaxed)
  }
  .leading-snug {
    --tw-leading:var(--leading-snug);
    line-height:var(--leading-snug)
  }
  .leading-tight {
    --tw-leading:var(--leading-tight);
    line-height:var(--leading-tight)
  }
  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }
  .font-medium {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }
  .font-normal {
    --tw-font-weight:var(--font-weight-normal);
    font-weight:var(--font-weight-normal)
  }
  .font-semibold {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }
  .tracking-\[0\.2em\] {
    --tw-tracking:.2em;
    letter-spacing:.2em
  }
  .tracking-\[0\.3em\] {
    --tw-tracking:.3em;
    letter-spacing:.3em
  }
  .tracking-tight {
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight)
  }
  .tracking-wide {
    --tw-tracking:var(--tracking-wide);
    letter-spacing:var(--tracking-wide)
  }
  .tracking-wider {
    --tw-tracking:var(--tracking-wider);
    letter-spacing:var(--tracking-wider)
  }
  .text-balance {
    text-wrap:balance
  }
  .text-pretty {
    text-wrap:pretty
  }
  .whitespace-nowrap {
    white-space:nowrap
  }
  .whitespace-pre-line {
    white-space:pre-line
  }
  .whitespace-pre-wrap {
    white-space:pre-wrap
  }
  .text-accent-primary {
    color:var(--color-accent-primary)
  }
  .text-amber-100 {
    color:var(--color-amber-100)
  }
  .text-amber-100\/90 {
    color:#fef3c6e6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-amber-100\/90 {
      color:color-mix(in oklab, var(--color-amber-100) 90%, transparent)
    }
  }
  .text-amber-200 {
    color:var(--color-amber-200)
  }
  .text-amber-200\/90 {
    color:#fee685e6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-amber-200\/90 {
      color:color-mix(in oklab, var(--color-amber-200) 90%, transparent)
    }
  }
  .text-amber-300 {
    color:var(--color-amber-300)
  }
  .text-amber-400 {
    color:var(--color-amber-400)
  }
  .text-amber-500 {
    color:var(--color-amber-500)
  }
  .text-amber-600 {
    color:var(--color-amber-600)
  }
  .text-amber-950 {
    color:var(--color-amber-950)
  }
  .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-blue-200 {
    color:var(--color-blue-200)
  }
  .text-blue-300 {
    color:var(--color-blue-300)
  }
  .text-blue-400 {
    color:var(--color-blue-400)
  }
  .text-blue-500 {
    color:var(--color-blue-500)
  }
  .text-blue-600 {
    color:var(--color-blue-600)
  }
  .text-cyan-400 {
    color:var(--color-cyan-400)
  }
  .text-cyan-900 {
    color:var(--color-cyan-900)
  }
  .text-emerald-100 {
    color:var(--color-emerald-100)
  }
  .text-emerald-100\/70 {
    color:#d0fae5b3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-emerald-100\/70 {
      color:color-mix(in oklab, var(--color-emerald-100) 70%, transparent)
    }
  }
  .text-emerald-100\/80 {
    color:#d0fae5cc
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-emerald-100\/80 {
      color:color-mix(in oklab, var(--color-emerald-100) 80%, transparent)
    }
  }
  .text-emerald-200 {
    color:var(--color-emerald-200)
  }
  .text-emerald-300 {
    color:var(--color-emerald-300)
  }
  .text-gray-100 {
    color:var(--color-gray-100)
  }
  .text-gray-200 {
    color:var(--color-gray-200)
  }
  .text-gray-300 {
    color:var(--color-gray-300)
  }
  .text-gray-400 {
    color:var(--color-gray-400)
  }
  .text-gray-500 {
    color:var(--color-gray-500)
  }
  .text-gray-600 {
    color:var(--color-gray-600)
  }
  .text-gray-700 {
    color:var(--color-gray-700)
  }
  .text-gray-800 {
    color:var(--color-gray-800)
  }
  .text-gray-900 {
    color:var(--color-gray-900)
  }
  .text-green-100 {
    color:var(--color-green-100)
  }
  .text-green-200 {
    color:var(--color-green-200)
  }
  .text-green-300 {
    color:var(--color-green-300)
  }
  .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-indigo-100 {
    color:var(--color-indigo-100)
  }
  .text-indigo-100\/90 {
    color:#e0e7ffe6
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-indigo-100\/90 {
      color:color-mix(in oklab, var(--color-indigo-100) 90%, transparent)
    }
  }
  .text-indigo-200 {
    color:var(--color-indigo-200)
  }
  .text-indigo-300 {
    color:var(--color-indigo-300)
  }
  .text-indigo-400 {
    color:var(--color-indigo-400)
  }
  .text-indigo-500 {
    color:var(--color-indigo-500)
  }
  .text-indigo-600 {
    color:var(--color-indigo-600)
  }
  .text-indigo-700 {
    color:var(--color-indigo-700)
  }
  .text-indigo-800 {
    color:var(--color-indigo-800)
  }
  .text-indigo-900 {
    color:var(--color-indigo-900)
  }
  .text-orange-100 {
    color:var(--color-orange-100)
  }
  .text-orange-200 {
    color:var(--color-orange-200)
  }
  .text-orange-300 {
    color:var(--color-orange-300)
  }
  .text-orange-400 {
    color:var(--color-orange-400)
  }
  .text-primary {
    color:var(--color-primary)
  }
  .text-purple-300 {
    color:var(--color-purple-300)
  }
  .text-purple-400 {
    color:var(--color-purple-400)
  }
  .text-red-50 {
    color:var(--color-red-50)
  }
  .text-red-200 {
    color:var(--color-red-200)
  }
  .text-red-200\/70 {
    color:#ffcacab3
  }
  @supports (color:color-mix(in lab, red, red)) {
    .text-red-200\/70 {
      color:color-mix(in oklab, var(--color-red-200) 70%, transparent)
    }
  }
  .text-red-300 {
    color:var(--color-red-300)
  }
  .text-red-400 {
    color:var(--color-red-400)
  }
  .text-red-500 {
    color:var(--color-red-500)
  }
  .text-red-800 {
    color:var(--color-red-800)
  }
  .text-sky-100 {
    color:var(--color-sky-100)
  }
  .text-slate-100 {
    color:var(--color-slate-100)
  }
  .text-white {
    color:var(--color-white)
  }
  .text-yellow-200 {
    color:var(--color-yellow-200)
  }
  .text-yellow-300 {
    color:var(--color-yellow-300)
  }
  .text-yellow-400 {
    color:var(--color-yellow-400)
  }
  .text-yellow-500 {
    color:var(--color-yellow-500)
  }
  .text-yellow-600 {
    color:var(--color-yellow-600)
  }
  .text-yellow-900 {
    color:var(--color-yellow-900)
  }
  .capitalize {
    text-transform:capitalize
  }
  .lowercase {
    text-transform:lowercase
  }
  .normal-case {
    text-transform:none
  }
  .uppercase {
    text-transform:uppercase
  }
  .italic {
    font-style:italic
  }
  .prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    text-decoration-line:none
  }
  .underline {
    text-decoration-line:underline
  }
  .decoration-indigo-400\/60 {
    text-decoration-color:#7d87ff99
  }
  @supports (color:color-mix(in lab, red, red)) {
    .decoration-indigo-400\/60 {
      -webkit-text-decoration-color:color-mix(in oklab, var(--color-indigo-400) 60%, transparent);
      text-decoration-color:color-mix(in oklab, var(--color-indigo-400) 60%, transparent)
    }
  }
  .underline-offset-2 {
    text-underline-offset:2px
  }
  .placeholder-gray-400::placeholder {
    color:var(--color-gray-400)
  }
  .placeholder-gray-500::placeholder {
    color:var(--color-gray-500)
  }
  .placeholder-gray-600::placeholder {
    color:var(--color-gray-600)
  }
  .placeholder-red-200\/50::placeholder {
    color:#ffcaca80
  }
  @supports (color:color-mix(in lab, red, red)) {
    .placeholder-red-200\/50::placeholder {
      color:color-mix(in oklab, var(--color-red-200) 50%, transparent)
    }
  }
  .accent-indigo-500 {
    accent-color:var(--color-indigo-500)
  }
  .opacity-0 {
    opacity:0
  }
  .opacity-20 {
    opacity:.2
  }
  .opacity-50 {
    opacity:.5
  }
  .opacity-60 {
    opacity:.6
  }
  .opacity-70 {
    opacity:.7
  }
  .opacity-100 {
    opacity:1
  }
  .shadow {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-2xl {
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-\[0_14px_35px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow:0 14px 35px var(--tw-shadow-color,#00000038);
    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)
  }
  .shadow-xs {
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .ring,
  .ring-1 {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-gray-900\/50 {
    --tw-shadow-color:#10182880
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-gray-900\/50 {
      --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 50%, transparent) var(--tw-shadow-alpha), transparent)
    }
  }
  .shadow-indigo-500\/20 {
    --tw-shadow-color:#625fff33
  }
  @supports (color:color-mix(in lab, red, red)) {
    .shadow-indigo-500\/20 {
      --tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent)
    }
  }
  .ring-accent-primary\/40 {
    --tw-ring-color:#d65d3666
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-accent-primary\/40 {
      --tw-ring-color:color-mix(in oklab, var(--color-accent-primary) 40%, transparent)
    }
  }
  .ring-black\/20 {
    --tw-ring-color:#0003
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-black\/20 {
      --tw-ring-color:color-mix(in oklab, var(--color-black) 20%, transparent)
    }
  }
  .ring-black\/30 {
    --tw-ring-color:#0000004d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-black\/30 {
      --tw-ring-color:color-mix(in oklab, var(--color-black) 30%, transparent)
    }
  }
  .ring-gray-300 {
    --tw-ring-color:var(--color-gray-300)
  }
  .ring-gray-700 {
    --tw-ring-color:var(--color-gray-700)
  }
  .ring-indigo-500\/30 {
    --tw-ring-color:#625fff4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-indigo-500\/30 {
      --tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)
    }
  }
  .ring-indigo-700\/50 {
    --tw-ring-color:#432dd780
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-indigo-700\/50 {
      --tw-ring-color:color-mix(in oklab, var(--color-indigo-700) 50%, transparent)
    }
  }
  .ring-white\/10 {
    --tw-ring-color:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-white\/10 {
      --tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)
    }
  }
  .ring-yellow-700\/50 {
    --tw-ring-color:#a3610080
  }
  @supports (color:color-mix(in lab, red, red)) {
    .ring-yellow-700\/50 {
      --tw-ring-color:color-mix(in oklab, var(--color-yellow-700) 50%, transparent)
    }
  }
  .outline,
  .outline-1 {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }
  .-outline-offset-1 {
    outline-offset:calc(1px * -1)
  }
  @layer daisyui.l1 {
    .btn-ghost:not(.btn-active,
    :hover,
    :active:focus,
    :focus-visible,
    input:checked:not(.filter .btn)) {
      --btn-shadow:"";
      --btn-bg:#0000;
      --btn-border:#0000;
      --btn-noise:none
    }
    .btn-ghost:not(.btn-active,
    :hover,
    :active:focus,
    :focus-visible,
    input:checked:not(.filter .btn)):not(:disabled,
    [disabled],
    .btn-disabled) {
      --btn-fg:var(--btn-color,currentColor);
      outline-color:currentColor
    }
    @media (hover:none) {
      .btn-ghost:not(.btn-active,
      :active,
      :focus-visible,
      input:checked:not(.filter .btn)):hover {
        --btn-shadow:"";
        --btn-bg:#0000;
        --btn-fg:var(--btn-color,currentColor);
        --btn-border:#0000;
        --btn-noise:none;
        outline-color:currentColor
      }
    }
    .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
      }
    }
  }
  .outline-white\/10 {
    outline-color:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .outline-white\/10 {
      outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)
    }
  }
  .blur-3xl {
    --tw-blur:blur(var(--blur-3xl));
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .brightness-90 {
    --tw-brightness:brightness(90%);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .filter {
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .backdrop-blur {
    --tw-backdrop-blur:blur(8px);
    -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-\[width\] {
    transition-property:width;
    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-transform {
    transition-property:transform,translate,scale,rotate;
    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
  }
  .duration-500 {
    --tw-duration:.5s;
    transition-duration:.5s
  }
  .ease-out {
    --tw-ease:var(--ease-out);
    transition-timing-function:var(--ease-out)
  }
  .prose-invert {
    --tw-prose-body:var(--tw-prose-invert-body);
    --tw-prose-headings:var(--tw-prose-invert-headings);
    --tw-prose-lead:var(--tw-prose-invert-lead);
    --tw-prose-links:var(--tw-prose-invert-links);
    --tw-prose-bold:var(--tw-prose-invert-bold);
    --tw-prose-counters:var(--tw-prose-invert-counters);
    --tw-prose-bullets:var(--tw-prose-invert-bullets);
    --tw-prose-hr:var(--tw-prose-invert-hr);
    --tw-prose-quotes:var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
    --tw-prose-captions:var(--tw-prose-invert-captions);
    --tw-prose-kbd:var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code:var(--tw-prose-invert-code);
    --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders:var(--tw-prose-invert-td-borders)
  }
  .outline-none {
    --tw-outline-style:none;
    outline-style:none
  }
  .ring-inset {
    --tw-ring-inset:inset
  }
  @media (hover:hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display:block
    }
    .group-hover\:text-indigo-200:is(:where(.group):hover *) {
      color:var(--color-indigo-200)
    }
    .group-hover\:text-indigo-300:is(:where(.group):hover *) {
      color:var(--color-indigo-300)
    }
    .group-hover\:text-indigo-400:is(:where(.group):hover *) {
      color:var(--color-indigo-400)
    }
    .group-hover\:text-indigo-700:is(:where(.group):hover *) {
      color:var(--color-indigo-700)
    }
    .group-hover\:text-white:is(:where(.group):hover *) {
      color:var(--color-white)
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity:1
    }
    .group-hover\:brightness-100:is(:where(.group):hover *) {
      --tw-brightness:brightness(100%);
      filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }
  }
  .group-focus\:text-white:is(:where(.group):focus *) {
    color:var(--color-white)
  }
  .group-focus\:opacity-100:is(:where(.group):focus *) {
    opacity:1
  }
  .placeholder\:text-gray-400::placeholder {
    color:var(--color-gray-400)
  }
  .placeholder\:text-gray-500::placeholder {
    color:var(--color-gray-500)
  }
  .backdrop\:bg-transparent::backdrop {
    background-color:#0000
  }
  .odd\:bg-gray-900\/30:nth-child(odd) {
    background-color:#1018284d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .odd\:bg-gray-900\/30:nth-child(odd) {
      background-color:color-mix(in oklab, var(--color-gray-900) 30%, transparent)
    }
  }
  .even\:bg-gray-900\/10:nth-child(2n) {
    background-color:#1018281a
  }
  @supports (color:color-mix(in lab, red, red)) {
    .even\:bg-gray-900\/10:nth-child(2n) {
      background-color:color-mix(in oklab, var(--color-gray-900) 10%, transparent)
    }
  }
  .focus-within\:border-blue-500:focus-within {
    border-color:var(--color-blue-500)
  }
  @media (hover:hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y:calc(var(--spacing) * -.5);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .hover\:-translate-y-1:hover {
      --tw-translate-y:calc(var(--spacing) * -1);
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .hover\:border-accent-primary:hover {
      border-color:var(--color-accent-primary)
    }
    .hover\:border-accent-primary\/40:hover {
      border-color:#d65d3666
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-accent-primary\/40:hover {
        border-color:color-mix(in oklab, var(--color-accent-primary) 40%, transparent)
      }
    }
    .hover\:border-accent-primary\/50:hover {
      border-color:#d65d3680
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-accent-primary\/50:hover {
        border-color:color-mix(in oklab, var(--color-accent-primary) 50%, transparent)
      }
    }
    .hover\:border-amber-400:hover {
      border-color:var(--color-amber-400)
    }
    .hover\:border-blue-500:hover {
      border-color:var(--color-blue-500)
    }
    .hover\:border-gray-400:hover {
      border-color:var(--color-gray-400)
    }
    .hover\:border-gray-500:hover {
      border-color:var(--color-gray-500)
    }
    .hover\:border-gray-600:hover {
      border-color:var(--color-gray-600)
    }
    .hover\:border-indigo-300:hover {
      border-color:var(--color-indigo-300)
    }
    .hover\:border-indigo-400:hover {
      border-color:var(--color-indigo-400)
    }
    .hover\:border-indigo-500:hover {
      border-color:var(--color-indigo-500)
    }
    .hover\:border-indigo-500\/30:hover {
      border-color:#625fff4d
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-indigo-500\/30:hover {
        border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)
      }
    }
    .hover\:border-indigo-500\/60:hover {
      border-color:#625fff99
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-indigo-500\/60:hover {
        border-color:color-mix(in oklab, var(--color-indigo-500) 60%, transparent)
      }
    }
    .hover\:border-red-400:hover {
      border-color:var(--color-red-400)
    }
    .hover\:border-red-700:hover {
      border-color:var(--color-red-700)
    }
    .hover\:bg-amber-500\/20:hover {
      background-color:#f99c0033
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/20:hover {
        background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)
      }
    }
    .hover\:bg-amber-900\/70:hover {
      background-color:#7b3306b3
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-amber-900\/70:hover {
        background-color:color-mix(in oklab, var(--color-amber-900) 70%, transparent)
      }
    }
    .hover\:bg-base-200:hover {
      background-color:var(--color-base-200)
    }
    .hover\:bg-black\/30:hover {
      background-color:#0000004d
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-black\/30:hover {
        background-color:color-mix(in oklab, var(--color-black) 30%, transparent)
      }
    }
    .hover\:bg-blue-400:hover {
      background-color:var(--color-blue-400)
    }
    .hover\:bg-blue-500:hover {
      background-color:var(--color-blue-500)
    }
    .hover\:bg-blue-600\/30:hover {
      background-color:#155dfc4d
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-blue-600\/30:hover {
        background-color:color-mix(in oklab, var(--color-blue-600) 30%, transparent)
      }
    }
    .hover\:bg-blue-700:hover {
      background-color:var(--color-blue-700)
    }
    .hover\:bg-blue-900\/40:hover {
      background-color:#1c398e66
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-blue-900\/40:hover {
        background-color:color-mix(in oklab, var(--color-blue-900) 40%, transparent)
      }
    }
    .hover\:bg-emerald-700:hover {
      background-color:var(--color-emerald-700)
    }
    .hover\:bg-gray-50:hover {
      background-color:var(--color-gray-50)
    }
    .hover\:bg-gray-100:hover {
      background-color:var(--color-gray-100)
    }
    .hover\:bg-gray-600:hover {
      background-color:var(--color-gray-600)
    }
    .hover\:bg-gray-700:hover {
      background-color:var(--color-gray-700)
    }
    .hover\:bg-gray-700\/50:hover {
      background-color:#36415380
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-gray-700\/50:hover {
        background-color:color-mix(in oklab, var(--color-gray-700) 50%, transparent)
      }
    }
    .hover\:bg-gray-700\/80:hover {
      background-color:#364153cc
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-gray-700\/80:hover {
        background-color:color-mix(in oklab, var(--color-gray-700) 80%, transparent)
      }
    }
    .hover\:bg-gray-800:hover {
      background-color:var(--color-gray-800)
    }
    .hover\:bg-gray-800\/30:hover {
      background-color:#1e29394d
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-gray-800\/30:hover {
        background-color:color-mix(in oklab, var(--color-gray-800) 30%, transparent)
      }
    }
    .hover\:bg-gray-800\/50:hover {
      background-color:#1e293980
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-gray-800\/50:hover {
        background-color:color-mix(in oklab, var(--color-gray-800) 50%, transparent)
      }
    }
    .hover\:bg-gray-800\/90:hover {
      background-color:#1e2939e6
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-gray-800\/90:hover {
        background-color:color-mix(in oklab, var(--color-gray-800) 90%, transparent)
      }
    }
    .hover\:bg-green-600:hover {
      background-color:var(--color-green-600)
    }
    .hover\:bg-green-700:hover {
      background-color:var(--color-green-700)
    }
    .hover\:bg-green-900\/35:hover {
      background-color:#0d542b59
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-green-900\/35:hover {
        background-color:color-mix(in oklab, var(--color-green-900) 35%, transparent)
      }
    }
    .hover\:bg-green-900\/70:hover {
      background-color:#0d542bb3
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-green-900\/70:hover {
        background-color:color-mix(in oklab, var(--color-green-900) 70%, transparent)
      }
    }
    .hover\:bg-indigo-400:hover {
      background-color:var(--color-indigo-400)
    }
    .hover\:bg-indigo-500:hover {
      background-color:var(--color-indigo-500)
    }
    .hover\:bg-indigo-500\/10:hover {
      background-color:#625fff1a
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-indigo-500\/10:hover {
        background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)
      }
    }
    .hover\:bg-indigo-500\/20:hover {
      background-color:#625fff33
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-indigo-500\/20:hover {
        background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)
      }
    }
    .hover\:bg-indigo-600\/10:hover {
      background-color:#4f39f61a
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-indigo-600\/10:hover {
        background-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)
      }
    }
    .hover\:bg-indigo-600\/40:hover {
      background-color:#4f39f666
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-indigo-600\/40:hover {
        background-color:color-mix(in oklab, var(--color-indigo-600) 40%, transparent)
      }
    }
    .hover\:bg-indigo-700:hover {
      background-color:var(--color-indigo-700)
    }
    .hover\:bg-indigo-800:hover {
      background-color:var(--color-indigo-800)
    }
    .hover\:bg-indigo-900:hover {
      background-color:var(--color-indigo-900)
    }
    .hover\:bg-indigo-900\/70:hover {
      background-color:#312c85b3
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-indigo-900\/70:hover {
        background-color:color-mix(in oklab, var(--color-indigo-900) 70%, transparent)
      }
    }
    .hover\:bg-orange-700:hover {
      background-color:var(--color-orange-700)
    }
    .hover\:bg-orange-900\/25:hover {
      background-color:#7e2a0c40
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-orange-900\/25:hover {
        background-color:color-mix(in oklab, var(--color-orange-900) 25%, transparent)
      }
    }
    .hover\:bg-red-500:hover {
      background-color:var(--color-red-500)
    }
    .hover\:bg-red-700:hover {
      background-color:var(--color-red-700)
    }
    .hover\:bg-red-800:hover {
      background-color:var(--color-red-800)
    }
    .hover\:bg-red-900\/40:hover {
      background-color:#82181a66
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-red-900\/40:hover {
        background-color:color-mix(in oklab, var(--color-red-900) 40%, transparent)
      }
    }
    .hover\:bg-red-900\/50:hover {
      background-color:#82181a80
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-red-900\/50:hover {
        background-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)
      }
    }
    .hover\:bg-white:hover {
      background-color:var(--color-white)
    }
    .hover\:bg-white\/10:hover {
      background-color:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color:color-mix(in oklab, var(--color-white) 10%, transparent)
      }
    }
    .hover\:bg-yellow-400:hover {
      background-color:var(--color-yellow-400)
    }
    .hover\:bg-yellow-700:hover {
      background-color:var(--color-yellow-700)
    }
    .hover\:bg-yellow-800:hover {
      background-color:var(--color-yellow-800)
    }
    .hover\:text-amber-200:hover {
      color:var(--color-amber-200)
    }
    .hover\:text-blue-300:hover {
      color:var(--color-blue-300)
    }
    .hover\:text-emerald-200:hover {
      color:var(--color-emerald-200)
    }
    .hover\:text-gray-200:hover {
      color:var(--color-gray-200)
    }
    .hover\:text-gray-300:hover {
      color:var(--color-gray-300)
    }
    .hover\:text-gray-400:hover {
      color:var(--color-gray-400)
    }
    .hover\:text-green-200:hover {
      color:var(--color-green-200)
    }
    .hover\:text-green-300:hover {
      color:var(--color-green-300)
    }
    .hover\:text-green-500:hover {
      color:var(--color-green-500)
    }
    .hover\:text-indigo-200:hover {
      color:var(--color-indigo-200)
    }
    .hover\:text-indigo-300:hover {
      color:var(--color-indigo-300)
    }
    .hover\:text-indigo-400:hover {
      color:var(--color-indigo-400)
    }
    .hover\:text-indigo-600:hover {
      color:var(--color-indigo-600)
    }
    .hover\:text-indigo-700:hover {
      color:var(--color-indigo-700)
    }
    .hover\:text-red-200:hover {
      color:var(--color-red-200)
    }
    .hover\:text-red-300:hover {
      color:var(--color-red-300)
    }
    .hover\:text-red-400:hover {
      color:var(--color-red-400)
    }
    .hover\:text-white:hover {
      color:var(--color-white)
    }
    .hover\:text-yellow-400:hover {
      color:var(--color-yellow-400)
    }
    .hover\:underline:hover {
      text-decoration-line:underline
    }
    .hover\:opacity-75:hover {
      opacity:.75
    }
    .hover\:ring-accent-primary\/60:hover {
      --tw-ring-color:#d65d3699
    }
    @supports (color:color-mix(in lab, red, red)) {
      .hover\:ring-accent-primary\/60:hover {
        --tw-ring-color:color-mix(in oklab, var(--color-accent-primary) 60%, transparent)
      }
    }
  }
  .focus\:border-blue-500:focus {
    border-color:var(--color-blue-500)
  }
  .focus\:border-indigo-500:focus {
    border-color:var(--color-indigo-500)
  }
  .focus\:ring-1:focus {
    --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)
  }
  .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-blue-500:focus {
    --tw-ring-color:var(--color-blue-500)
  }
  .focus\:ring-blue-600:focus {
    --tw-ring-color:var(--color-blue-600)
  }
  .focus\:ring-gray-500:focus {
    --tw-ring-color:var(--color-gray-500)
  }
  .focus\:ring-indigo-400:focus {
    --tw-ring-color:var(--color-indigo-400)
  }
  .focus\:ring-indigo-500:focus {
    --tw-ring-color:var(--color-indigo-500)
  }
  .focus\:ring-indigo-500\/30:focus {
    --tw-ring-color:#625fff4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-indigo-500\/30:focus {
      --tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)
    }
  }
  .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\:ring-offset-gray-800:focus {
    --tw-ring-offset-color:var(--color-gray-800)
  }
  .focus\:ring-offset-gray-900:focus {
    --tw-ring-offset-color:var(--color-gray-900)
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .focus\:outline-hidden:focus {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .focus\:outline-2:focus {
    outline-style:var(--tw-outline-style);
    outline-width:2px
  }
  .focus\:-outline-offset-2:focus {
    outline-offset:calc(2px * -1)
  }
  .focus\:outline-indigo-500:focus {
    outline-color:var(--color-indigo-500)
  }
  .focus\:outline-none:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  .focus\:ring-inset:focus {
    --tw-ring-inset:inset
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style:var(--tw-outline-style);
    outline-width:2px
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset:2px
  }
  .focus-visible\:outline-indigo-400:focus-visible {
    outline-color:var(--color-indigo-400)
  }
  .focus-visible\:outline-indigo-500:focus-visible {
    outline-color:var(--color-indigo-500)
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed
  }
  .disabled\:bg-gray-600:disabled {
    background-color:var(--color-gray-600)
  }
  .disabled\:opacity-40:disabled {
    opacity:.4
  }
  .disabled\:opacity-50:disabled {
    opacity:.5
  }
  .disabled\:opacity-60:disabled {
    opacity:.6
  }
  @media (hover:hover) {
    .disabled\:hover\:bg-gray-700:disabled:hover {
      background-color:var(--color-gray-700)
    }
  }
  @media (width>=40rem) {
    .sm\:left-\[calc\(50\%-18rem\)\] {
      left:calc(50% - 18rem)
    }
    .sm\:col-span-2 {
      grid-column:span 2/span 2
    }
    .sm\:mx-0 {
      margin-inline:calc(var(--spacing) * 0)
    }
    .sm\:mx-auto {
      margin-inline:auto
    }
    .sm\:mt-0 {
      margin-top:calc(var(--spacing) * 0)
    }
    .sm\:ml-3 {
      margin-left:calc(var(--spacing) * 3)
    }
    .sm\:ml-4 {
      margin-left:calc(var(--spacing) * 4)
    }
    .sm\:block {
      display:block
    }
    .sm\:flex {
      display:flex
    }
    .sm\:hidden {
      display:none
    }
    .sm\:table-cell {
      display:table-cell
    }
    .sm\:h-10 {
      height:calc(var(--spacing) * 10)
    }
    .sm\:h-\[580px\] {
      height:580px
    }
    .sm\:w-10 {
      width:calc(var(--spacing) * 10)
    }
    .sm\:w-\[420px\] {
      width:420px
    }
    .sm\:w-auto {
      width:auto
    }
    .sm\:w-full {
      width:100%
    }
    .sm\:max-w-sm {
      max-width:24rem
    }
    .sm\:max-w-xs {
      max-width:20rem
    }
    .sm\:min-w-0 {
      min-width:calc(var(--spacing) * 0)
    }
    .sm\:flex-1 {
      flex:1
    }
    .sm\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .sm\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .sm\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .sm\:flex-row {
      flex-direction:row
    }
    .sm\:flex-row-reverse {
      flex-direction:row-reverse
    }
    .sm\:flex-nowrap {
      flex-wrap:nowrap
    }
    .sm\:items-center {
      align-items:center
    }
    .sm\:items-end {
      align-items:flex-end
    }
    .sm\:items-start {
      align-items:flex-start
    }
    .sm\:justify-between {
      justify-content:space-between
    }
    .sm\:justify-center {
      justify-content:center
    }
    .sm\:gap-4 {
      gap:calc(var(--spacing) * 4)
    }
    .sm\:p-6 {
      padding:calc(var(--spacing) * 6)
    }
    .sm\:px-6 {
      padding-inline:calc(var(--spacing) * 6)
    }
    .sm\:py-20 {
      padding-block:calc(var(--spacing) * 20)
    }
    .sm\:py-24 {
      padding-block:calc(var(--spacing) * 24)
    }
    .sm\:pb-4 {
      padding-bottom:calc(var(--spacing) * 4)
    }
    .sm\:pb-28 {
      padding-bottom:calc(var(--spacing) * 28)
    }
    .sm\:text-left {
      text-align:left
    }
    .sm\:text-4xl {
      font-size:var(--text-4xl);
      line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .sm\:text-5xl {
      font-size:var(--text-5xl);
      line-height:var(--tw-leading,var(--text-5xl--line-height))
    }
    .sm\:text-7xl {
      font-size:var(--text-7xl);
      line-height:var(--tw-leading,var(--text-7xl--line-height))
    }
    .sm\:text-sm {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .sm\:text-sm\/6 {
      font-size:var(--text-sm);
      line-height:calc(var(--spacing) * 6)
    }
    .sm\:text-xl\/8 {
      font-size:var(--text-xl);
      line-height:calc(var(--spacing) * 8)
    }
    .sm\:leading-6 {
      --tw-leading:calc(var(--spacing) * 6);
      line-height:calc(var(--spacing) * 6)
    }
    .sm\:ring-1 {
      --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
      box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .sm\:ring-white\/10 {
      --tw-ring-color:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)) {
      .sm\:ring-white\/10 {
        --tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)
      }
    }
  }
  @media (width>=48rem) {
    .md\:col-span-1 {
      grid-column:span 1/span 1
    }
    .md\:col-span-2 {
      grid-column:span 2/span 2
    }
    .md\:col-span-4 {
      grid-column:span 4/span 4
    }
    .md\:flex {
      display:flex
    }
    .md\:hidden {
      display:none
    }
    .md\:max-w-md {
      max-width:28rem
    }
    .md\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .md\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .md\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .md\:flex-row {
      flex-direction:row
    }
    .md\:items-center {
      align-items:center
    }
    .md\:justify-between {
      justify-content:space-between
    }
    .md\:p-8 {
      padding:calc(var(--spacing) * 8)
    }
    .md\:text-4xl {
      font-size:var(--text-4xl);
      line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
  }
  @media (width>=64rem) {
    .lg\:sticky {
      position:sticky
    }
    .lg\:top-6 {
      top:calc(var(--spacing) * 6)
    }
    .lg\:top-\[calc\(50\%-30rem\)\] {
      top:calc(50% - 30rem)
    }
    .lg\:left-48 {
      left:calc(var(--spacing) * 48)
    }
    .lg\:col-span-1 {
      grid-column:span 1/span 1
    }
    .lg\:col-span-2 {
      grid-column:span 2/span 2
    }
    .lg\:col-span-3 {
      grid-column:span 3/span 3
    }
    .lg\:mt-0 {
      margin-top:calc(var(--spacing) * 0)
    }
    .lg\:block {
      display:block
    }
    .lg\:flex {
      display:flex
    }
    .lg\:grid {
      display:grid
    }
    .lg\:hidden {
      display:none
    }
    .lg\:size-6 {
      width:calc(var(--spacing) * 6);
      height:calc(var(--spacing) * 6)
    }
    .lg\:h-\[680px\] {
      height:680px
    }
    .lg\:w-52 {
      width:calc(var(--spacing) * 52)
    }
    .lg\:w-72 {
      width:calc(var(--spacing) * 72)
    }
    .lg\:w-\[480px\] {
      width:480px
    }
    .lg\:max-w-4xl {
      max-width:56rem
    }
    .lg\:min-w-\[280px\] {
      min-width:280px
    }
    .lg\:flex-1 {
      flex:1
    }
    .lg\:shrink-0 {
      flex-shrink:0
    }
    .lg\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .lg\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .lg\:grid-cols-5 {
      grid-template-columns:repeat(5,minmax(0,1fr))
    }
    .lg\:grid-cols-6 {
      grid-template-columns:repeat(6,minmax(0,1fr))
    }
    .lg\:grid-cols-\[1\.02fr_0\.98fr\] {
      grid-template-columns:1.02fr .98fr
    }
    .lg\:grid-cols-\[1fr_320px\] {
      grid-template-columns:1fr 320px
    }
    .lg\:flex-row {
      flex-direction:row
    }
    .lg\:items-end {
      align-items:flex-end
    }
    .lg\:items-start {
      align-items:flex-start
    }
    .lg\:justify-between {
      justify-content:space-between
    }
    .lg\:justify-end {
      justify-content:flex-end
    }
    .lg\:gap-8 {
      gap:calc(var(--spacing) * 8)
    }
    .lg\:gap-x-6 {
      -moz-column-gap:calc(var(--spacing) * 6);
      column-gap:calc(var(--spacing) * 6)
    }
    .lg\:gap-x-8 {
      -moz-column-gap:calc(var(--spacing) * 8);
      column-gap:calc(var(--spacing) * 8)
    }
    .lg\:p-6 {
      padding:calc(var(--spacing) * 6)
    }
    .lg\:px-6 {
      padding-inline:calc(var(--spacing) * 6)
    }
    .lg\:px-7 {
      padding-inline:calc(var(--spacing) * 7)
    }
    .lg\:px-8 {
      padding-inline:calc(var(--spacing) * 8)
    }
    .lg\:py-3 {
      padding-block:calc(var(--spacing) * 3)
    }
    .lg\:py-4 {
      padding-block:calc(var(--spacing) * 4)
    }
    .lg\:py-6 {
      padding-block:calc(var(--spacing) * 6)
    }
    .lg\:pt-16 {
      padding-top:calc(var(--spacing) * 16)
    }
    .lg\:pb-32 {
      padding-bottom:calc(var(--spacing) * 32)
    }
    .lg\:text-base {
      font-size:var(--text-base);
      line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .lg\:text-lg {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .lg\:text-sm {
      font-size:var(--text-sm);
      line-height:var(--tw-leading,var(--text-sm--line-height))
    }
  }
  @media (width>=80rem) {
    .xl\:left-\[calc\(50\%-24rem\)\] {
      left:calc(50% - 24rem)
    }
    .xl\:w-80 {
      width:calc(var(--spacing) * 80)
    }
    .xl\:w-\[32rem\] {
      width:32rem
    }
    .xl\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .xl\:grid-cols-\[0\.98fr_1\.02fr\] {
      grid-template-columns:.98fr 1.02fr
    }
    .xl\:gap-10 {
      gap:calc(var(--spacing) * 10)
    }
  }
  .prose-headings\:text-white :where(h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-white)
  }
  .prose-p\:my-1 :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-block:calc(var(--spacing) * 1)
  }
  .prose-p\:text-gray-300 :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-gray-300)
  }
  .prose-a\:text-blue-400 :where(a):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-blue-400)
  }
  .prose-a\:text-indigo-400 :where(a):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-indigo-400)
  }
  .prose-strong\:text-white :where(strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-white)
  }
  .prose-code\:text-blue-300 :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-blue-300)
  }
  .prose-pre\:bg-gray-900 :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    background-color:var(--color-gray-900)
  }
  .prose-pre\:bg-gray-950 :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    background-color:var(--color-gray-950)
  }
  .prose-ol\:text-gray-300 :where(ol):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose-ul\:text-gray-300 :where(ul):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-gray-300)
  }
  .prose-li\:my-0\.5 :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-block:calc(var(--spacing) * .5)
  }
  .prose-li\:text-gray-300 :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--color-gray-300)
  }
}
.featured-badge {
  border:1px solid #d65d3673;
  border-radius:9999px;
  align-items:center;
  gap:.3rem;
  display:inline-flex
}
@supports (color:color-mix(in lab, red, red)) {
  .featured-badge {
    border:1px solid color-mix(in oklab, var(--color-accent-primary) 45%, transparent)
  }
}
.featured-badge {
  background:#d65d36e6
}
@supports (color:color-mix(in lab, red, red)) {
  .featured-badge {
    background:color-mix(in oklab, var(--color-accent-primary) 90%, transparent)
  }
}
.featured-badge {
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff;
  padding:.15rem .5rem;
  font-size:10px;
  font-weight:700;
  line-height:1;
  transition:background-color .15s,border-color .15s
}
.featured-banner {
  background:var(--color-accent-primary);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#fff;
  border-radius:.5rem .5rem 0 0;
  justify-content:center;
  align-items:center;
  gap:.35rem;
  margin:-1.5rem -1.5rem 1rem;
  padding:.4rem .75rem;
  font-size:.9rem;
  font-weight:700;
  line-height:1;
  transition:filter .15s;
  display:flex
}
.group:hover .featured-badge {
  border-color:#d65d3699
}
@supports (color:color-mix(in lab, red, red)) {
  .group:hover .featured-badge {
    border-color:color-mix(in oklab, var(--color-accent-primary) 60%, transparent)
  }
}
.group:hover .featured-badge {
  background:#d65d36
}
@supports (color:color-mix(in lab, red, red)) {
  .group:hover .featured-badge {
    background:color-mix(in oklab, var(--color-accent-primary) 100%, transparent)
  }
}
.group:hover .featured-banner {
  filter:brightness(1.05)
}
@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
  }
  to {
    opacity:1;
    scale:1
  }
}
@keyframes rotator {
  89.9999%,
  to {
    --first-item-position:0 0%
  }
  90%,
  99.9999% {
    --first-item-position:0 calc(var(--items) * 100%)
  }
  to {
    translate:0 -100%
  }
}
@keyframes skeleton {
  0% {
    background-position:150%
  }
  to {
    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-divide-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-gradient-position {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%
}
@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}
@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-leading {
  syntax:"*";
  inherits:false
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false
}
@property --tw-tracking {
  syntax:"*";
  inherits:false
}
@property --tw-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
}
@property --tw-ease {
  syntax:"*";
  inherits:false
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
@keyframes pulse {
  50% {
    opacity:.5
  }
}
@keyframes bounce {
  0%,
  to {
    animation-timing-function:cubic-bezier(.8,0,1,1);
    transform:translateY(-25%)
  }
  50% {
    animation-timing-function:cubic-bezier(0,0,.2,1);
    transform:none
  }
}
dialog.svelte-ta60gp {
  width:90vw;
  max-width:28rem
}
dialog.svelte-ta60gp::backdrop {
  background:0 0
}