@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900;950;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@400;500;600;700;800;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400;500;600;700;800;900;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;600;700;800;1000&display=swap";
@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-font-weight: initial;
      --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-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-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-duration: initial;
      --tw-ease: initial;
      --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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}
:root,
:host {
  --font-sans: "Inclusive Sans", sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-slate-500: oklch(55.4% 0.046 257.417);
  --color-slate-600: oklch(44.6% 0.043 257.281);
  --color-slate-700: oklch(37.2% 0.044 257.287);
  --color-slate-800: oklch(27.9% 0.041 260.031);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --text-xs--line-height: calc(1/0.75);
  --text-sm--line-height: calc(1.25/0.875);
  --text-base--line-height: 1.5;
  --text-lg--line-height: calc(1.75/1.125);
  --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: 1.2;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5/2.25);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --default-transition-duration: 0.15s;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --animate-text-color: text-color 16s linear infinite;
}
[data-font-family="default"] {
  --font-sans: "Inclusive Sans", sans-serif;
}
[data-font-family="dm-sans"] {
  --font-sans: "DM Sans", sans-serif;
}
[data-font-family="wix"] {
  --font-sans: "Wix Madefor Text", sans-serif;
}
[data-font-family="inclusive"] {
  --font-sans: "Inclusive Sans", sans-serif;
}
[data-font-family="ar-one"] {
  --font-sans: "AR One Sans", sans-serif;
}
body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
@layer theme;
@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;
    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: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  :where(:root),
  :root:has(input.theme-controller[value="light"]:checked),
  [data-theme="light"] {
    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% 0.006 285.885);
    --color-primary: oklch(45% 0.24 277.023);
    --color-primary-content: oklch(93% 0.034 272.788);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      color-scheme: dark;
      --color-base-100: oklch(25.33% 0.016 252.42);
      --color-base-200: oklch(23.26% 0.014 253.1);
      --color-base-300: oklch(21.15% 0.012 254.09);
      --color-base-content: oklch(97.807% 0.029 256.847);
      --color-primary: oklch(58% 0.233 277.117);
      --color-primary-content: oklch(96% 0.018 272.314);
      --color-secondary: oklch(65% 0.241 354.308);
      --color-secondary-content: oklch(94% 0.028 342.258);
      --color-accent: oklch(77% 0.152 181.912);
      --color-accent-content: oklch(38% 0.063 188.416);
      --color-neutral: oklch(14% 0.005 285.823);
      --color-neutral-content: oklch(92% 0.004 286.32);
      --color-info: oklch(74% 0.16 232.661);
      --color-info-content: oklch(29% 0.066 243.157);
      --color-success: oklch(76% 0.177 163.223);
      --color-success-content: oklch(37% 0.077 168.94);
      --color-warning: oklch(82% 0.189 84.429);
      --color-warning-content: oklch(41% 0.112 45.904);
      --color-error: oklch(71% 0.194 13.428);
      --color-error-content: oklch(27% 0.105 12.094);
      --radius-selector: 0.5rem;
      --radius-field: 0.25rem;
      --radius-box: 0.5rem;
      --size-selector: 0.25rem;
      --size-field: 0.25rem;
      --border: 1px;
      --depth: 1;
      --noise: 0;
    }
  }
  :root:has(input.theme-controller[value="light"]:checked),
  [data-theme="light"] {
    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% 0.006 285.885);
    --color-primary: oklch(45% 0.24 277.023);
    --color-primary-content: oklch(93% 0.034 272.788);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
  :root:has(input.theme-controller[value="dark"]:checked),
  [data-theme="dark"] {
    color-scheme: dark;
    --color-base-100: oklch(25.33% 0.016 252.42);
    --color-base-200: oklch(23.26% 0.014 253.1);
    --color-base-300: oklch(21.15% 0.012 254.09);
    --color-base-content: oklch(97.807% 0.029 256.847);
    --color-primary: oklch(58% 0.233 277.117);
    --color-primary-content: oklch(96% 0.018 272.314);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.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,
  [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);
  }
  :where(:root),
  :root:has(input.theme-controller[value="light"]:checked),
  [data-theme="light"] {
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f8fafc;
    --color-base-300: #f1f5f9;
    --color-base-content: #1e293b;
    --color-primary: #f43f5e;
    --color-primary-content: #fff;
    --color-secondary: #1e293b;
    --color-secondary-content: #fff;
    --color-accent: #fb7185;
    --color-accent-content: #fff;
    --color-neutral: #334155;
    --color-neutral-content: #fff;
    --color-info: #0ea5e9;
    --color-info-content: #fff;
    --color-success: #22c55e;
    --color-success-content: #fff;
    --color-warning: #f59e0b;
    --color-warning-content: #fff;
    --color-error: #ef4444;
    --color-error-content: #fff;
    --radius-selector: 8px;
    --radius-field: 8px;
    --radius-box: 12px;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
    --root-bg: #f8fafc;
    --layout-sidebar-background: #1e293b;
    --layout-topbar-background: #fff;
    --rounded-box: 12px;
    --card-p: 24px;
    --card-fs: var(--text-base);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      color-scheme: dark;
      --color-base-100: #1e293b;
      --color-base-200: #334155;
      --color-base-300: #475569;
      --color-base-content: #f1f5f9;
      --color-primary: #fb7185;
      --color-primary-content: #0f172a;
      --color-secondary: #cbd5e1;
      --color-secondary-content: #0f172a;
      --color-accent: #fda4af;
      --color-accent-content: #0f172a;
      --color-neutral: #94a3b8;
      --color-neutral-content: #0f172a;
      --color-info: #38bdf8;
      --color-info-content: #0f172a;
      --color-success: #4ade80;
      --color-success-content: #0f172a;
      --color-warning: #fbbf24;
      --color-warning-content: #0f172a;
      --color-error: #f87171;
      --color-error-content: #0f172a;
      --radius-selector: 8px;
      --radius-field: 8px;
      --radius-box: 12px;
      --size-selector: 0.25rem;
      --size-field: 0.25rem;
      --border: 1px;
      --depth: 0;
      --noise: 0;
      --root-bg: #0f172a;
      --layout-sidebar-background: #0f172a;
      --layout-topbar-background: #1e293b;
      --rounded-box: 12px;
      --card-p: 24px;
      --card-fs: var(--text-base);
    }
  }
  :root:has(input.theme-controller[value="dark"]:checked),
  [data-theme="dark"] {
    color-scheme: dark;
    --color-base-100: #1e293b;
    --color-base-200: #334155;
    --color-base-300: #475569;
    --color-base-content: #f1f5f9;
    --color-primary: #fb7185;
    --color-primary-content: #0f172a;
    --color-secondary: #cbd5e1;
    --color-secondary-content: #0f172a;
    --color-accent: #fda4af;
    --color-accent-content: #0f172a;
    --color-neutral: #94a3b8;
    --color-neutral-content: #0f172a;
    --color-info: #38bdf8;
    --color-info-content: #0f172a;
    --color-success: #4ade80;
    --color-success-content: #0f172a;
    --color-warning: #fbbf24;
    --color-warning-content: #0f172a;
    --color-error: #f87171;
    --color-error-content: #0f172a;
    --radius-selector: 8px;
    --radius-field: 8px;
    --radius-box: 12px;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
    --root-bg: #0f172a;
    --layout-sidebar-background: #0f172a;
    --layout-topbar-background: #1e293b;
    --rounded-box: 12px;
    --card-p: 24px;
    --card-fs: var(--text-base);
  }
  @property --motion-bounce {
    syntax: "*";
    inherits: false;
    initial-value: linear(
      0,
      0.004,
      0.016,
      0.035,
      0.063,
      0.098,
      0.141 13.6%,
      0.25,
      0.391,
      0.563,
      0.765,
      1,
      0.891 40.9%,
      0.848,
      0.813,
      0.785,
      0.766,
      0.754,
      0.75,
      0.754,
      0.766,
      0.785,
      0.813,
      0.848,
      0.891 68.2%,
      1 72.7%,
      0.973,
      0.953,
      0.941,
      0.938,
      0.941,
      0.953,
      0.973,
      1,
      0.988,
      0.984,
      0.988,
      1
    );
  }
  @property --motion-spring-smooth {
    syntax: "*";
    inherits: false;
    initial-value: linear(
      0,
      0.001 0.44%,
      0.0045 0.94%,
      0.0195 2.03%,
      0.0446 3.19%,
      0.0811 4.5%,
      0.1598 6.82%,
      0.3685 12.34%,
      0.4693 15.17%,
      0.5663,
      0.6498 21.27%,
      0.7215 24.39%,
      0.7532 25.98%,
      0.7829 27.65%,
      0.8105,
      0.8349 31.14%,
      0.8573 32.95%,
      0.8776 34.84%,
      0.8964 36.87%,
      0.9136 39.05%,
      0.929 41.37%,
      0.9421 43.77%,
      0.9537 46.38%,
      0.9636 49.14%,
      0.9789 55.31%,
      0.9888 62.35%,
      0.9949 71.06%,
      0.9982 82.52%,
      0.9997 99.94%
    );
  }
  @property --motion-spring-snappy {
    syntax: "*";
    inherits: false;
    initial-value: linear(
      0,
      0.0014,
      0.0053 1.02%,
      0.0126,
      0.0227 2.18%,
      0.0517 3.41%,
      0.094 4.79%,
      0.1865 7.26%,
      0.4182 12.77%,
      0.5246 15.46%,
      0.6249,
      0.7112,
      0.7831 23.95%,
      0.8146 25.4%,
      0.844,
      0.8699 28.45%,
      0.8935,
      0.9139 31.64%,
      0.932,
      0.9473,
      0.9601 36.65%,
      0.9714 38.47%,
      0.9808 40.35%,
      0.9948 44.49%,
      1.0031 49.43%,
      1.0057 53.35%,
      1.0063 58.14%,
      1.0014 80.78%,
      1.0001 99.94%
    );
  }
  @property --motion-spring-bouncy {
    syntax: "*";
    inherits: false;
    initial-value: linear(
      0,
      0.0018,
      0.0069,
      0.0151 1.74%,
      0.0277 2.4%,
      0.062 3.7%,
      0.1115 5.15%,
      0.2211 7.77%,
      0.4778 13.21%,
      0.5912 15.75%,
      0.6987 18.44%,
      0.7862 20.98%,
      0.861 23.59%,
      0.8926,
      0.9205,
      0.945 27.51%,
      0.9671 28.89%,
      0.9868,
      1.003 31.79%,
      1.0224 34.11%,
      1.0358 36.58%,
      1.0436 39.27%,
      1.046 42.31%,
      1.0446 44.71%,
      1.0406 47.47%,
      1.0118 61.84%,
      1.0027 69.53%,
      0.9981 80.49%,
      0.9991 99.94%
    );
  }
  @property --motion-spring-bouncier {
    syntax: "*";
    inherits: false;
    initial-value: linear(
      0,
      0.0023,
      0.0088,
      0.0194 1.59%,
      0.035 2.17%,
      0.078 3.33%,
      0.1415 4.64%,
      0.2054 5.75%,
      0.2821 6.95%,
      0.5912 11.45%,
      0.7205 13.43%,
      0.8393 15.45%,
      0.936 17.39%,
      0.9778,
      1.015,
      1.0477,
      1.0759,
      1.0998 22.22%,
      1.1203,
      1.1364,
      1.1484 25.26%,
      1.1586 26.61%,
      1.1629 28.06%,
      1.1613 29.56%,
      1.1537 31.2%,
      1.1434 32.6%,
      1.1288 34.19%,
      1.0508 41.29%,
      1.0174 44.87%,
      1.0025 46.89%,
      0.9911 48.87%,
      0.9826 50.9%,
      0.9769 53.03%,
      0.9735 56.02%,
      0.9748 59.45%,
      0.9964 72.64%,
      1.0031 79.69%,
      1.0042 86.83%,
      1.0008 99.97%
    );
  }
  @property --motion-spring-bounciest {
    syntax: "*";
    inherits: false;
    initial-value: linear(
      0,
      0.0032,
      0.0131,
      0.0294,
      0.0524,
      0.0824,
      0.1192 1.54%,
      0.2134 2.11%,
      0.3102 2.59%,
      0.4297 3.13%,
      0.8732 4.95%,
      1.0373,
      1.1827 6.36%,
      1.2972 7.01%,
      1.3444,
      1.3859,
      1.4215,
      1.4504,
      1.4735,
      1.4908,
      1.5024,
      1.5084 9.5%,
      1.5091,
      1.5061,
      1.4993,
      1.4886,
      1.4745,
      1.4565 11.11%,
      1.4082 11.7%,
      1.3585 12.2%,
      1.295 12.77%,
      1.0623 14.64%,
      0.9773,
      0.9031 16.08%,
      0.8449 16.73%,
      0.8014,
      0.7701 17.95%,
      0.7587,
      0.7501,
      0.7443,
      0.7412 19.16%,
      0.7421 19.68%,
      0.7508 20.21%,
      0.7672 20.77%,
      0.7917 21.37%,
      0.8169 21.87%,
      0.8492 22.43%,
      0.9681 24.32%,
      1.0114,
      1.0492 25.75%,
      1.0789 26.41%,
      1.1008,
      1.1167,
      1.1271,
      1.1317 28.81%,
      1.1314,
      1.1271 29.87%,
      1.1189 30.43%,
      1.1063 31.03%,
      1.0769 32.11%,
      0.9941 34.72%,
      0.9748 35.43%,
      0.9597 36.09%,
      0.9487,
      0.9407,
      0.9355,
      0.933 38.46%,
      0.9344 39.38%,
      0.9421 40.38%,
      0.9566 41.5%,
      0.9989 44.12%,
      1.0161 45.37%,
      1.029 46.75%,
      1.0341 48.1%,
      1.0335 49.04%,
      1.0295 50.05%,
      1.0221 51.18%,
      0.992 55.02%,
      0.9854 56.38%,
      0.9827 57.72%,
      0.985 59.73%,
      1.004 64.67%,
      1.0088 67.34%,
      1.0076 69.42%,
      0.9981 74.28%,
      0.9956 76.85%,
      0.9961 79.06%,
      1.0023 86.46%,
      0.999 95.22%,
      0.9994 100%
    );
  }
  @property --motion-origin-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-origin-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-origin-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-origin-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-origin-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0deg;
  }
  @property --motion-origin-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0px;
  }
  @property --motion-origin-grayscale {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-origin-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-origin-background-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-origin-text-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-end-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-end-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-end-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-end-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-end-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0deg;
  }
  @property --motion-end-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0px;
  }
  @property --motion-end-grayscale {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-end-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-end-background-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-end-text-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-loop-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-loop-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-loop-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-loop-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-loop-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0deg;
  }
  @property --motion-loop-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0px;
  }
  @property --motion-loop-grayscale {
    syntax: "*";
    inherits: false;
    initial-value: 0%;
  }
  @property --motion-loop-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 100%;
  }
  @property --motion-loop-background-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-loop-text-color {
    syntax: "*";
    inherits: false;
  }
  @property --motion-duration {
    syntax: "*";
    inherits: false;
    initial-value: 0.7s;
  }
  @property --motion-timing {
    syntax: "*";
    inherits: false;
    initial-value: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  @property --motion-perceptual-duration-multiplier {
    syntax: "*";
    inherits: false;
    initial-value: 1;
  }
  @property --motion-delay {
    syntax: "*";
    inherits: false;
    initial-value: 0s;
  }
  @property --motion-loop-count {
    syntax: "*";
    inherits: false;
    initial-value: infinite;
  }
  @property --motion-scale-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-translate-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-rotate-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-filter-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-opacity-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-background-color-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-text-color-in-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-scale-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-translate-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-rotate-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-filter-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-opacity-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-background-color-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-text-color-out-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-scale-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-translate-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-rotate-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-filter-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-opacity-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-background-color-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @property --motion-text-color-loop-animation {
    syntax: "*";
    inherits: false;
    initial-value: none;
  }
  @media screen and (prefers-reduced-motion: no-preference) {
    @keyframes motion-scale-in {
      0% {
        scale: var(--motion-origin-scale-x) var(--motion-origin-scale-y);
      }
      to {
        scale: 1;
      }
    }
    @keyframes motion-scale-out {
      0% {
        scale: 1;
      }
      to {
        scale: var(--motion-end-scale-x) var(--motion-end-scale-y);
      }
    }
    @keyframes motion-scale-loop-mirror {
      0%,
      to {
        scale: 1;
      }
      50% {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }
    @keyframes motion-scale-loop-reset {
      0% {
        scale: 1;
      }
      to {
        scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
      }
    }
    @keyframes motion-translate-in {
      0% {
        translate: var(--motion-origin-translate-x)
          var(--motion-origin-translate-y);
      }
      to {
        translate: 0;
      }
    }
    @keyframes motion-translate-out {
      0% {
        translate: 0;
      }
      to {
        translate: var(--motion-end-translate-x) var(--motion-end-translate-y);
      }
    }
    @keyframes motion-translate-loop-mirror {
      0%,
      to {
        translate: 0;
      }
      50% {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }
    @keyframes motion-translate-loop-reset {
      0% {
        translate: 0;
      }
      to {
        translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
      }
    }
    @keyframes motion-rotate-in {
      0% {
        rotate: var(--motion-origin-rotate);
      }
      to {
        rotate: 0;
      }
    }
    @keyframes motion-rotate-out {
      0% {
        rotate: 0;
      }
      to {
        rotate: var(--motion-end-rotate);
      }
    }
    @keyframes motion-rotate-loop-mirror {
      0%,
      to {
        rotate: none;
      }
      50% {
        rotate: var(--motion-loop-rotate);
      }
    }
    @keyframes motion-rotate-loop-reset {
      to {
        rotate: var(--motion-loop-rotate);
      }
    }
  }
  @keyframes motion-filter-in {
    0% {
      filter: blur(var(--motion-origin-blur))
        grayscale(var(--motion-origin-grayscale));
    }
    to {
      filter: blur() grayscale(0);
    }
  }
  @keyframes motion-filter-out {
    0% {
      filter: blur() grayscale(0);
    }
    to {
      filter: blur(var(--motion-end-blur))
        grayscale(var(--motion-end-grayscale));
    }
  }
  @keyframes motion-filter-loop-mirror {
    0%,
    to {
      filter: blur() grayscale(0);
    }
    50% {
      filter: blur(var(--motion-loop-blur))
        grayscale(var(--motion-loop-grayscale));
    }
  }
  @keyframes motion-filter-loop-reset {
    0% {
      filter: blur() grayscale(0);
    }
    to {
      filter: blur(var(--motion-loop-blur))
        grayscale(var(--motion-loop-grayscale));
    }
  }
  @keyframes motion-opacity-in {
    0% {
      opacity: var(--motion-origin-opacity);
    }
  }
  @keyframes motion-opacity-out {
    to {
      opacity: var(--motion-end-opacity);
    }
  }
  @keyframes motion-opacity-loop-mirror {
    50% {
      opacity: var(--motion-loop-opacity);
    }
  }
  @keyframes motion-opacity-loop-reset {
    to {
      opacity: var(--motion-loop-opacity);
    }
  }
  @keyframes motion-background-color-in {
    0% {
      background-color: var(--motion-origin-background-color);
    }
  }
  @keyframes motion-background-color-out {
    to {
      background-color: var(--motion-end-background-color);
    }
  }
  @keyframes motion-background-color-loop-mirror {
    50% {
      background-color: var(--motion-loop-background-color);
    }
  }
  @keyframes motion-background-color-loop-reset {
    to {
      background-color: var(--motion-loop-background-color);
    }
  }
  @keyframes motion-text-color-in {
    0% {
      color: var(--motion-origin-text-color);
    }
  }
  @keyframes motion-text-color-out {
    to {
      color: var(--motion-end-text-color);
    }
  }
  @keyframes motion-text-color-loop-mirror {
    50% {
      color: var(--motion-loop-text-color);
    }
  }
  @keyframes motion-text-color-loop-reset {
    to {
      color: var(--motion-loop-text-color);
    }
  }
}
@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: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 0.3s allow-discrete,
        background-color 0.3s ease-out,
        opacity 0.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;
    }
    :where(.drawer-side) {
      overflow: hidden;
    }
    .drawer-side {
      pointer-events: none;
      visibility: hidden;
      z-index: 10;
      overscroll-behavior: contain;
      opacity: 0;
      width: 100%;
      transition:
        opacity 0.2s ease-out 0.1s allow-discrete,
        visibility 0.3s ease-out 0.1s allow-discrete;
      inset-inline-start: 0;
      background-color: #0000;
      grid-template-rows: repeat(1, minmax(0, 1fr));
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-row-start: 1;
      grid-column-start: 1;
      place-items: flex-start start;
      height: 100dvh;
      display: grid;
      position: fixed;
      top: 0;
    }
    .drawer-side > .drawer-overlay {
      cursor: pointer;
      background-color: #0006;
      place-self: stretch stretch;
      position: sticky;
      top: 0;
    }
    .drawer-side > * {
      grid-row-start: 1;
      grid-column-start: 1;
    }
    .drawer-side > :not(.drawer-overlay) {
      will-change: transform;
      transition:
        translate 0.3s ease-out,
        width 0.2s ease-out;
      translate: -100%;
    }
    [dir="rtl"] :is(.drawer-side > :not(.drawer-overlay)) {
      translate: 100%;
    }
    .drawer-toggle {
      appearance: none;
      opacity: 0;
      width: 0;
      height: 0;
      position: fixed;
    }
    :where(.drawer-toggle:checked ~ .drawer-side) {
      scrollbar-color: currentColor
        oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4));
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where(.drawer-toggle:checked ~ .drawer-side) {
        scrollbar-color: color-mix(in oklch, currentColor 35%, #0000)
          oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4));
      }
    }
    :where(:root:has(.drawer-toggle:checked)) {
      --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();
    }
    .tooltip {
      --tt-bg: var(--color-neutral);
      --tt-off: calc(100% + 0.5rem);
      --tt-tail: calc(100% + 1px + 0.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: 0.25rem;
      padding-inline: 0.5rem;
      font-size: 0.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: 0.625rem;
      height: 0.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);
      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 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,
          transform 0.2s cubic-bezier(0.4, 0, 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 0.2s cubic-bezier(0.4, 0, 0.2, 1),
          transform 0.2s cubic-bezier(0.4, 0, 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: 0.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(0.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) + 0.25px),
        var(--tab-border-color) 69%, var(--tab-bg) calc(69% + 0.25px);
      order: var(--tab-order);
      height: var(--tab-height);
      padding-inline: var(--tab-p);
      border-color: #0000;
      font-size: 0.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: 0.4;
    }
    .menu {
      --menu-active-fg: var(--color-neutral-content);
      --menu-active-bg: var(--color-neutral);
      flex-flow: column wrap;
      width: fit-content;
      padding: 0.5rem;
      font-size: 0.875rem;
      display: flex;
    }
    .menu :where(li ul) {
      white-space: nowrap;
      margin-inline-start: 1rem;
      padding-inline-start: 0.5rem;
      position: relative;
    }
    .menu :where(li ul):before {
      background-color: var(--color-base-content);
      opacity: 0.1;
      width: var(--border);
      content: "";
      inset-inline-start: 0;
      position: absolute;
      top: 0.75rem;
      bottom: 0.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: 0.5rem;
      padding-block: 0.375rem;
      padding-inline: 0.75rem;
      transition-property: color, background-color, box-shadow;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 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: 0.375rem;
      height: 0.375rem;
      transition-property: rotate, translate;
      transition-duration: 0.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: 0.2s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      }
    }
    .menu details[open]::details-content {
      block-size: auto;
    }
    .menu :where(li > details[open] > summary):after,
    .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
      translate: 0 1px;
      rotate: 45deg;
    }
    .menu
      :where(
        li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
      ):not(.menu-active, :active, .btn).menu-focus,
    .menu
      :where(
        li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
      ):not(.menu-active, :active, .btn):focus-visible {
      cursor: pointer;
      background-color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .menu
        :where(
          li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
          li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
        ):not(.menu-active, :active, .btn).menu-focus,
      .menu
        :where(
          li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
          li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
        ):not(.menu-active, :active, .btn):focus-visible {
        background-color: color-mix(
          in oklab,
          var(--color-base-content) 10%,
          transparent
        );
      }
    }
    .menu
      :where(
        li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
      ):not(.menu-active, :active, .btn).menu-focus,
    .menu
      :where(
        li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
      ):not(.menu-active, :active, .btn):focus-visible {
      color: var(--color-base-content);
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (forced-colors: active) {
      .menu
        :where(
          li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
          li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
        ):not(.menu-active, :active, .btn).menu-focus,
      .menu
        :where(
          li:not(.menu-title, .disabled) > :not(ul, details, .menu-title),
          li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
        ):not(.menu-active, :active, .btn):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }
    .menu
      :where(
        li:not(.menu-title, .disabled)
          > :not(ul, details, .menu-title):not(
            .menu-active,
            :active,
            .btn
          ):hover,
        li:not(.menu-title, .disabled)
          > details
          > summary:not(.menu-title):not(.menu-active, :active, .btn):hover
      ) {
      cursor: pointer;
      background-color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .menu
        :where(
          li:not(.menu-title, .disabled)
            > :not(ul, details, .menu-title):not(
              .menu-active,
              :active,
              .btn
            ):hover,
          li:not(.menu-title, .disabled)
            > details
            > summary:not(.menu-title):not(.menu-active, :active, .btn):hover
        ) {
        background-color: color-mix(
          in oklab,
          var(--color-base-content) 10%,
          transparent
        );
      }
    }
    .menu
      :where(
        li:not(.menu-title, .disabled)
          > :not(ul, details, .menu-title):not(
            .menu-active,
            :active,
            .btn
          ):hover,
        li:not(.menu-title, .disabled)
          > details
          > summary:not(.menu-title):not(.menu-active, :active, .btn):hover
      ) {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (forced-colors: active) {
      .menu
        :where(
          li:not(.menu-title, .disabled)
            > :not(ul, details, .menu-title):not(
              .menu-active,
              :active,
              .btn
            ):hover,
          li:not(.menu-title, .disabled)
            > details
            > summary:not(.menu-title):not(.menu-active, :active, .btn):hover
        ) {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }
    .menu
      :where(
        li:not(.menu-title, .disabled)
          > :not(ul, details, .menu-title):not(
            .menu-active,
            :active,
            .btn
          ):hover,
        li:not(.menu-title, .disabled)
          > details
          > summary:not(.menu-title):not(.menu-active, :active, .btn):hover
      ) {
      box-shadow:
        inset 0 1px #00000003,
        inset 0 -1px #ffffff03;
    }
    .menu :where(li:empty) {
      background-color: var(--color-base-content);
      opacity: 0.1;
      height: 1px;
      margin: 0.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: 0.5rem;
      padding: 0.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: 0.2s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation: 0.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: 100%;
    }
    .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, 0.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 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
      touch-action: manipulation;
      box-shadow:
        0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,
        var(--btn-shadow);
      --size: calc(var(--size-field, 0.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: 0.375rem;
      font-weight: 600;
      transition-property: color, background-color, border-color, box-shadow;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 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,
    .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 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;
      aspect-ratio: 1;
      vertical-align: middle;
      width: calc(var(--size-selector, 0.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;
    }
    .collapse {
      border-radius: var(--radius-box, 1rem);
      isolation: isolate;
      grid-template-rows: max-content 0fr;
      grid-template-columns: minmax(0, 1fr);
      width: 100%;
      display: grid;
      position: relative;
      overflow: hidden;
    }
    @media (prefers-reduced-motion: no-preference) {
      .collapse {
        transition: grid-template-rows 0.2s;
      }
    }
    .collapse > input:is([type="checkbox"], [type="radio"]) {
      appearance: none;
      opacity: 0;
      z-index: 1;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 100%;
      min-height: 1lh;
      padding: 1rem;
      padding-inline-end: 3rem;
      transition: background-color 0.2s ease-out;
    }
    .collapse:is(
      [open],
      [tabindex]:focus:not(.collapse-close),
      [tabindex]:focus-within:not(.collapse-close)
    ),
    .collapse:not(.collapse-close):has(
        > input:is([type="checkbox"], [type="radio"]):checked
      ) {
      grid-template-rows: max-content 1fr;
    }
    .collapse:is(
        [open],
        [tabindex]:focus:not(.collapse-close),
        [tabindex]:focus-within:not(.collapse-close)
      )
      > .collapse-content,
    .collapse:not(.collapse-close)
      > :where(
        input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content
      ) {
      content-visibility: visible;
      min-height: fit-content;
    }
    @supports not (content-visibility: visible) {
      .collapse:is(
          [open],
          [tabindex]:focus:not(.collapse-close),
          [tabindex]:focus-within:not(.collapse-close)
        )
        > .collapse-content,
      .collapse:not(.collapse-close)
        > :where(
          input:is([type="checkbox"], [type="radio"]):checked
            ~ .collapse-content
        ) {
        visibility: visible;
      }
    }
    .collapse:focus-visible,
    .collapse:has(> input:is([type="checkbox"], [type="radio"]):focus-visible),
    .collapse:has(summary:focus-visible) {
      outline-color: var(--color-base-content);
      outline-offset: 2px;
      outline-width: 2px;
      outline-style: solid;
    }
    .collapse:not(.collapse-close) > input[type="checkbox"],
    .collapse:not(.collapse-close) > input[type="radio"]:not(:checked),
    .collapse:not(.collapse-close) > .collapse-title {
      cursor: pointer;
    }
    :is(
        .collapse[tabindex]:focus:not(.collapse-close, .collapse[open]),
        .collapse[tabindex]:focus-within:not(.collapse-close, .collapse[open])
      )
      > .collapse-title {
      cursor: unset;
    }
    .collapse:is(
        [open],
        [tabindex]:focus:not(.collapse-close),
        [tabindex]:focus-within:not(.collapse-close)
      )
      > :where(.collapse-content),
    .collapse:not(.collapse-close)
      > :where(
        input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content
      ) {
      padding-bottom: 1rem;
    }
    .collapse:is(details) {
      width: 100%;
    }
    @media (prefers-reduced-motion: no-preference) {
      .collapse:is(details)::details-content {
        transition:
          content-visibility 0.2s allow-discrete,
          visibility 0.2s allow-discrete,
          min-height 0.2s ease-out allow-discrete,
          padding 0.1s ease-out 20ms,
          background-color 0.2s ease-out,
          height 0.2s;
        interpolate-size: allow-keywords;
        height: 0;
      }
      .collapse:is(details):where([open])::details-content {
        height: auto;
      }
    }
    .collapse:is(details) summary {
      display: block;
      position: relative;
    }
    .collapse:is(details) summary::-webkit-details-marker {
      display: none;
    }
    .collapse:is(details) > .collapse-content {
      content-visibility: visible;
    }
    .collapse:is(details) summary {
      outline: none;
    }
    .collapse-content {
      content-visibility: hidden;
      min-height: 0;
      cursor: unset;
      grid-row-start: 2;
      grid-column-start: 1;
      padding-left: 1rem;
      padding-right: 1rem;
    }
    @supports not (content-visibility: hidden) {
      .collapse-content {
        visibility: hidden;
      }
    }
    @media (prefers-reduced-motion: no-preference) {
      .collapse-content {
        transition:
          content-visibility 0.2s allow-discrete,
          visibility 0.2s allow-discrete,
          min-height 0.2s ease-out allow-discrete,
          padding 0.1s ease-out 20ms,
          background-color 0.2s ease-out;
      }
    }
    .list {
      flex-direction: column;
      font-size: 0.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
        );
      }
    }
    .toast {
      translate: var(--toast-x, 0) var(--toast-y, 0);
      inset-inline: auto 1rem;
      background-color: #0000;
      flex-direction: column;
      gap: 0.5rem;
      width: max-content;
      max-width: calc(100vw - 2rem);
      display: flex;
      position: fixed;
      top: auto;
      bottom: 1rem;
    }
    @media (prefers-reduced-motion: no-preference) {
      .toast > * {
        animation: 0.25s ease-out toast;
      }
    }
    .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 0.3s,
        grid-template-columns 0.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) * 0.125);
      --size: calc(var(--size-selector, 0.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: 0.125rem;
      transition:
        opacity 0.2s,
        rotate 0.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: none;
    }
    .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: none;
    }
    .toggle:before {
      aspect-ratio: 1;
      border-radius: var(--radius-selector);
      --tw-content: "";
      content: var(--tw-content);
      height: 100%;
      box-shadow:
        0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
        0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
        0 1px currentColor;
      background-color: currentColor;
      grid-row-start: 1;
      grid-column-start: 2;
      transition:
        background-color 0.1s,
        translate 0.2s,
        inset-inline-start 0.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) * 0.1)) inset,
          0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.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: -1px;
        outline-width: 1px;
      }
    }
    @media print {
      .toggle:before {
        outline-offset: -1rem;
        outline: 0.25rem solid;
      }
    }
    .toggle:focus-visible,
    .toggle:has(:focus-visible) {
      outline-offset: 2px;
      outline: 2px solid;
    }
    .toggle:checked,
    .toggle[aria-checked="true"],
    .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: 0.5fr 1fr 0.5fr;
    }
    .toggle:disabled {
      cursor: not-allowed;
      opacity: 0.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, 0.875rem), 0.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) * 0.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: 0.5rem;
      padding-inline: 0.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) * 0.1)) inset;
      }
    }
    .input {
      --size: calc(var(--size-field, 0.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:has(> input[disabled]),
    .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);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .input:has(> input[disabled]),
      .input:is(:disabled, [disabled]),
      fieldset:disabled .input {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }
    :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
      )::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    .input:has(> input[disabled]),
    .input:is(:disabled, [disabled]),
    fieldset:disabled .input {
      box-shadow: none;
    }
    .input:has(> input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }
    .input::-webkit-date-and-time-value {
      text-align: inherit;
    }
    .input[type="number"]::-webkit-inner-spin-button {
      margin-block: -0.75rem;
      margin-inline-end: -0.75rem;
    }
    .input::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.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: 0.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: 0rem;
      --tw-border-spacing-y: 0rem;
      width: 100%;
      border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
      border-radius: var(--radius-box);
      text-align: left;
      font-size: 0.875rem;
      position: relative;
    }
    .table:where(:dir(rtl), [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: 0.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: 0.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);
      }
    }
    .range {
      appearance: none;
      webkit-appearance: none;
      --range-thumb: var(--color-base-100);
      --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
      --range-progress: currentColor;
      --range-fill: 1;
      --range-p: 0.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) * 0.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) * 0.1)) inset,
        0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.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) * 0.1)) inset,
          0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.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) * 0.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) * 0.1)) inset,
        0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.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) * 0.1)) inset,
          0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.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: 0.3;
    }
    .chat-bubble {
      border-radius: var(--radius-field);
      background-color: var(--color-base-300);
      width: fit-content;
      color: var(--color-base-content);
      grid-row-end: 3;
      min-width: 2.5rem;
      max-width: 90%;
      min-height: 2rem;
      padding-block: 0.5rem;
      padding-inline: 1rem;
      display: block;
      position: relative;
    }
    .chat-bubble:before {
      background-color: inherit;
      content: "";
      width: 0.75rem;
      height: 0.75rem;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-image: var(--mask-chat);
      mask-image: var(--mask-chat);
      position: absolute;
      bottom: 0;
      -webkit-mask-position: 0 -1px;
      mask-position: 0 -1px;
      -webkit-mask-size: 0.8125rem;
      mask-size: 0.8125rem;
    }
    .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) * 0.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: 0.375rem;
      padding-inline: 0.75rem 1.75rem;
      font-size: 0.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) * 0.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, 0.25rem) * 10);
    }
    [dir="rtl"] .select {
      background-position:
        12px calc(1px + 50%),
        16px calc(1px + 50%);
    }
    [dir="rtl"] .select::picker(select) {
      translate: 0.5rem;
    }
    [dir="rtl"] .select select::picker(select) {
      translate: 0.5rem;
    }
    .select[multiple] {
      background-image: none;
      height: auto;
      padding-block: 0.75rem;
      padding-inline-end: 0.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: -0.75rem -1.75rem;
      padding-inline: 0.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:has(> select[disabled]),
    .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);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .select:has(> select[disabled]),
      .select:is(:disabled, [disabled]),
      fieldset:disabled .select {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }
    :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
      )::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    .select:has(> select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }
    @supports (appearance: base-select) {
      .select,
      .select select {
        appearance: base-select;
      }
      :is(.select, .select select)::picker(select) {
        appearance: base-select;
      }
    }
    :is(.select, .select select)::picker(select) {
      color: inherit;
      border: var(--border) solid var(--color-base-200);
      border-radius: var(--radius-box);
      background-color: inherit;
      max-height: min(24rem, 70dvh);
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px #0003;
      box-shadow:
        0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)),
        0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
      margin-block: 0.5rem;
      margin-inline: 0.5rem;
      padding: 0.5rem;
      translate: -0.5rem;
    }
    :is(.select, .select select)::picker-icon {
      display: none;
    }
    :is(.select, .select select) optgroup {
      padding-top: 0.5em;
    }
    :is(.select, .select select) optgroup option:first-child {
      margin-top: 0.5em;
    }
    :is(.select, .select select) option {
      border-radius: var(--radius-field);
      white-space: normal;
      padding-block: 0.375rem;
      padding-inline: 0.75rem;
      transition-property: color, background-color;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 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);
    }
    .collapse-title {
      grid-row-start: 1;
      grid-column-start: 1;
      width: 100%;
      min-height: 1lh;
      padding: 1rem;
      padding-inline-end: 3rem;
      transition: background-color 0.2s ease-out;
      position: relative;
    }
    .avatar {
      vertical-align: middle;
      display: inline-flex;
      position: relative;
    }
    .avatar > div {
      aspect-ratio: 1;
      display: block;
      overflow: hidden;
    }
    .avatar img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    .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) * 0.1)) inset,
        0 0 #0000 inset,
        0 0 #0000;
      --size: calc(var(--size-selector, 0.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: 0.25rem;
      transition:
        background-color 0.2s,
        box-shadow 0.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: 0 3px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      background-color: currentColor;
      font-size: 1rem;
      line-height: 0.75;
      transition:
        clip-path 0.3s 0.1s,
        opacity 0.1s 0.1s,
        rotate 0.3s 0.1s,
        translate 0.3s 0.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) * 0.1)) inset,
        0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
    }
    :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
      opacity: 1;
    }
    @media (forced-colors: active) {
      :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
        --tw-content: "✔︎";
        clip-path: none;
        background-color: #0000;
        rotate: none;
      }
    }
    @media print {
      :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
        --tw-content: "✔︎";
        clip-path: none;
        background-color: #0000;
        rotate: none;
      }
    }
    .checkbox:indeterminate {
      background-color: var(--input-color, var(--color-base-content));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .checkbox:indeterminate {
        background-color: var(
          --input-color,
          color-mix(in oklab, var(--color-base-content) 20%, #0000)
        );
      }
    }
    .checkbox:indeterminate:before {
      opacity: 1;
      clip-path: polygon(
        20% 100%,
        20% 80%,
        50% 80%,
        50% 80%,
        80% 80%,
        80% 100%
      );
      translate: 0 -35%;
      rotate: none;
    }
    .drawer {
      grid-auto-columns: max-content auto;
      width: 100%;
      display: grid;
      position: relative;
    }
    .card {
      border-radius: var(--radius-box);
      outline-offset: 2px;
      outline: 0 solid #0000;
      flex-direction: column;
      transition: outline 0.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;
    }
    .progress {
      appearance: none;
      border-radius: var(--radius-box);
      background-color: currentColor;
      width: 100%;
      height: 0.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;
      }
    }
    .textarea {
      border: var(--border) solid #0000;
      appearance: none;
      border-radius: var(--radius-field);
      background-color: var(--color-base-100);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      min-height: 5rem;
      font-size: max(var(--font-size, 0.875rem), 0.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) * 0.1)) inset;
      flex-shrink: 1;
      padding-block: 0.5rem;
      padding-inline: 0.75rem;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .textarea {
        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) * 0.1)) inset;
      }
    }
    .textarea {
      --input-color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .textarea {
        --input-color: color-mix(
          in oklab,
          var(--color-base-content) 20%,
          #0000
        );
      }
    }
    .textarea textarea {
      appearance: none;
      background-color: #0000;
      border: none;
    }
    .textarea textarea:focus,
    .textarea textarea:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (forced-colors: active) {
      .textarea textarea:focus,
      .textarea textarea:focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }
    .textarea:focus,
    .textarea:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .textarea:focus,
      .textarea:focus-within {
        box-shadow: 0 1px
          color-mix(
            in oklab,
            var(--input-color) calc(var(--depth) * 10%),
            #0000
          );
      }
    }
    .textarea:focus,
    .textarea:focus-within {
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
    }
    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .textarea:focus,
        .textarea:focus-within {
          --font-size: 1rem;
        }
      }
    }
    .textarea:has(> textarea[disabled]),
    .textarea:is(:disabled, [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)) {
      .textarea:has(> textarea[disabled]),
      .textarea:is(:disabled, [disabled]) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }
    :is(
      .textarea:has(> textarea[disabled]),
      .textarea:is(:disabled, [disabled])
    )::placeholder {
      color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(
        .textarea:has(> textarea[disabled]),
        .textarea:is(:disabled, [disabled])
      )::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }
    .textarea:has(> textarea[disabled]),
    .textarea:is(:disabled, [disabled]) {
      box-shadow: none;
    }
    .textarea:has(> textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed;
    }
    .modal-backdrop {
      color: #0000;
      z-index: -1;
      grid-row-start: 1;
      grid-column-start: 1;
      place-self: stretch stretch;
      display: grid;
    }
    .modal-backdrop button {
      cursor: pointer;
    }
    .modal-box {
      background-color: var(--color-base-100);
      border-top-left-radius: var(--modal-tl, var(--radius-box));
      border-top-right-radius: var(--modal-tr, var(--radius-box));
      border-bottom-left-radius: var(--modal-bl, var(--radius-box));
      border-bottom-right-radius: var(--modal-br, var(--radius-box));
      opacity: 0;
      overscroll-behavior: contain;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 91.6667%;
      max-width: 32rem;
      max-height: 100vh;
      padding: 1.5rem;
      transition:
        translate 0.3s ease-out,
        scale 0.3s ease-out,
        opacity 0.2s ease-out 50ms,
        box-shadow 0.3s ease-out;
      overflow-y: auto;
      scale: 95%;
      box-shadow: 0 25px 50px -12px #00000040;
    }
    .stat-value {
      white-space: nowrap;
      grid-column-start: 1;
      font-size: 2rem;
      font-weight: 800;
    }
    .chat-image {
      grid-row: span 2 / span 2;
      align-self: flex-end;
    }
    .chat-header {
      grid-row-start: 1;
      gap: 0.25rem;
      font-size: 0.6875rem;
      display: flex;
    }
    .divider {
      white-space: nowrap;
      height: 1rem;
      margin: var(--divider-m, 1rem 0);
      --divider-color: var(--color-base-content);
      flex-direction: row;
      align-self: stretch;
      align-items: center;
      display: flex;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .divider {
        --divider-color: color-mix(
          in oklab,
          var(--color-base-content) 10%,
          transparent
        );
      }
    }
    .divider:before,
    .divider:after {
      content: "";
      background-color: var(--divider-color);
      flex-grow: 1;
      width: 100%;
      height: 0.125rem;
    }
    @media print {
      .divider:before,
      .divider:after {
        border: 0.5px solid;
      }
    }
    .divider:not(:empty) {
      gap: 1rem;
    }
    .label {
      white-space: nowrap;
      color: currentColor;
      align-items: center;
      gap: 0.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% - 0.5rem);
      font-size: inherit;
      align-items: center;
      padding-inline: 0.75rem;
      display: flex;
    }
    .label:is(.input > *, .select > *):first-child {
      border-inline-end: var(--border) solid currentColor;
      margin-inline: -0.75rem 0.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: 0.75rem -0.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);
      }
    }
    .modal-action {
      justify-content: flex-end;
      gap: 0.5rem;
      margin-top: 1.5rem;
      display: flex;
    }
    .breadcrumbs {
      max-width: 100%;
      padding-block: 0.5rem;
      overflow-x: auto;
    }
    .breadcrumbs > menu,
    .breadcrumbs > ul,
    .breadcrumbs > ol {
      white-space: nowrap;
      align-items: center;
      min-height: min-content;
      display: flex;
    }
    :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li {
      align-items: center;
      display: flex;
    }
    :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > * {
      cursor: pointer;
      align-items: center;
      gap: 0.5rem;
      display: flex;
    }
    @media (hover: hover) {
      :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol)
        > li
        > :hover {
        text-decoration-line: underline;
      }
    }
    :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol)
      > li
      > :focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (forced-colors: active) {
      :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol)
        > li
        > :focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }
    :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol)
      > li
      > :focus-visible {
      outline-offset: 2px;
      outline: 2px solid;
    }
    :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol)
      > li
      + :before {
      content: "";
      opacity: 0.4;
      background-color: #0000;
      border-top: 1px solid;
      border-right: 1px solid;
      width: 0.375rem;
      height: 0.375rem;
      margin-left: 0.5rem;
      margin-right: 0.75rem;
      display: block;
      rotate: 45deg;
    }
    [dir="rtl"]
      :is(:is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li)
      + :before {
      rotate: -135deg;
    }
    .status {
      aspect-ratio: 1;
      border-radius: var(--radius-selector);
      background-color: var(--color-base-content);
      width: 0.5rem;
      height: 0.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) * 0.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, 0.25rem) * 6);
      width: fit-content;
      height: var(--size);
      padding-inline: calc(var(--size) / 2 - var(--border));
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.875rem;
      display: inline-flex;
    }
    .kbd {
      border-radius: var(--radius-field);
      background-color: var(--color-base-200);
      vertical-align: middle;
      border: var(--border) solid var(--color-base-content);
      justify-content: center;
      align-items: center;
      padding-inline: 0.5em;
      display: inline-flex;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .kbd {
        border: var(--border) solid
          color-mix(in srgb, var(--color-base-content) 20%, #0000);
      }
    }
    .kbd {
      border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .kbd {
        border-bottom: calc(var(--border) + 1px) solid
          color-mix(in srgb, var(--color-base-content) 20%, #0000);
      }
    }
    .kbd {
      --size: calc(var(--size-selector, 0.25rem) * 6);
      height: var(--size);
      min-width: var(--size);
      font-size: 0.875rem;
    }
    .tabs {
      --tabs-height: auto;
      --tabs-direction: row;
      --tab-height: calc(var(--size-field, 0.25rem) * 10);
      height: var(--tabs-height);
      flex-wrap: wrap;
      flex-direction: var(--tabs-direction);
      display: flex;
    }
    .card-body {
      padding: var(--card-p, 1.5rem);
      font-size: var(--card-fs, 0.875rem);
      flex-direction: column;
      flex: auto;
      gap: 0.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) * 0.08)) inset,
        0 1px #000,
        0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
      border-style: solid;
      grid-template-columns: auto;
      grid-auto-flow: column;
      justify-content: start;
      place-items: center start;
      gap: 1rem;
      padding-block: 0.75rem;
      padding-inline: 1rem;
      font-size: 0.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) * 0.08)) inset,
          0 1px
            color-mix(
              in oklab,
              color-mix(
                  in oklab,
                  #000 20%,
                  var(--alert-color, var(--color-base-200))
                )
                calc(var(--depth) * 20%),
              #0000
            ),
          0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
      }
    }
    .alert:has(:nth-child(2)) {
      grid-template-columns: auto minmax(auto, 1fr);
    }
    .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");
      grid-auto-rows: min-content;
      column-gap: 0.75rem;
      padding-block: 0.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;
    }
    .menu-title {
      color: var(--color-base-content);
      padding-block: 0.5rem;
      padding-inline: 0.75rem;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .menu-title {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }
    .menu-title {
      font-size: 0.875rem;
      font-weight: 600;
    }
    .btn-primary {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-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 0.3s ease-out,
        opacity 0.1s ease-out;
      background-color: #0006;
    }
    :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;
      }
    }
    :where(.drawer-toggle:checked ~ .drawer-side) {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      overflow-y: auto;
    }
    :where(.drawer-toggle:checked ~ .drawer-side) > :not(.drawer-overlay) {
      translate: 0%;
    }
    .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
      outline-offset: 2px;
      outline: 2px solid;
    }
    .tooltip > .tooltip-content,
    .tooltip[data-tip]:before {
      transform: translate(-50%) translateY(var(--tt-pos, 0.25rem));
      inset: auto auto var(--tt-off) 50%;
    }
    .tooltip:after {
      transform: translate(-50%) translateY(var(--tt-pos, 0.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);
      }
    }
    @media (prefers-reduced-motion: no-preference) {
      .collapse[open].collapse-arrow > .collapse-title:after,
      .collapse.collapse-open.collapse-arrow > .collapse-title:after {
        transform: translateY(-50%) rotate(225deg);
      }
    }
    .collapse.collapse-open.collapse-plus > .collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }
    :is(
        .collapse[tabindex].collapse-arrow:focus:not(.collapse-close),
        .collapse.collapse-arrow[tabindex]:focus-within:not(.collapse-close)
      )
      > .collapse-title:after,
    .collapse.collapse-arrow:not(.collapse-close)
      > input:is([type="checkbox"], [type="radio"]):checked
      ~ .collapse-title:after {
      transform: translateY(-50%) rotate(225deg);
    }
    .collapse[open].collapse-plus > .collapse-title:after,
    .collapse[tabindex].collapse-plus:focus:not(.collapse-close)
      > .collapse-title:after,
    .collapse.collapse-plus:not(.collapse-close)
      > input:is([type="checkbox"], [type="radio"]):checked
      ~ .collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }
    .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;
    }
    .checkbox:disabled {
      cursor: not-allowed;
      opacity: 0.2;
    }
    .chat-end {
      grid-template-columns: 1fr auto;
      place-items: end;
    }
    .chat-end .chat-header,
    .chat-end .chat-footer {
      grid-column-start: 1;
    }
    .chat-end .chat-image {
      grid-column-start: 2;
    }
    .chat-end .chat-bubble {
      border-end-end-radius: 0;
      grid-column-start: 1;
    }
    .chat-end .chat-bubble:before {
      inset-inline-start: 100%;
      transform: rotateY(180deg);
    }
    [dir="rtl"] :is(.chat-end .chat-bubble):before {
      transform: rotateY(0);
    }
    .chat-start {
      grid-template-columns: auto 1fr;
      place-items: start;
    }
    .chat-start .chat-header,
    .chat-start .chat-footer {
      grid-column-start: 2;
    }
    .chat-start .chat-image {
      grid-column-start: 1;
    }
    .chat-start .chat-bubble {
      border-end-start-radius: 0;
      grid-column-start: 2;
    }
    .chat-start .chat-bubble:before {
      inset-inline-start: -0.75rem;
      transform: rotateY(0);
    }
    [dir="rtl"] :is(.chat-start .chat-bubble):before {
      transform: rotateY(180deg);
    }
    .dropdown-end {
      --anchor-h: span-left;
    }
    .dropdown-end :where(.dropdown-content) {
      inset-inline-end: 0;
      translate: 0;
    }
    [dir="rtl"] :is(.dropdown-end :where(.dropdown-content)) {
      translate: 0;
    }
    .dropdown-end.dropdown-left {
      --anchor-h: left;
      --anchor-v: span-top;
    }
    .dropdown-end.dropdown-left .dropdown-content {
      top: auto;
      bottom: 0;
    }
    .dropdown-end.dropdown-right {
      --anchor-h: right;
      --anchor-v: span-top;
    }
    .dropdown-end.dropdown-right .dropdown-content {
      top: auto;
      bottom: 0;
    }
    .dropdown-top {
      --anchor-v: top;
    }
    .dropdown-top .dropdown-content {
      transform-origin: bottom;
      top: auto;
      bottom: 100%;
    }
    .drawer-end {
      grid-auto-columns: auto max-content;
    }
    .drawer-end > .drawer-toggle ~ .drawer-content {
      grid-column-start: 1;
    }
    .drawer-end > .drawer-toggle ~ .drawer-side {
      grid-column-start: 2;
      justify-items: end;
    }
    .drawer-end > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) {
      translate: 100%;
    }
    [dir="rtl"]
      :is(.drawer-end > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) {
      translate: -100%;
    }
    .drawer-end
      > .drawer-toggle:checked
      ~ .drawer-side
      > :not(.drawer-overlay) {
      translate: 0%;
    }
    .input-sm {
      --size: calc(var(--size-field, 0.25rem) * 8);
      font-size: max(var(--font-size, 0.75rem), 0.75rem);
    }
    .input-sm[type="number"]::-webkit-inner-spin-button {
      margin-block: -0.5rem;
      margin-inline-end: -0.75rem;
    }
    .input-xs {
      --size: calc(var(--size-field, 0.25rem) * 6);
      font-size: max(var(--font-size, 0.6875rem), 0.6875rem);
    }
    .input-xs[type="number"]::-webkit-inner-spin-button {
      margin-block: -0.25rem;
      margin-inline-end: -0.75rem;
    }
    .modal-bottom {
      place-items: end;
    }
    .modal-bottom .modal-box {
      --modal-tl: var(--radius-box);
      --modal-tr: var(--radius-box);
      --modal-bl: 0;
      --modal-br: 0;
      width: 100%;
      max-width: none;
      height: auto;
      max-height: calc(100vh - 5em);
      translate: 0 100%;
      scale: 1;
    }
    .btn-circle {
      width: var(--size);
      height: var(--size);
      border-radius: 3.40282e38px;
      padding-inline: 0;
    }
    .btn-square {
      width: var(--size);
      height: var(--size);
      padding-inline: 0;
    }
    .loading-sm {
      width: calc(var(--size-selector, 0.25rem) * 5);
    }
    .badge-ghost {
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      background-image: none;
    }
    .loading-dots {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
    }
    .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-xs {
      --size: calc(var(--size-selector, 0.25rem) * 4);
      padding: 0.125rem;
    }
    .select-sm {
      --size: calc(var(--size-field, 0.25rem) * 8);
      font-size: 0.75rem;
    }
    .select-sm option {
      padding-block: 0.25rem;
      padding-inline: 0.625rem;
    }
    .select-xs {
      --size: calc(var(--size-field, 0.25rem) * 6);
      font-size: 0.6875rem;
    }
    .select-xs option {
      padding-block: 0.25rem;
      padding-inline: 0.5rem;
    }
    .table-sm :not(thead, tfoot) tr {
      font-size: 0.75rem;
    }
    .table-sm :where(th, td) {
      padding-block: 0.5rem;
      padding-inline: 0.75rem;
    }
    .badge-lg {
      --size: calc(var(--size-selector, 0.25rem) * 7);
      font-size: 1rem;
    }
    .badge-sm {
      --size: calc(var(--size-selector, 0.25rem) * 5);
      font-size: 0.75rem;
    }
    .badge-xs,
    .kbd-xs {
      --size: calc(var(--size-selector, 0.25rem) * 4);
      font-size: 0.625rem;
    }
    .alert-error {
      color: var(--color-error-content);
      --alert-border-color: var(--color-error);
      --alert-color: var(--color-error);
    }
    .alert-info {
      color: var(--color-info-content);
      --alert-border-color: var(--color-info);
      --alert-color: var(--color-info);
    }
    .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);
    }
    .range-primary {
      color: var(--color-primary);
      --range-thumb: var(--color-primary-content);
    }
    .btn-sm {
      --fontsize: 0.75rem;
      --btn-p: 0.75rem;
      --size: calc(var(--size-field, 0.25rem) * 8);
    }
    .btn-xs {
      --fontsize: 0.6875rem;
      --btn-p: 0.5rem;
      --size: calc(var(--size-field, 0.25rem) * 6);
    }
    .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-info {
      --badge-color: var(--color-info);
      --badge-fg: var(--color-info-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);
    }
    .range-sm {
      --range-thumb-size: calc(var(--size-selector, 0.25rem) * 5);
    }
    .toggle-success:checked,
    .toggle-success[aria-checked="true"] {
      --input-color: var(--color-success);
    }
    .toggle-warning:checked,
    .toggle-warning[aria-checked="true"] {
      --input-color: var(--color-warning);
    }
    .toggle-xs[type="checkbox"],
    .toggle-xs:has([type="checkbox"]) {
      --size: calc(var(--size-selector, 0.25rem) * 4);
    }
    .focus-within\:input-primary:focus-within,
    .focus-within\:input-primary:focus-within:focus,
    .focus-within\:input-primary:focus-within:focus-within {
      --input-color: var(--color-primary);
    }
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse:not(td, tr, colgroup) {
    visibility: revert-layer;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .visible\! {
    visibility: visible !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .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;
    }
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[50\] {
    z-index: 50;
  }
  .z-\[501\] {
    z-index: 501;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .container {
    margin-inline: auto;
    padding-inline: 1rem;
  }
  @media (min-width: 48rem) {
    .container {
      padding-inline: 2rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      padding-inline: 3rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      padding-inline: 4rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      padding-inline: 6rem;
    }
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .join-item:where(:not(:first-child, :disabled, [disabled], .btn-disabled)) {
    margin-block-start: 0;
    margin-inline-start: calc(var(--border, 1px) * -1);
  }
  .join-item:where(:is(:disabled, [disabled], .btn-disabled)) {
    border-width: var(--border, 1px) 0 var(--border, 1px) var(--border, 1px);
  }
  .ms-6\.5 {
    margin-inline-start: calc(var(--spacing) * 6.5);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .iconify {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .kbd {
    box-shadow: none;
  }
  .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;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .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-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[240px\] {
    height: 240px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .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-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-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0,
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-none {
    resize: 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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-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);
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .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-base-200 > :not(:last-child)) {
    border-color: var(--color-base-200);
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-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-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-tl-none {
    border-top-left-radius: 0;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .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-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-base-200,
  .border-base-200\/50 {
    border-color: var(--color-base-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-base-200\/50 {
      border-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
    }
  }
  .border-base-300 {
    border-color: var(--color-base-300);
  }
  .border-error\/30 {
    border-color: var(--color-error);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-error\/30 {
      border-color: color-mix(in oklab, var(--color-error) 30%, transparent);
    }
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-success\/20 {
    border-color: var(--color-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/20 {
      border-color: color-mix(in oklab, var(--color-success) 20%, transparent);
    }
  }
  .border-success\/30 {
    border-color: var(--color-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/30 {
      border-color: color-mix(in oklab, var(--color-success) 30%, transparent);
    }
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-warning,
  .border-warning\/30 {
    border-color: var(--color-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/30 {
      border-color: color-mix(in oklab, var(--color-warning) 30%, transparent);
    }
  }
  .border-white\/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-l-base-300 {
    border-left-color: var(--color-base-300);
  }
  .border-l-error {
    border-left-color: var(--color-error);
  }
  .border-l-info {
    border-left-color: var(--color-info);
  }
  .border-l-primary {
    border-left-color: var(--color-primary);
  }
  .border-l-warning {
    border-left-color: var(--color-warning);
  }
  .bg-base-100 {
    background-color: var(--color-base-100);
  }
  .bg-base-200,
  .bg-base-200\/30 {
    background-color: var(--color-base-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-base-200\/30 {
      background-color: color-mix(
        in oklab,
        var(--color-base-200) 30%,
        transparent
      );
    }
  }
  .bg-base-200\/50 {
    background-color: var(--color-base-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-base-200\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-base-200) 50%,
        transparent
      );
    }
  }
  .bg-base-200\/60 {
    background-color: var(--color-base-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-base-200\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-base-200) 60%,
        transparent
      );
    }
  }
  .bg-base-300 {
    background-color: var(--color-base-300);
  }
  .bg-black\/50 {
    background-color: #00000080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 50%,
        transparent
      );
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-error,
  .bg-error\/5 {
    background-color: var(--color-error);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-error\/5 {
      background-color: color-mix(in oklab, var(--color-error) 5%, transparent);
    }
  }
  .bg-error\/10 {
    background-color: var(--color-error);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-error\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-error) 10%,
        transparent
      );
    }
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-info,
  .bg-info\/10 {
    background-color: var(--color-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/10 {
      background-color: color-mix(in oklab, var(--color-info) 10%, transparent);
    }
  }
  .bg-primary,
  .bg-primary\/5 {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 5%,
        transparent
      );
    }
  }
  .bg-primary\/10 {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 10%,
        transparent
      );
    }
  }
  .bg-primary\/20 {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 20%,
        transparent
      );
    }
  }
  .bg-primary\/30 {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/30 {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 30%,
        transparent
      );
    }
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-success,
  .bg-success\/5 {
    background-color: var(--color-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-success) 5%,
        transparent
      );
    }
  }
  .bg-success\/10 {
    background-color: var(--color-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-success) 10%,
        transparent
      );
    }
  }
  .bg-success\/20 {
    background-color: var(--color-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-success) 20%,
        transparent
      );
    }
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-warning,
  .bg-warning\/5 {
    background-color: var(--color-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-warning) 5%,
        transparent
      );
    }
  }
  .bg-warning\/10 {
    background-color: var(--color-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-warning) 10%,
        transparent
      );
    }
  }
  .bg-warning\/20 {
    background-color: var(--color-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-warning) 20%,
        transparent
      );
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-primary\/10 {
    --tw-gradient-from: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/10 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-primary) 10%,
        transparent
      );
    }
  }
  .from-primary\/10 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-primary\/5 {
    --tw-gradient-to: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/5 {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-primary) 5%,
        transparent
      );
    }
  }
  .to-primary\/5 {
    --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-secondary {
    --tw-gradient-to: var(--color-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .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-10 {
    padding: calc(var(--spacing) * 10);
  }
  .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);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.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-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .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-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-base-content,
  .text-base-content\/20 {
    color: var(--color-base-content);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/20 {
      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
  }
  .text-base-content\/30 {
    color: var(--color-base-content);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/30 {
      color: color-mix(in oklab, var(--color-base-content) 30%, transparent);
    }
  }
  .text-base-content\/40 {
    color: var(--color-base-content);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/40 {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
  }
  .text-base-content\/50 {
    color: var(--color-base-content);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/50 {
      color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
    }
  }
  .text-base-content\/60 {
    color: var(--color-base-content);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/60 {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
  }
  .text-base-content\/70 {
    color: var(--color-base-content);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/70 {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .text-base-content\/80 {
    color: var(--color-base-content);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/80 {
      color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
    }
  }
  .text-error {
    color: var(--color-error);
  }
  .text-info {
    color: var(--color-info);
  }
  .text-info-content {
    color: var(--color-info-content);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-content {
    color: var(--color-primary-content);
  }
  .text-primary\/20 {
    color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/20 {
      color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-warning-content {
    color: var(--color-warning-content);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/60 {
    color: #fff9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-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);
  }
  .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);
  }
  .ring-primary\/20 {
    --tw-ring-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/20 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-primary) 20%,
        transparent
      );
    }
  }
  @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;
      }
    }
  }
  .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,
      visibility,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .lucide--activity {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E");
  }
  .lucide--alert-circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4m0 4h.01'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--alert-triangle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E");
  }
  .lucide--arrow-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 19l-7-7l7-7m7 7H5'/%3E%3C/svg%3E");
  }
  .lucide--arrow-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7l7 7l-7 7'/%3E%3C/svg%3E");
  }
  .lucide--arrow-up {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l7-7l7 7m-7 7V5'/%3E%3C/svg%3E");
  }
  .lucide--badge-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77a4 4 0 0 1 6.74 0a4 4 0 0 1 4.78 4.78a4 4 0 0 1 0 6.74a4 4 0 0 1-4.77 4.78a4 4 0 0 1-6.75 0a4 4 0 0 1-4.78-4.77a4 4 0 0 1 0-6.76'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--bell-ring {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0M22 8c0-2.3-.8-4.3-2-6M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326M4 2C2.8 3.7 2 5.7 2 8'/%3E%3C/svg%3E");
  }
  .lucide--bot {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 8V4H8'/%3E%3Crect width='16' height='12' x='4' y='8' rx='2'/%3E%3Cpath d='M2 14h2m16 0h2m-7-1v2m-6-2v2'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--calendar {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--camera {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  }
  .lucide--check-circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11l3 3L22 4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--chevron-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E");
  }
  .lucide--chevron-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E");
  }
  .lucide--chevron-up {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6'/%3E%3C/svg%3E");
  }
  .lucide--clock {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v6l4 2'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--cpu {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v2m0-20v2m5 16v2m0-20v2M2 12h2m-2 5h2M2 7h2m16 5h2m-2 5h2M20 7h2M7 20v2M7 2v2'/%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E%3Crect width='8' height='8' x='8' y='8' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--credit-card {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--crop {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 2v14a2 2 0 0 0 2 2h14'/%3E%3Cpath d='M18 22V8a2 2 0 0 0-2-2H2'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--crown {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294zM5 21h14'/%3E%3C/svg%3E");
  }
  .lucide--download {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--external-link {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
  }
  .lucide--eye {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--eye-off {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--file-text {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--filter {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 3H2l8 9.46V19l4 2v-8.54z'/%3E%3C/svg%3E");
  }
  .lucide--flask-conical {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2M6.453 15h11.094M8.5 2h7'/%3E%3C/svg%3E");
  }
  .lucide--info {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--key {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.5 7.5l2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4m2-2l-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--layers {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--layout-dashboard {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--list-checks {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 5h8m-8 7h8m-8 7h8M3 17l2 2l4-4M3 7l2 2l4-4'/%3E%3C/svg%3E");
  }
  .lucide--lock {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--log-out {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 17l5-5l-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
  }
  .lucide--mail {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--menu {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5h16M4 12h16M4 19h16'/%3E%3C/svg%3E");
  }
  .lucide--message-square {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  }
  .lucide--mouse-pointer-click {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 4.1L12 6M5.1 8l-2.9-.8M6 12l-1.9 2M7.2 2.2L8 5.1m1.037 4.59a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z'/%3E%3C/svg%3E");
  }
  .lucide--notebook-pen {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4M2 6h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3Cpath d='M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--package {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12'/%3E%3Cpath d='M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--pencil {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E");
  }
  .lucide--phone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
  }
  .lucide--plus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E");
  }
  .lucide--save {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7M7 3v4a1 1 0 0 0 1 1h7'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--search {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--settings {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--shield {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
  }
  .lucide--shield-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--smartphone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--star {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
  }
  .lucide--sticky-note {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z'/%3E%3Cpath d='M15 3v5a1 1 0 0 0 1 1h5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--trash-2 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
  }
  .lucide--trending-down {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17l-8.5-8.5l-5 5L2 7'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--trending-up {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7l-8.5 8.5l-5-5L2 17'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--trophy {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978m7-7.318v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978M18 9h1.5a1 1 0 0 0 0-5H18M4 22h16'/%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm0 0H4.5a1 1 0 0 1 0-5H6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--user {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--user-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 11l2 2l4-4m-6 12v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--user-pen {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.5 15H7a4 4 0 0 0-4 4v2m18.378-4.374a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--user-plus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6m3-3h-6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--users {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--x {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
  }
  .lucide--zap {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
  }
  .lucide--zoom-in {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21l-4.35-4.35M11 8v6m-3-3h6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--zoom-out {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21l-4.35-4.35M8 11h6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ri--whatsapp-fill {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355L2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10M8.593 7.3l-.2.008a1 1 0 0 0-.372.1a1.3 1.3 0 0 0-.294.228c-.12.113-.188.211-.261.306A2.73 2.73 0 0 0 6.9 9.62c.002.49.13.967.33 1.413c.409.902 1.082 1.857 1.97 2.742c.214.213.424.427.65.626a9.45 9.45 0 0 0 3.84 2.046l.568.087c.185.01.37-.004.556-.013a2 2 0 0 0 .833-.231a5 5 0 0 0 .383-.22q.001.002.125-.09c.135-.1.218-.171.33-.288q.126-.13.21-.302c.078-.163.156-.474.188-.733c.024-.198.017-.306.014-.373c-.004-.107-.093-.218-.19-.265l-.582-.261s-.87-.379-1.402-.621a.5.5 0 0 0-.176-.041a.48.48 0 0 0-.378.127c-.005-.002-.072.055-.795.931a.35.35 0 0 1-.368.13a1.4 1.4 0 0 1-.191-.066c-.124-.052-.167-.072-.252-.108a6 6 0 0 1-1.575-1.003c-.126-.11-.243-.23-.363-.346a6.3 6.3 0 0 1-1.02-1.268l-.059-.095a1 1 0 0 1-.102-.205c-.038-.147.061-.265.061-.265s.243-.266.356-.41c.11-.14.203-.276.263-.373c.118-.19.155-.385.093-.536q-.42-1.026-.868-2.041c-.059-.134-.234-.23-.393-.249q-.081-.01-.162-.016a3 3 0 0 0-.403.004z'/%3E%3C/svg%3E");
  }
  @media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary);
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  @media (hover: hover) {
    .hover\:border-base-300:hover {
      border-color: var(--color-base-300);
    }
    .hover\:border-primary\/50:hover {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 50%,
          transparent
        );
      }
    }
    .hover\:bg-base-200:hover,
    .hover\:bg-base-200\/30:hover {
      background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-base-200\/30:hover {
        background-color: color-mix(
          in oklab,
          var(--color-base-200) 30%,
          transparent
        );
      }
    }
    .hover\:bg-base-200\/50:hover {
      background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-base-200\/50:hover {
        background-color: color-mix(
          in oklab,
          var(--color-base-200) 50%,
          transparent
        );
      }
    }
    .hover\:bg-base-300:hover {
      background-color: var(--color-base-300);
    }
    .hover\:bg-error\/20:hover {
      background-color: var(--color-error);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-error\/20:hover {
        background-color: color-mix(
          in oklab,
          var(--color-error) 20%,
          transparent
        );
      }
    }
    .hover\:bg-primary\/10:hover {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        );
      }
    }
    .hover\:bg-success\/20:hover {
      background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/20:hover {
        background-color: color-mix(
          in oklab,
          var(--color-success) 20%,
          transparent
        );
      }
    }
    .hover\:bg-warning\/10:hover {
      background-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--color-warning) 10%,
          transparent
        );
      }
    }
    .hover\:bg-warning\/20:hover {
      background-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/20:hover {
        background-color: color-mix(
          in oklab,
          var(--color-warning) 20%,
          transparent
        );
      }
    }
    .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\:text-base-content:hover {
      color: var(--color-base-content);
    }
    .hover\:text-error:hover {
      color: var(--color-error);
    }
    .hover\:text-gray-200:hover {
      color: var(--color-gray-200);
    }
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
    .hover\:text-slate-600:hover {
      color: var(--color-slate-600);
    }
    .hover\:text-warning:hover {
      color: var(--color-warning);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:shadow-md:hover {
      --tw-shadow:
        0 4px 6px -1px var(--tw-shadow-color, #0000001a),
        0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
    @layer daisyui.l1.l2 {
      .sm\:modal-middle {
        place-items: center;
      }
      .sm\:modal-middle .modal-box {
        --modal-tl: var(--radius-box);
        --modal-tr: var(--radius-box);
        --modal-bl: var(--radius-box);
        --modal-br: var(--radius-box);
        width: 91.6667%;
        max-width: 32rem;
        height: auto;
        max-height: calc(100vh - 5em);
        translate: 0 2%;
        scale: 98%;
      }
    }
    .sm\:w-96 {
      width: calc(var(--spacing) * 96);
    }
    .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\:flex-row {
      flex-direction: row;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:text-left {
      text-align: left;
    }
  }
  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .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));
    }
  }
  @media (min-width: 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg\:hidden {
      display: none;
    }
    .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));
    }
  }
  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .no-spinner {
    appearance: textfield;
  }
}
html {
  scroll-behavior: smooth;
}
.animated-text {
  animation: var(--animate-text-color);
  color: #0000;
  background-size: 500% 500%;
  -webkit-background-clip: text;
  background-clip: text;
}
.btn,
.card .card-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.card .card-body {
  gap: calc(var(--spacing) * 0);
}
.table th {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.menu .menu-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .menu .menu-title {
    color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
  }
}
.timeline:not(.timeline-vertical) > li > hr {
  height: 2px;
}
.timeline.timeline-vertical > li > hr {
  width: 2px;
}
.cally ::part(button) {
  font-family: var(--font-sans);
}
.fieldset .fieldset-legend {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .fieldset .fieldset-legend {
    color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  }
}
.fieldset .fieldset-label,
.fieldset .label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .fieldset .fieldset-label,
  .fieldset .label {
    color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  }
}
:is(.checkbox, .radio, .range, .toggle):disabled {
  opacity: 0.35;
}
.label {
  cursor: pointer;
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .label {
    color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  }
}
input:-webkit-autofill {
  -webkit-background-clip: text;
}
input:-webkit-autofill:hover {
  -webkit-background-clip: text;
}
input:-webkit-autofill:focus {
  -webkit-background-clip: text;
}
input:-webkit-autofill:active {
  -webkit-background-clip: text;
}
:is([data-theme="material"], [data-theme="material-dark"]) .card {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:is([data-theme="material"], [data-theme="material-dark"])
  .card:not(.card-border) {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.grainy {
  background: #fff0 url(/images/landing/footer-grainy.png) 50%;
}
.landing-gradient-underline {
  position: relative;
}
.landing-gradient-underline:after {
  content: "";
  background-image: url(/images/landing/hero-text-underline.svg);
  background-repeat: no-repeat;
  width: 160%;
  height: 160%;
  position: absolute;
  top: 16px;
  left: 4px;
  transform: rotate(2deg);
}
:root {
  --layout-sidebar-width: 256px;
}
.sidebar-menu {
  color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar-menu {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.sidebar-menu .menu-label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar-menu .menu-label {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.sidebar-menu .menu-item {
  height: calc(var(--spacing) * 8);
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-box);
  padding-inline: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  display: flex;
}
.sidebar-menu a,
.sidebar-menu .menu-item-link {
  cursor: pointer;
}
@media (hover: hover) {
  :is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item:hover {
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item:hover {
      background-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      );
    }
  }
}
:is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item.active {
  background-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item.active {
    background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
}
:is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item.active {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
}
.sidebar-menu .collapse input {
  min-height: calc(var(--spacing) * 8);
  padding: calc(var(--spacing) * 0);
}
.sidebar-menu .collapse .collapse-title {
  min-height: calc(var(--spacing) * 8);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-box);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  display: flex;
}
@media (hover: hover) {
  .sidebar-menu .collapse .collapse-title:is(:where(.peer):hover ~ *) {
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .sidebar-menu .collapse .collapse-title:is(:where(.peer):hover ~ *) {
      background-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      );
    }
  }
}
.sidebar-menu .collapse .collapse-title .arrow-icon {
  opacity: 0.6;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.sidebar-menu .collapse .collapse-title:is(:where(.peer):checked ~ *) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.sidebar-menu
  .collapse
  .collapse-title:is(:where(.peer):checked ~ *)
  .arrow-icon {
  opacity: 1;
  rotate: 90deg;
}
.sidebar-menu .collapse .collapse-content:before {
  inset-inline-start: calc(var(--spacing) * 4);
  top: calc(var(--spacing) * 10);
  bottom: calc(var(--spacing) * 2);
  background-color: #fff3;
  width: 1px;
  position: absolute;
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar-menu .collapse .collapse-content:before {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.sidebar-menu .collapse .collapse-content:before {
  content: "";
}
#layout-sidebar {
  width: var(--layout-sidebar-width);
  min-width: var(--layout-sidebar-width);
  background: var(--layout-sidebar-background);
  max-height: 100vh;
  top: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  transition-property: margin, top, max-height, border-radius;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  flex-direction: column;
  transition-duration: 0.3s;
  display: flex;
  position: relative;
}
#layout-sidebar.hide {
  margin-inline-start: calc(var(--layout-sidebar-width) * -1);
}
#layout-topbar {
  background: var(--layout-topbar-background);
  top: calc(var(--spacing) * 0);
  z-index: 10;
  max-height: calc(var(--spacing) * 16);
  min-height: calc(var(--spacing) * 16);
  transition-property: top, margin, border-radius;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
  position: sticky;
}
#layout-content {
  padding: calc(var(--spacing) * 6);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  flex-grow: 1;
}
#layout-sidebar-toggle-trigger:checked ~ #layout-sidebar {
  margin-inline-start: calc(var(--layout-sidebar-width) * -1);
}
#layout-sidebar-hover {
  top: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 11;
  display: none;
  position: fixed;
}
#layout-sidebar-hover-trigger:checked ~ #layout-sidebar {
  z-index: 12;
  margin-inline-start: calc(var(--layout-sidebar-width) * -1);
  position: fixed;
}
#layout-sidebar-hover-trigger:checked ~ #layout-sidebar-hover {
  display: block;
}
#layout-sidebar-hover:hover ~ #layout-sidebar,
#layout-sidebar-hover-trigger:checked ~ #layout-sidebar:hover {
  z-index: 12;
}
@media (min-width: 64rem) {
  #layout-sidebar-hover:hover ~ #layout-sidebar,
  #layout-sidebar-hover-trigger:checked ~ #layout-sidebar:hover {
    margin-inline-start: calc(var(--spacing) * 0) !important;
  }
}
#layout-monochrome-layer {
  pointer-events: none;
  inset: calc(var(--spacing) * 0);
  z-index: 999999;
  opacity: 0;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  --tw-backdrop-opacity: opacity(100%);
  -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-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 1s;
  transition-duration: 1s;
  position: fixed;
}
html[data-monochrome-enabled] #layout-monochrome-layer {
  opacity: 1;
}
@media (max-width: 64rem) {
  #layout-sidebar {
    z-index: 500;
    position: fixed;
  }
  #layout-sidebar-toggle-trigger:not(:checked) ~ #layout-sidebar {
    margin-inline-start: calc(var(--layout-sidebar-width) * -1);
  }
  #layout-sidebar-toggle-trigger:checked ~ #layout-sidebar {
    margin-inline-start: 0;
  }
  #layout-sidebar-toggle-trigger:checked ~ #layout-sidebar-backdrop {
    inset: calc(var(--spacing) * 0);
    z-index: 499;
    background-color: var(--color-base-content);
    position: fixed;
  }
  @supports (color: color-mix(in lab, red, red)) {
    #layout-sidebar-toggle-trigger:checked ~ #layout-sidebar-backdrop {
      background-color: color-mix(
        in oklab,
        var(--color-base-content) 5%,
        transparent
      );
    }
  }
  #layout-sidebar-toggle-trigger:checked ~ #layout-sidebar-backdrop {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
html:not([data-theme="material"], [data-theme="material-dark"])
  #layout-sidebar {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-color: var(--color-base-200);
}
html:not([data-theme="material"], [data-theme="material-dark"]) #layout-topbar {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-base-200);
}
:is(html[data-theme="material"], html[data-theme="material-dark"])
  #layout-sidebar {
  max-height: calc(100vh - 32px);
  top: calc(var(--spacing) * 4);
  bottom: calc(var(--spacing) * 4);
  border-radius: var(--radius-box);
  margin-inline-start: calc(var(--spacing) * 4);
}
:is(html[data-theme="material"], html[data-theme="material-dark"])
  #layout-topbar {
  margin-inline: calc(var(--spacing) * 5);
  margin-top: calc(var(--spacing) * 4);
  border-radius: var(--radius-box);
  position: static;
}
#components-layout {
  background-color: var(--color-base-100);
}
#components-layout-container {
  display: flex;
  padding-inline: calc(var(--spacing) * 0) !important;
}
@media (min-width: 80rem) {
  #components-layout-container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    #components-layout-container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    #components-layout-container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    #components-layout-container {
      max-width: 64rem;
    }
  }
  #components-layout-container {
    max-width: 80rem;
  }
  @media (min-width: 96rem) {
    #components-layout-container {
      max-width: 96rem;
    }
  }
  #components-layout-container {
    margin-inline: auto;
    padding-inline: 1rem;
  }
  @media (min-width: 48rem) {
    #components-layout-container {
      padding-inline: 2rem;
    }
  }
  @media (min-width: 64rem) {
    #components-layout-container {
      padding-inline: 3rem;
    }
  }
  #components-layout-container {
    padding-inline: 4rem;
  }
  @media (min-width: 96rem) {
    #components-layout-container {
      padding-inline: 6rem;
    }
  }
}
#components-layout-main {
  min-width: calc(var(--spacing) * 0);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--color-base-300);
  flex-grow: 1;
}
@supports (color: color-mix(in lab, red, red)) {
  #components-layout-main {
    border-color: color-mix(in oklab, var(--color-base-300) 80%, transparent);
  }
}
@media (min-width: 80rem) {
  #components-layout-main {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
}
#components-layout-content {
  margin-inline: calc(var(--spacing) * 4);
  margin-block: calc(var(--spacing) * 8);
  min-height: calc(100vh - 8rem);
}
@media (min-width: 48rem) {
  #components-layout-content {
    margin-inline: calc(var(--spacing) * 8);
  }
}
@media (min-width: 64rem) {
  #components-layout-content {
    margin-block: calc(var(--spacing) * 12);
  }
}
@media (min-width: 80rem) {
  #components-layout-content {
    margin-inline: calc(var(--spacing) * 12);
  }
}
@media (min-width: 96rem) {
  #components-layout-content {
    margin-inline: calc(var(--spacing) * 20);
  }
}
.apexcharts-canvas * {
  font-family: var(--font-sans) !important;
}
.apexcharts-canvas .apexcharts-gridline,
.apexcharts-canvas .apexcharts-xaxis line,
.apexcharts-canvas .apexcharts-inner .apexcharts-grid-borders line,
.apexcharts-canvas .apexcharts-yaxis line,
.apexcharts-canvas .apexcharts-xaxis-tick {
  stroke: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .apexcharts-canvas .apexcharts-gridline,
  .apexcharts-canvas .apexcharts-xaxis line,
  .apexcharts-canvas .apexcharts-inner .apexcharts-grid-borders line,
  .apexcharts-canvas .apexcharts-yaxis line,
  .apexcharts-canvas .apexcharts-xaxis-tick {
    stroke: color-mix(in oklab, var(--color-base-content) 15%, transparent);
  }
}
.apexcharts-canvas .apexcharts-menu {
  border-color: var(--color-base-300) !important;
  background-color: var(--color-base-100) !important;
}
@media (hover: hover) {
  .apexcharts-canvas .apexcharts-menu .apexcharts-menu-item:hover {
    background-color: var(--color-base-200);
  }
}
.apexcharts-canvas .apexcharts-tooltip {
  border-color: var(--color-base-300) !important;
  background-color: var(--color-base-100) !important;
  --tw-shadow:
    0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  border-color: var(--color-base-300) !important;
  background-color: var(--color-base-200) !important;
}
:is(.apexcharts-canvas .apexcharts-xaxis, .apexcharts-canvas .apexcharts-yaxis)
  text {
  fill: var(--color-base-content) !important;
}
.apexcharts-canvas .apexcharts-tooltip-text {
  color: var(--color-base-content);
}
.apexcharts-canvas .apexcharts-xaxistooltip {
  border-color: var(--color-base-300) !important;
  background-color: var(--color-base-100) !important;
}
.apexcharts-canvas .apexcharts-xaxistooltip:before,
.apexcharts-canvas .apexcharts-xaxistooltip:after {
  border-bottom-color: var(--color-base-300) !important;
}
.apexcharts-canvas .apexcharts-title-text,
.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text {
  fill: var(--color-base-content) !important;
}
.apexcharts-canvas .apexcharts-legend-marker path.apexcharts-marker {
  stroke: #0000;
}
.apexcharts-canvas .apexcharts-legend-text {
  color: var(--color-base-content) !important;
}
.apexcharts-canvas
  .apexcharts-series-markers-wrap
  .apexcharts-series-markers
  path {
  stroke: var(--color-base-200);
}
.swiper-thumbs .swiper-slide {
  border-style: var(--tw-border-style);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  border-width: 2px;
  border-color: #0000;
  transition-duration: 0.3s;
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
  border-color: var(--color-primary);
  opacity: 1;
}
.swiper-scrollbar {
  --swiper-scrollbar-size: 8px;
  background-color: var(--color-base-300) !important;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-primary) !important;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .swiper-pagination .swiper-pagination-bullet {
    background-color: color-mix(
      in oklab,
      var(--color-base-content) 15%,
      transparent
    );
  }
}
.swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  --tw-scale-x: 125%;
  --tw-scale-y: 125%;
  --tw-scale-z: 125%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  background-color: var(--color-primary);
}
.filepond--root {
  margin-bottom: calc(var(--spacing) * 0) !important;
  font-family: var(--font-sans) !important;
}
@media not all and (min-width: 40rem) {
  .filepond--root {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
}
.filepond--root .filepond--drop-label,
.filepond--root .filepond--panel-root {
  border-radius: var(--radius-box);
  background-color: var(--color-base-200);
  color: var(--color-base-content);
}
.flatpickr-months .flatpickr-month {
  color: #fff !important;
}
.flatpickr-calendar {
  background-color: var(--color-base-100) !important;
  --tw-shadow:
    0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.flatpickr-calendar.open {
  z-index: 1 !important;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  border-bottom-color: var(--color-base-100) !important;
}
.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
  border-radius: var(--radius-box);
  top: calc(var(--spacing) * 2.5) !important;
  height: fit-content !important;
  padding: calc(var(--spacing) * 2) !important;
}
@media (hover: hover) {
  :is(
    .flatpickr-calendar .flatpickr-prev-month,
    .flatpickr-calendar .flatpickr-next-month
  ):hover {
    background-color: var(--color-base-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(
      .flatpickr-calendar .flatpickr-prev-month,
      .flatpickr-calendar .flatpickr-next-month
    ):hover {
      background-color: color-mix(
        in oklab,
        var(--color-base-200) 50%,
        transparent
      );
    }
  }
}
:is(
    .flatpickr-calendar .flatpickr-prev-month,
    .flatpickr-calendar .flatpickr-next-month
  )
  svg {
  width: calc(var(--spacing) * 3) !important;
  height: calc(var(--spacing) * 3) !important;
  fill: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(
      .flatpickr-calendar .flatpickr-prev-month,
      .flatpickr-calendar .flatpickr-next-month
    )
    svg {
    fill: color-mix(
      in oklab,
      var(--color-base-content) 60%,
      transparent
    ) !important;
  }
}
.flatpickr-calendar .flatpickr-prev-month {
  inset-inline-start: calc(var(--spacing) * 2) !important;
}
.flatpickr-calendar .flatpickr-next-month {
  inset-inline-end: calc(var(--spacing) * 2) !important;
}
.flatpickr-calendar .flatpickr-months {
  padding-block: calc(var(--spacing) * 2);
}
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-months {
  align-items: center;
  fill: var(--color-base-content) !important;
  color: var(--color-base-content) !important;
}
.flatpickr-calendar .flatpickr-current-month {
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-month {
  background-color: var(--color-base-100);
  padding: calc(var(--spacing) * 0);
  border-color: var(--color-base-300) !important;
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: none;
  border-radius: var(--radius-box);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  padding-inline-start: calc(var(--spacing) * 2.5);
}
@media (hover: hover) {
  .flatpickr-calendar
    .flatpickr-current-month
    .flatpickr-monthDropdown-months:hover {
    background-color: var(--color-base-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .flatpickr-calendar
      .flatpickr-current-month
      .flatpickr-monthDropdown-months:hover {
      background-color: color-mix(
        in oklab,
        var(--color-base-200) 50%,
        transparent
      );
    }
  }
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowDown {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
}
:is(
  .flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowUp,
  .flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowDown
):where(
  [data-theme="dark"] *,
  [data-theme="dim"] *,
  [data-theme="material-dark"] *
) {
  --tw-invert: invert(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,);
}
@media (prefers-color-scheme: dark) {
  :is(
    .flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowUp,
    .flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowDown
  ):not(
    [data-theme="light"] *,
    [data-theme="contrast"] *,
    [data-theme="material"] *
  ) {
    --tw-invert: invert(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,);
  }
}
.flatpickr-calendar .flatpickr-weekday {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar .flatpickr-weekday {
    color: color-mix(
      in oklab,
      var(--color-base-content) 75%,
      transparent
    ) !important;
  }
}
.flatpickr-calendar .flatpickr-weeks {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-color: var(--color-base-300);
  --tw-shadow: 0 0 #0000 !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.flatpickr-calendar .flatpickr-weeks .flatpickr-day {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar .flatpickr-weeks .flatpickr-day {
    color: color-mix(
      in oklab,
      var(--color-base-content) 60%,
      transparent
    ) !important;
  }
}
@media (hover: hover) {
  .flatpickr-calendar .flatpickr-weeks .flatpickr-day:hover {
    background-color: #0000 !important;
  }
}
.flatpickr-calendar .flatpickr-day {
  color: var(--color-base-content) !important;
  border-radius: 0.25rem !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar .flatpickr-day {
    color: color-mix(
      in oklab,
      var(--color-base-content) 80%,
      transparent
    ) !important;
  }
}
.flatpickr-calendar .flatpickr-day.today,
.flatpickr-calendar .flatpickr-day.flatpickr-monthSelect-month.today {
  border-color: #0000;
  position: relative;
}
:is(
  .flatpickr-calendar .flatpickr-day.today,
  .flatpickr-calendar .flatpickr-day.flatpickr-monthSelect-month.today
):after {
  inset-inline-end: calc(var(--spacing) * 1);
  top: calc(var(--spacing) * 1);
  background-color: var(--color-primary);
  content: "";
  border-radius: 3.40282e38px;
  width: 5px;
  height: 5px;
  position: absolute;
}
.flatpickr-calendar .flatpickr-day.nextMonthDay {
  color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar .flatpickr-day.nextMonthDay {
    color: color-mix(
      in oklab,
      var(--color-base-content) 50%,
      transparent
    ) !important;
  }
}
.flatpickr-calendar .flatpickr-day:hover {
  border-color: var(--color-base-300) !important;
  background-color: var(--color-base-200) !important;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
    color: color-mix(
      in oklab,
      var(--color-base-content) 30%,
      transparent
    ) !important;
  }
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
  background-color: #0000 !important;
  border-color: #0000 !important;
}
.flatpickr-calendar .flatpickr-day.inRange {
  border-color: var(--color-base-300) !important;
  background-color: var(--color-base-200) !important;
  --tw-shadow: 0 0 #0000 !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.flatpickr-calendar .flatpickr-day.selected {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-primary-content) !important;
}
.flatpickr-calendar .flatpickr-day.selected.week {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.flatpickr-calendar.noCalendar .flatpickr-time {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
}
.flatpickr-calendar .flatpickr-time {
  border-top-color: var(--color-base-300) !important;
}
.flatpickr-calendar .flatpickr-time input,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  color: var(--color-base-content);
  background-color: #0000 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar .flatpickr-time input,
  .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
    color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
  }
}
.flatpickr-calendar .flatpickr-time .flatpickr-time-separator {
  color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar .flatpickr-time .flatpickr-time-separator {
    color: color-mix(
      in oklab,
      var(--color-base-content) 60%,
      transparent
    ) !important;
  }
}
.flatpickr-calendar .flatpickr-confirm {
  gap: calc(var(--spacing) * 2);
  flex-direction: row-reverse;
}
.flatpickr-calendar .flatpickr-confirm svg {
  fill: var(--color-base-content);
}
.flatpickr-calendar .flatpickr-monthSelect-months .flatpickr-monthSelect-month {
  color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .flatpickr-calendar
    .flatpickr-monthSelect-months
    .flatpickr-monthSelect-month {
    color: color-mix(
      in oklab,
      var(--color-base-content) 80%,
      transparent
    ) !important;
  }
}
@media (hover: hover) {
  .flatpickr-calendar
    .flatpickr-monthSelect-months
    .flatpickr-monthSelect-month:hover {
    border-color: var(--color-base-300) !important;
    background-color: var(--color-base-200) !important;
  }
}
.flatpickr-calendar
  .flatpickr-monthSelect-months
  .flatpickr-monthSelect-month.selected {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-primary-content) !important;
}
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color 0.5s ease-out;
  overflow: auto;
}
.custom-scrollbar:hover {
  scrollbar-color: #96969666 transparent;
}
.simplebar-vertical .simplebar-scrollbar:before {
  background-color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .simplebar-vertical .simplebar-scrollbar:before {
    background-color: color-mix(
      in oklab,
      var(--color-base-content) 20%,
      transparent
    ) !important;
  }
}
.simplebar-vertical .simplebar-scrollbar:before {
  left: 3px !important;
}
.simplebar-vertical .simplebar-scrollbar:hover:before {
  background-color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .simplebar-vertical .simplebar-scrollbar:hover:before {
    background-color: color-mix(
      in oklab,
      var(--color-base-content) 35%,
      transparent
    ) !important;
  }
}
.simplebar-vertical .simplebar-scrollbar:hover:before {
  left: 3px !important;
}
.choices.is-disabled .choices__inner {
  border-color: var(--color-base-200) !important;
  background-color: var(--color-base-200) !important;
}
.choices .choices__inner {
  background-color: var(--color-base-100);
  border-color: var(--color-base-300) !important;
}
.choices .choices__input {
  background-color: #0000 !important;
}
.choices .choices__list.choices__list--multiple .choices__item {
  border-style: var(--tw-border-style);
  background-color: var(--color-primary);
  color: var(--color-primary-content);
  border-width: 0;
}
.choices
  .choices__list.choices__list--multiple
  .choices__item
  .choices__button {
  border-color: var(--color-primary-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .choices
    .choices__list.choices__list--multiple
    .choices__item
    .choices__button {
    border-color: color-mix(
      in oklab,
      var(--color-primary-content) 50%,
      transparent
    );
  }
}
.choices
  .choices__list.choices__list--multiple
  .choices__item
  .choices__button {
  border-left: 1px solid inherit;
  padding-inline-end: calc(var(--spacing) * 1.5);
}
.choices .choices__list.choices__list--dropdown {
  background-color: var(--color-base-100);
  border-color: var(--color-base-300) !important;
}
.choices .choices__list.choices__list--dropdown .choices__input {
  border-color: var(--color-base-300);
  background-color: var(--color-base-100) !important;
}
.choices
  .choices__list.choices__list--dropdown
  .choices__item:not(.choices__item--disabled).is-highlighted {
  background-color: var(--color-base-200);
}
.choices
  .choices__list.choices__list--dropdown
  .choices__group
  .choices__heading {
  border-color: var(--color-base-300);
}
.choices .choices__list.choices__list--dropdown .choices__item--choice b {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.choices.is-open:after {
  --tw-scale-y: -100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.choices:after {
  border-color: #0000 !important;
  border-top-color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .choices:after {
    border-top-color: color-mix(
      in oklab,
      var(--color-base-content) 60%,
      transparent
    ) !important;
  }
}
.choices:after {
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ql-toolbar, .ql-container) * {
  font-family: var(--font-sans);
}
.ql-toolbar,
.ql-container {
  border-color: var(--color-base-300) !important;
}
.ql-toolbar {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.ql-toolbar .ql-formats .ql-header,
.ql-toolbar .ql-formats .ql-header .ql-picker-label {
  border-style: var(--tw-border-style);
  border-width: 0;
  color: var(--color-base-content) !important;
}
.ql-toolbar .ql-formats .ql-header .ql-picker-options {
  border-radius: var(--radius-box);
  background-color: var(--color-base-100);
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: var(--color-base-300) !important;
}
.ql-toolbar .ql-formats button {
  opacity: 0.7;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
  .ql-toolbar .ql-formats button:hover {
    opacity: 1;
  }
}
.ql-toolbar .ql-formats button.ql-active {
  opacity: 1;
}
.ql-toolbar .ql-formats button .ql-stroke {
  stroke: var(--color-base-content) !important;
}
.ql-toolbar .ql-formats button .ql-fill {
  fill: var(--color-base-content) !important;
}
.ql-toolbar .ql-formats .ql-active .ql-stroke {
  opacity: 1;
  stroke: var(--color-primary) !important;
}
.ql-bubble .ql-tooltip {
  --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);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 3.40282e38px;
  background-color: var(--color-base-100) !important;
}
@media (hover: hover) {
  .ql-bubble .ql-tooltip:hover {
    --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);
  }
  .ql-bubble .ql-formats .ql-header .ql-picker-options .ql-picker-item:hover {
    color: var(--color-primary);
  }
}
.ql-container {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: var(--color-base-100) !important;
}
html {
  zoom: 1.15;
}
.toast {
  z-index: 9999;
  position: fixed;
}
.toast .alert {
  word-wrap: break-word;
  max-width: 400px;
  animation: 0.3s ease-out slideInRight;
}
.toast .alert:hover {
  transform: scale(1.02);
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translate(100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@media (max-width: 768px) {
  .toast {
    left: 1rem;
    right: 1rem;
    top: 1rem !important;
  }
  .toast .alert {
    max-width: none;
  }
  :root {
    font-size: 114%;
  }
}
@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: 0.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-font-weight {
  syntax: "*";
  inherits: false;
}
@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-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-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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes text-color {
  0% {
    background-position: 0;
  }
  50% {
    background-position: 100%;
  }
  to {
    background-position: 0;
  }
}