@font-face {
    font-family: "Wix Madefor Text";
    src: url("/fonts/wix-madefor-text/WixMadeforText-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Wix Madefor Text";
    src: url("/fonts/wix-madefor-text/WixMadeforText-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Wix Madefor Text";
    src: url("/fonts/wix-madefor-text/WixMadeforText-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Wix Madefor Text";
    src: url("/fonts/wix-madefor-text/WixMadeforText-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Wix Madefor Text";
    src: url("/fonts/wix-madefor-text/WixMadeforText-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-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-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-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-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
        }
    }
}
:root,
:host {
    --font-sans: "Wix Madefor Text", 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-800: oklch(44.4% 0.177 26.899);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --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;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --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: "Wix Madefor Text", 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,
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            "Helvetica Neue",
            "Noto Sans",
            Arial,
            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:where(:not(iframe)) {
        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 {
        --page-scroll-lock: initial;
        --page-overflow: var(--page-scroll-lock) hidden;
    }
    :root:not(span) {
        overflow: var(--page-overflow);
    }
    :root {
        --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
    }
    :root,
    [data-theme] {
        background-color: var(--root-bg);
        color: var(--color-base-content);
    }
    :root {
        background-color: var(--page-scroll-bg, var(--root-bg));
    }
    :where(:root, [data-theme]) {
        --root-bg: var(--color-base-100);
    }
    @property --radialprogress {
        syntax: "<percentage>";
        inherits: true;
        initial-value: 0%;
    }
    @property --aura-angle {
        syntax: "<angle>";
        inherits: false;
        initial-value: 0deg;
    }
    :root {
        scrollbar-color: currentColor #0000;
    }
    @supports (color: color-mix(in lab, red, red)) {
        :root {
            scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
        }
    }
    @media (prefers-color-scheme: dark) {
        :root:not([data-theme]) {
            color-scheme: dark;
            --color-base-100: #181c20;
            --color-base-200: #22262a;
            --color-base-300: #2c3034;
            --color-base-content: #f0f4f8;
            --color-primary: oklch(60% 0.126 221.723);
            --color-primary-content: #fff;
            --color-secondary: #b071ff;
            --color-secondary-content: #fff;
            --color-accent: #00d3bb;
            --color-accent-content: #f3fbf6;
            --color-neutral: #dce1e6;
            --color-neutral-content: #1e2832;
            --color-info: #14b4ff;
            --color-info-content: #fff;
            --color-success: #0bbf58;
            --color-success-content: #fff;
            --color-warning: #f5a524;
            --color-warning-content: #150a00;
            --color-error: #f31260;
            --color-error-content: #fff;
            --radius-selector: 0.45rem;
            --radius-field: 0.45rem;
            --radius-box: 0.45rem;
            --size-selector: 0.25rem;
            --size-field: 0.25rem;
            --border: 1px;
            --depth: 0;
            --noise: 0;
            --root-bg: #121416;
            --layout-sidebar-background: #181c20;
            --layout-topbar-background: #181b1f;
            --rounded-box: 0.45rem;
            --card-p: 20px;
            --card-fs: var(--text-base);
        }
    }
    :root:has(input.theme-controller[value="dark"]:checked),
    [data-theme="dark"] {
        color-scheme: dark;
        --color-base-100: #181c20;
        --color-base-200: #22262a;
        --color-base-300: #2c3034;
        --color-base-content: #f0f4f8;
        --color-primary: oklch(60% 0.126 221.723);
        --color-primary-content: #fff;
        --color-secondary: #b071ff;
        --color-secondary-content: #fff;
        --color-accent: #00d3bb;
        --color-accent-content: #f3fbf6;
        --color-neutral: #dce1e6;
        --color-neutral-content: #1e2832;
        --color-info: #14b4ff;
        --color-info-content: #fff;
        --color-success: #0bbf58;
        --color-success-content: #fff;
        --color-warning: #f5a524;
        --color-warning-content: #150a00;
        --color-error: #f31260;
        --color-error-content: #fff;
        --radius-selector: 0.45rem;
        --radius-field: 0.45rem;
        --radius-box: 0.45rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
        --root-bg: #121416;
        --layout-sidebar-background: #181c20;
        --layout-topbar-background: #181b1f;
        --rounded-box: 0.45rem;
        --card-p: 20px;
        --card-fs: var(--text-base);
    }
    :where(:root),
    :root:has(input.theme-controller[value="light"]:checked),
    [data-theme="light"] {
        color-scheme: light;
        --color-base-100: #fff;
        --color-base-200: #eef0f2;
        --color-base-300: #dcdee0;
        --color-base-content: #1e2328;
        --color-primary: oklch(60% 0.126 221.723);
        --color-primary-content: #fff;
        --color-secondary: #9c5de8;
        --color-secondary-content: #fff;
        --color-accent: #00d3bb;
        --color-accent-content: #f3fbf6;
        --color-neutral: #1e2832;
        --color-neutral-content: #fafcff;
        --color-info: #14b4ff;
        --color-info-content: #fff;
        --color-success: #0bbf58;
        --color-success-content: #fff;
        --color-warning: #f5a524;
        --color-warning-content: #150a00;
        --color-error: #f31260;
        --color-error-content: #fff;
        --radius-selector: 0.45rem;
        --radius-field: 0.45rem;
        --radius-box: 0.45rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
        --root-bg: #fafbfc;
        --layout-sidebar-background: #fff;
        --layout-topbar-background: #fff;
        --rounded-box: 0.45rem;
        --card-p: 20px;
        --card-fs: var(--text-base);
    }
    :root:has(input.theme-controller[value="contrast"]:checked),
    [data-theme="contrast"] {
        color-scheme: light;
        --root-bg: #f2f4f6;
        --layout-sidebar-background: #fcfdff;
        --layout-topbar-background: #fdfeff;
        --color-base-100: #fff;
        --color-base-200: #eef0f2;
        --color-base-300: #dcdee0;
        --color-base-content: #1e2328;
        --color-primary: oklch(60% 0.126 221.723);
        --color-primary-content: #fff;
        --color-secondary: #9c5de8;
        --color-secondary-content: #fff;
        --color-accent: #00d3bb;
        --color-accent-content: #f3fbf6;
        --color-neutral: #1e2832;
        --color-neutral-content: #fafcff;
        --color-info: #14b4ff;
        --color-info-content: #fff;
        --color-success: #0bbf58;
        --color-success-content: #fff;
        --color-warning: #f5a524;
        --color-warning-content: #150a00;
        --color-error: #f31260;
        --color-error-content: #fff;
        --radius-field: 0.45rem;
        --radius-box: 0.45rem;
        --rounded-box: 0.45rem;
        --radius-selector: 0.45rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --card-p: 20px;
        --card-fs: var(--text-base);
        --depth: 0;
        --noise: 0;
    }
    :root:has(input.theme-controller[value="material"]:checked),
    [data-theme="material"] {
        color-scheme: light;
        --root-bg: #fdfeff;
        --layout-sidebar-background: #f5f7ff;
        --layout-topbar-background: #f5f7ff;
        --color-base-100: #f6f8ff;
        --color-base-200: #eaecfa;
        --color-base-300: #e0e2f8;
        --color-base-content: #191e28;
        --color-primary: oklch(60% 0.126 221.723);
        --color-primary-content: #fff;
        --color-secondary: #9c5de8;
        --color-secondary-content: #fff;
        --color-accent: #00d3bb;
        --color-accent-content: #f3fbf6;
        --color-neutral: #1e2832;
        --color-neutral-content: #fafcff;
        --color-info: #14b4ff;
        --color-info-content: #fff;
        --color-success: #0bbf58;
        --color-success-content: #fff;
        --color-warning: #f5a524;
        --color-warning-content: #150a00;
        --color-error: #f31260;
        --color-error-content: #fff;
        --radius-field: 20px;
        --radius-box: 20px;
        --rounded-box: 20px;
        --radius-selector: 20px;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --card-p: 20px;
        --depth: 0;
        --noise: 0;
    }
    :root:has(input.theme-controller[value="dim"]:checked),
    [data-theme="dim"] {
        color-scheme: dark;
        --color-base-100: #2a2e38;
        --color-base-200: #343842;
        --color-base-300: #3c404a;
        --color-base-content: #f0f4f8;
        --color-primary: oklch(60% 0.126 221.723);
        --color-primary-content: #fff;
        --color-secondary: #b071ff;
        --color-secondary-content: #fff;
        --color-accent: #00d3bb;
        --color-accent-content: #f3fbf6;
        --color-neutral: #dce1e6;
        --color-neutral-content: #1e2832;
        --color-info: #14b4ff;
        --color-info-content: #fff;
        --color-success: #0bbf58;
        --color-success-content: #fff;
        --color-warning: #f5a524;
        --color-warning-content: #150a00;
        --color-error: #f31260;
        --color-error-content: #fff;
        --radius-selector: 0.45rem;
        --radius-field: 0.45rem;
        --radius-box: 0.45rem;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
        --root-bg: #222630;
        --layout-sidebar-background: #2a2e38;
        --layout-topbar-background: #2a2e38;
        --rounded-box: 0.45rem;
        --card-p: 20px;
        --card-fs: var(--text-base);
    }
    :root:has(input.theme-controller[value="material-dark"]:checked),
    [data-theme="material-dark"] {
        color-scheme: dark;
        --root-bg: #141618;
        --layout-sidebar-background: #181c20;
        --layout-topbar-background: #181c22;
        --color-base-100: #181e24;
        --color-base-200: #202830;
        --color-base-300: #2c323a;
        --color-base-content: #f0f4f8;
        --color-primary: oklch(60% 0.126 221.723);
        --color-primary-content: #fff;
        --color-secondary: #b071ff;
        --color-secondary-content: #fff;
        --color-accent: #00d3bb;
        --color-accent-content: #f3fbf6;
        --color-neutral: #dce1e6;
        --color-neutral-content: #1e2832;
        --color-info: #14b4ff;
        --color-info-content: #fff;
        --color-success: #0bbf58;
        --color-success-content: #fff;
        --color-warning: #f5a524;
        --color-warning-content: #150a00;
        --color-error: #f31260;
        --color-error-content: #fff;
        --radius-field: 20px;
        --radius-box: 20px;
        --rounded-box: 20px;
        --radius-selector: 20px;
        --size-selector: 0.25rem;
        --size-field: 0.25rem;
        --border: 1px;
        --card-p: 20px;
        --depth: 0;
        --noise: 0;
    }
    @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: 0deg;
            }
            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 {
        .modal {
            pointer-events: none;
            visibility: hidden;
            width: 100%;
            max-width: none;
            height: 100%;
            max-height: none;
            color: inherit;
            transition:
                overlay 0.3s allow-discrete,
                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;
        }
        .modal[popover] {
            color: inherit;
            background: 0 0;
            border: 0;
            max-width: none;
            max-height: none;
            margin: 0;
            padding: 0;
            inset: 0;
        }
        .modal[popover]::backdrop {
            background-color: #0006;
            transition: background-color 0.3s ease-out;
        }
        :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 > * {
            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(.drawer-toggle:checked ~ .drawer-side) > :not(.drawer-overlay) {
            will-change: auto;
            transform: none;
        }
        :where(:root:has(.drawer-toggle:checked)) {
            --page-scroll-lock: ;
        }
        .drawer-open > .drawer-toggle:checked ~ .drawer-side {
            scrollbar-color: revert-layer;
        }
        :root:has(.drawer-open > .drawer-toggle:checked) {
            --page-scroll-lock: revert-layer;
        }
        .tooltip {
            --tt-bg: var(--color-neutral);
            --tt-off: calc(100% + 0.5rem);
            --tt-tail: calc(100% + 1px + 0.25rem);
            --tt-tail-off: 0.5rem;
            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 {
                transition:
                    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            }
        }
        :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 {
            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 {
                transition:
                    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            }
        }
        :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 {
            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)
                )[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);
            }
        }
        :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
                    )
            ):after {
                transition:
                    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            }
        }
        .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;
        }
        .tab:is(.tabs > .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:is(.tabs > .tab):hover {
                color: var(--color-base-content);
            }
        }
        .tab:is(.tabs > .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(.tabs > .tab):is(input[type="radio"]) {
            min-width: fit-content;
        }
        .tab:is(.tabs > .tab):is(input[type="radio"]):after {
            --tw-content: attr(aria-label);
            content: var(--tw-content);
        }
        .tab:is(.tabs > .tab):is(label) {
            position: relative;
        }
        .tab:is(.tabs > .tab):is(label) input {
            cursor: pointer;
            appearance: none;
            opacity: 0;
            position: absolute;
            inset: 0;
        }
        :is(
                .tab:is(.tabs > .tab):checked,
                .tab:is(.tabs > .tab):is(label:has(:checked)),
                .tab:is(.tabs > .tab):is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    )
            )
            + .tab-content {
            display: block;
        }
        .tab:is(.tabs > .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:is(.tabs > .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:is(.tabs > .tab):not(input):empty {
            cursor: default;
            flex-grow: 1;
        }
        .tab:is(.tabs > .tab):focus {
            --tw-outline-style: none;
            outline-style: none;
        }
        @media (forced-colors: active) {
            .tab:is(.tabs > .tab):focus {
                outline-offset: 2px;
                outline: 2px solid #0000;
            }
        }
        .tab:is(.tabs > .tab):focus-visible,
        .tab:is(.tabs > .tab):is(label:has(:checked:focus-visible)) {
            outline-offset: -5px;
            outline: 2px solid;
        }
        .tab:is(.tabs > .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, li menu) {
            white-space: nowrap;
            margin-inline-start: 1rem;
            padding-inline-start: 0.5rem;
            position: relative;
        }
        .menu :where(li ul, li menu):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, menu, details, .menu-title, .btn)),
        .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
            border-radius: var(--radius-field);
            text-align: start;
            -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, menu, details, .menu-title),
                li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
            ):not(.menu-active, :active, .btn).menu-focus {
            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, menu, details, .menu-title),
                    li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
                ):not(.menu-active, :active, .btn).menu-focus {
                background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
            }
        }
        .menu
            :where(
                li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title),
                li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
            ):not(.menu-active, :active, .btn).menu-focus {
            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, menu, details, .menu-title),
                    li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
                ):not(.menu-active, :active, .btn).menu-focus {
                outline-offset: 2px;
                outline: 2px solid #0000;
            }
        }
        .menu
            :where(
                li:not(.menu-title, .disabled) > :not(ul, menu, 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, menu, 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, menu, 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, menu, 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, menu, 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, menu, 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, menu, 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, menu, 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, menu, 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, .menu-title, details, .btn):active,
        .menu :where(li) > :not(ul, menu, .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, .menu-title, details, .btn):active,
            .menu :where(li) > :not(ul, menu, .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, .menu-title, details, .btn):active,
        .menu :where(li) > :not(ul, menu, .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, .menu-title, details, .btn):active,
            .menu :where(li) > :not(ul, menu, .menu-title, details, .btn).menu-active,
            .menu :where(li) > details > summary:active
        ):not(
            :is(
                .menu :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
                .menu :where(li) > :not(ul, menu, .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,
        .menu :where(li) [disabled] {
            pointer-events: none;
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .menu :where(li).menu-disabled,
            .menu :where(li) [disabled] {
                color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
            }
        }
        .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;
        }
        .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[popover] {
            z-index: 999;
        }
        @media (prefers-reduced-motion: no-preference) {
            .dropdown[popover] {
                transition-behavior: allow-discrete;
                transition-property: opacity, scale, display, overlay;
                transition-duration: 0.2s;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                animation: 0.2s dropdown;
            }
        }
        @starting-style {
            .dropdown[popover] {
                opacity: 0;
                scale: 0.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;
        }
        .dropdown:is(details) {
            overflow: revert-layer;
        }
        .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: 0.95;
            }
            .dropdown[popover].dropdown-open:not(:popover-open) {
                transform-origin: top;
                opacity: 0;
                display: none;
                scale: 0.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: 0.95;
        }
        :where(.btn) {
            width: unset;
        }
        .btn {
            --size: calc(var(--size-field, 0.25rem) * 10);
            --btn-p: 1rem;
            --btn-fg: var(--color-base-content);
            cursor: pointer;
            text-align: center;
            vertical-align: middle;
            outline-offset: 2px;
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            border-width: var(--border);
            touch-action: manipulation;
            --btn-bg: var(--btn-color, var(--color-base-200));
            --btn-border: var(--btn-color, var(--color-base-200));
            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, transform;
            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-color, var(--color-base-200)),
                    #000 calc(var(--depth) * 5%)
                );
            }
        }
        .btn {
            --btn-soft-bg: initial;
            --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-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
            height: var(--size);
            padding-inline: var(--btn-p);
            font-size: var(--fontsize, 0.875rem);
            background-color: var(--btn-bg);
            color: var(--btn-fg);
            border-color: var(--btn-border);
            border-style: var(--btn-border-style, solid);
            outline-color: var(--btn-color, var(--color-base-content));
            --tw-prose-links: var(--btn-fg);
            background-image: none, var(--fx-noise);
            background-size: auto, calc(var(--noise, 0) * 100%);
            text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
            box-shadow:
                var(--btn-inset) inset,
                var(--btn-shadow);
        }
        .btn:is([type="checkbox"], [type="radio"]) {
            appearance: none;
        }
        .btn:is([type="checkbox"], [type="radio"])[aria-label]:after {
            --tw-content: attr(aria-label);
            content: var(--tw-content);
        }
        .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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' 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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' 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;
        }
        @media (prefers-reduced-motion: no-preference) {
            .loading {
                -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");
            }
        }
        .collapse-content {
            --overflow-delay: 0s;
            content-visibility: hidden;
            min-height: 0;
            cursor: unset;
            grid-row-start: 2;
            grid-column-start: 1;
            padding-left: 1rem;
            padding-right: 1rem;
            overflow: clip;
        }
        @supports not (content-visibility: hidden) {
            .collapse-content {
                visibility: hidden;
            }
        }
        @media (prefers-reduced-motion: no-preference) {
            .collapse-content {
                transition:
                    overflow 0.2s allow-discrete var(--overflow-delay),
                    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;
            }
        }
        details > .collapse-content {
            content-visibility: visible;
        }
        .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);
            }
        }
        .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: 0.95;
        }
        .dropdown .dropdown-content {
            z-index: 999;
        }
        @media (prefers-reduced-motion: no-preference) {
            .dropdown .dropdown-content {
                transition-behavior: allow-discrete;
                transition-property: opacity, scale, display, overlay;
                transition-duration: 0.2s;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                animation: 0.2s dropdown;
            }
        }
        @starting-style {
            .dropdown .dropdown-content {
                opacity: 0;
                scale: 0.95;
            }
        }
        :is(
                .dropdown:not(.dropdown-close).dropdown-open,
                .dropdown:not(.dropdown-close):not(.dropdown-hover):focus,
                .dropdown:not(.dropdown-close):focus-within
            )
            .dropdown-content,
        .dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content {
            opacity: 1;
            scale: 1;
        }
        .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: 0deg;
        }
        .toggle > :nth-child(3) {
            color: var(--color-base-100);
            opacity: 0;
            rotate: -15deg;
        }
        .toggle:has(:checked) > :nth-child(2) {
            opacity: 0;
            rotate: 15deg;
        }
        .toggle:has(:checked) > :nth-child(3) {
            opacity: 1;
            rotate: 0deg;
        }
        .toggle:before {
            aspect-ratio: 1;
            border-radius: var(--radius-selector);
            --tw-content: "";
            content: var(--tw-content);
            width: 100%;
            height: 100%;
            box-shadow:
                0 -1px oklch(0% 0 0 / calc(var(--depth) * 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 {
            background-color: var(--color-base-100);
            --input-color: var(--color-base-content);
            grid-template-columns: 1fr 1fr 0fr;
        }
        .toggle:checked:before {
            background-color: currentColor;
        }
        @starting-style {
            .toggle:checked:before {
                opacity: 0;
            }
        }
        .toggle[aria-checked="true"] {
            background-color: var(--color-base-100);
            --input-color: var(--color-base-content);
            grid-template-columns: 1fr 1fr 0fr;
        }
        .toggle[aria-checked="true"]:before {
            background-color: currentColor;
        }
        @starting-style {
            .toggle[aria-checked="true"]:before {
                opacity: 0;
            }
        }
        .toggle:has(> input:checked) {
            background-color: var(--color-base-100);
            --input-color: var(--color-base-content);
            grid-template-columns: 1fr 1fr 0fr;
        }
        .toggle:has(> input:checked):before {
            background-color: currentColor;
        }
        @starting-style {
            .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 {
            appearance: none;
            background-color: var(--color-base-100);
            vertical-align: middle;
            white-space: nowrap;
            --size: calc(var(--size-field, 0.25rem) * var(--in-size-mul, 10));
            --input-color: var(--color-base-content);
            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 {
                --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
            }
        }
        .input {
            cursor: text;
            width: clamp(3rem, 20rem, 100%);
            height: var(--size);
            font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
            touch-action: manipulation;
            border: var(--border) solid var(--input-color, #0000);
            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));
        }
        @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 input {
            appearance: none;
            background-color: #0000;
            border: none;
            width: 100%;
            height: 100%;
        }
        .input input::placeholder {
            color: var(--color-base-content);
            opacity: 0.5;
        }
        .input input:focus,
        .input input:focus-within {
            --tw-outline-style: none;
            outline-style: none;
        }
        @media (forced-colors: active) {
            .input input:focus,
            .input input:focus-within {
                outline-offset: 2px;
                outline: 2px solid #0000;
            }
        }
        .input input::-webkit-calendar-picker-indicator {
            inset-inline-end: -0.15em;
        }
        .input::-webkit-inner-spin-button {
            margin-inline-end: -10px;
        }
        .input::-webkit-calendar-picker-indicator {
            inset-inline-end: 0.75em;
        }
        input.input {
            display: inline-flex;
            position: relative;
        }
        input.input[type="url"],
        input.input[type="email"] {
            text-align: left;
        }
        input.input::-webkit-datetime-edit {
            min-height: 100%;
            text-align: inherit;
            align-items: center;
            display: grid;
        }
        input.input::-webkit-date-and-time-value {
            min-height: 100%;
            text-align: inherit;
            align-items: center;
            display: grid;
        }
        input.input::-webkit-inner-spin-button {
            margin-block: calc(0.25rem * var(--spin-my, -3));
        }
        input.input::-webkit-calendar-picker-indicator {
            cursor: pointer;
            width: 1em;
            height: 1em;
            position: absolute;
        }
        input.input::-webkit-color-swatch-wrapper {
            padding-block: 0.25rem;
        }
        .input input {
            display: inline-flex;
            position: relative;
        }
        .input input[type="url"],
        .input input[type="email"] {
            text-align: left;
        }
        .input input::-webkit-datetime-edit {
            min-height: 100%;
            text-align: inherit;
            align-items: center;
            display: grid;
        }
        .input input::-webkit-date-and-time-value {
            min-height: 100%;
            text-align: inherit;
            align-items: center;
            display: grid;
        }
        .input input::-webkit-inner-spin-button {
            margin-block: calc(0.25rem * var(--spin-my, -3));
        }
        .input input::-webkit-calendar-picker-indicator {
            cursor: pointer;
            width: 1em;
            height: 1em;
            position: absolute;
        }
        .input input::-webkit-color-swatch-wrapper {
            padding-block: 0.25rem;
        }
        .input:focus {
            --input-color: var(--color-base-content);
            box-shadow: 0 1px var(--input-color);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .input:focus {
                box-shadow: 0 1px
                    color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
            }
        }
        .input:focus {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate;
        }
        @media (pointer: coarse) {
            @supports (-webkit-touch-callout: none) {
                .input:focus {
                    --font-size: 1rem;
                }
            }
        }
        .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-within {
                box-shadow: 0 1px
                    color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
            }
        }
        .input:focus-within {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate;
        }
        @media (pointer: coarse) {
            @supports (-webkit-touch-callout: none) {
                .input:focus-within {
                    --font-size: 1rem;
                }
            }
        }
        .input:has(> input[disabled]) {
            cursor: not-allowed;
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
        }
        .input:has(> input[disabled]):is(input),
        .input:has(> input[disabled]) :is(input) {
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .input:has(> input[disabled]):is(input),
            .input:has(> input[disabled]) :is(input) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        .input:has(> input[disabled]) {
            box-shadow: none;
        }
        .input:has(> input[disabled])::placeholder,
        .input:has(> input[disabled]) ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        .input:is(:disabled, [disabled]) {
            cursor: not-allowed;
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
        }
        .input:is(:disabled, [disabled]):is(input),
        .input:is(:disabled, [disabled]) :is(input) {
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .input:is(:disabled, [disabled]):is(input),
            .input:is(:disabled, [disabled]) :is(input) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        .input:is(:disabled, [disabled]) {
            box-shadow: none;
        }
        .input:is(:disabled, [disabled])::placeholder,
        .input:is(:disabled, [disabled]) ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        fieldset:disabled .input {
            cursor: not-allowed;
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
        }
        fieldset:disabled .input:is(input),
        fieldset:disabled .input :is(input) {
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            fieldset:disabled .input:is(input),
            fieldset:disabled .input :is(input) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        fieldset:disabled .input {
            box-shadow: none;
        }
        fieldset:disabled .input::placeholder,
        fieldset:disabled .input ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        .input:has(> input[disabled]) > input[disabled] {
            cursor: not-allowed;
        }
        .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 {
            --range-fill-x: calc(
                (var(--range-dir, 1) * -100cqw) -
                    (var(--range-dir, 1) * var(--range-thumb-size) / 2)
            );
            --range-fill-y: 0;
            --range-fill-spread: calc(100cqw * var(--range-fill));
            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::-moz-range-track {
            background-color: var(--range-bg);
            border-radius: var(--radius-selector);
            width: 100%;
            height: calc(var(--range-thumb-size) * 0.5);
        }
        .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,
                var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
            position: relative;
            inset-block-start: 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,
                    var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
            }
        }
        .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,
                var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
            background-color: currentColor;
            position: relative;
        }
        @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,
                    var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
            }
        }
        .range:disabled {
            cursor: not-allowed;
            opacity: 0.3;
        }
        .indicator {
            width: max-content;
            display: inline-flex;
            position: relative;
        }
        .table {
            border-collapse: separate;
            --tw-border-spacing-x: 0px;
            --tw-border-spacing-y: 0px;
            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(: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);
            }
        }
        .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;
        }
        .steps {
            counter-reset: step;
            grid-auto-columns: 1fr;
            grid-auto-flow: column;
            display: inline-grid;
            overflow: auto hidden;
        }
        .steps .step {
            text-align: center;
            --step-bg: var(--color-base-300);
            --step-fg: var(--color-base-content);
            grid-template-rows: 40px 1fr;
            grid-template-columns: auto;
            place-items: center;
            min-width: 4rem;
            display: grid;
        }
        .steps .step:before {
            width: 100%;
            height: 0.5rem;
            color: var(--step-bg);
            background-color: var(--step-bg);
            content: "";
            border: 1px solid;
            grid-row-start: 1;
            grid-column-start: 1;
            margin-inline-start: -100%;
            top: 0;
        }
        .steps .step > .step-icon,
        .steps .step:not(:has(.step-icon)):after {
            --tw-content: counter(step);
            content: var(--tw-content);
            counter-increment: step;
            z-index: 1;
            color: var(--step-fg);
            background-color: var(--step-bg);
            border: 1px solid var(--step-bg);
            border-radius: 3.40282e38px;
            grid-row-start: 1;
            grid-column-start: 1;
            place-self: center;
            place-items: center;
            width: 2rem;
            height: 2rem;
            display: grid;
            position: relative;
        }
        .steps .step:first-child:before {
            --tw-content: none;
            content: var(--tw-content);
        }
        .steps .step[data-content]:after {
            --tw-content: attr(data-content);
            content: var(--tw-content);
        }
        .drawer-side > .drawer-overlay {
            cursor: pointer;
            background-color: #0006;
            place-self: stretch stretch;
            position: sticky;
            top: 0;
        }
        .select {
            appearance: none;
            background-color: var(--color-base-100);
            vertical-align: middle;
            --size: calc(var(--size-field, 0.25rem) * var(--sl-size-mul, 10));
            --input-color: var(--color-base-content);
            flex-shrink: 1;
            align-items: center;
            gap: 0.375rem;
            padding-inline: 0.75rem 1.75rem;
            display: inline-flex;
            position: relative;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .select {
                --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
            }
        }
        .select {
            width: clamp(3rem, 20rem, 100%);
            height: var(--size);
            font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
            touch-action: manipulation;
            white-space: nowrap;
            text-overflow: ellipsis;
            border: var(--border) solid var(--input-color, #0000);
            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));
            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;
            }
        }
        [dir="rtl"] .select {
            background-position:
                12px calc(1px + 50%),
                16px calc(1px + 50%);
        }
        .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::placeholder {
            color: var(--color-base-content);
            opacity: 0.5;
        }
        .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 {
            --input-color: var(--color-base-content);
            box-shadow: 0 1px var(--input-color);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .select:focus {
                box-shadow: 0 1px
                    color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
            }
        }
        .select:focus {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate;
            background-image:
                linear-gradient(135deg, #0000 50%, currentColor 50%),
                linear-gradient(45deg, currentColor 50%, #0000 50%);
        }
        .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-within {
                box-shadow: 0 1px
                    color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
            }
        }
        .select:focus-within {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate;
            background-image:
                linear-gradient(135deg, #0000 50%, currentColor 50%),
                linear-gradient(45deg, currentColor 50%, #0000 50%);
        }
        .select:open {
            --input-color: var(--color-base-content);
            box-shadow: 0 1px var(--input-color);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .select:open {
                box-shadow: 0 1px
                    color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
            }
        }
        .select:open {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate;
            background-image:
                linear-gradient(135deg, #0000 50%, currentColor 50%),
                linear-gradient(45deg, currentColor 50%, #0000 50%);
        }
        .select:has(> select[disabled]) {
            cursor: not-allowed;
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
        }
        .select:has(> select[disabled]):is(select),
        .select:has(> select[disabled]) :is(select) {
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .select:has(> select[disabled]):is(select),
            .select:has(> select[disabled]) :is(select) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        .select:has(> select[disabled]) {
            box-shadow: none;
        }
        .select:has(> select[disabled])::placeholder,
        .select:has(> select[disabled]) ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        .select:is(:disabled, [disabled]) {
            cursor: not-allowed;
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
        }
        .select:is(:disabled, [disabled]):is(select),
        .select:is(:disabled, [disabled]) :is(select) {
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .select:is(:disabled, [disabled]):is(select),
            .select:is(:disabled, [disabled]) :is(select) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        .select:is(:disabled, [disabled]) {
            box-shadow: none;
        }
        .select:is(:disabled, [disabled])::placeholder,
        .select:is(:disabled, [disabled]) ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        fieldset:disabled .select {
            cursor: not-allowed;
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
        }
        fieldset:disabled .select:is(select),
        fieldset:disabled .select :is(select) {
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            fieldset:disabled .select:is(select),
            fieldset:disabled .select :is(select) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        fieldset:disabled .select {
            box-shadow: none;
        }
        fieldset:disabled .select::placeholder,
        fieldset:disabled .select ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        .select:has(> select[disabled]) > select[disabled] {
            cursor: not-allowed;
        }
        @supports (appearance: base-select) {
            :is(.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) selectedcontent {
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            overflow: hidden;
        }
        :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);
            padding-block: 0.375rem;
            padding-inline: calc(0.25rem * var(--option-px, 3));
            white-space: normal;
            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);
        }
        [dir="rtl"] .select::picker(select) {
            translate: 0.5rem;
        }
        [dir="rtl"] .select select::picker(select) {
            translate: 0.5rem;
        }
        .avatar-group .avatar {
            border: 4px solid var(--color-base-100);
            border-radius: 3.40282e38px;
            overflow: hidden;
        }
        .avatar {
            vertical-align: middle;
            align-self: center;
            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 {
            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));
        }
        .checkbox:checked:before {
            clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
            opacity: 1;
        }
        @media (forced-colors: active) {
            .checkbox:checked:before {
                --tw-content: "✔︎";
                clip-path: none;
                background-color: #0000;
                rotate: 0deg;
            }
        }
        @media print {
            .checkbox:checked:before {
                --tw-content: "✔︎";
                clip-path: none;
                background-color: #0000;
                rotate: 0deg;
            }
        }
        .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));
        }
        .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) {
            .checkbox[aria-checked="true"]:before {
                --tw-content: "✔︎";
                clip-path: none;
                background-color: #0000;
                rotate: 0deg;
            }
        }
        @media print {
            .checkbox[aria-checked="true"]:before {
                --tw-content: "✔︎";
                clip-path: none;
                background-color: #0000;
                rotate: 0deg;
            }
        }
        .checkbox:indeterminate {
            background-color: var(--input-color, var(--color-base-content));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .checkbox:indeterminate {
                background-color: var(
                    --input-color,
                    color-mix(in oklab, var(--color-base-content) 20%, #0000)
                );
            }
        }
        .checkbox:indeterminate:before {
            opacity: 1;
            clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
            translate: 0 -35%;
            rotate: 0deg;
        }
        .radio {
            cursor: pointer;
            appearance: none;
            vertical-align: middle;
            border: var(--border) solid var(--input-color, currentColor);
            border-radius: 3.40282e38px;
            flex-shrink: 0;
            padding: 0.25rem;
            display: inline-block;
            position: relative;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .radio {
                border: var(--border) solid
                    var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
            }
        }
        .radio {
            box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
            --size: calc(var(--size-selector, 0.25rem) * 6);
            width: var(--size);
            height: var(--size);
            color: var(--input-color, currentColor);
        }
        .radio:before {
            --tw-content: "";
            content: var(--tw-content);
            background-size: auto, calc(var(--noise) * 100%);
            background-image: none, var(--fx-noise);
            border-radius: 3.40282e38px;
            width: 100%;
            height: 100%;
            display: block;
        }
        .radio:focus-visible {
            outline: 2px solid;
        }
        .radio:checked {
            background-color: var(--color-base-100);
            border-color: currentColor;
        }
        @media (prefers-reduced-motion: no-preference) {
            .radio:checked {
                animation: 0.2s ease-out radio;
            }
        }
        .radio:checked: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 oklch(0% 0 0 / calc(var(--depth) * 0.1));
            background-color: currentColor;
        }
        @media (forced-colors: active) {
            .radio:checked:before {
                outline-style: var(--tw-outline-style);
                outline-offset: -1px;
                outline-width: 1px;
            }
        }
        @media print {
            .radio:checked:before {
                outline-offset: -1rem;
                outline: 0.25rem solid;
            }
        }
        .radio[aria-checked="true"] {
            background-color: var(--color-base-100);
            border-color: currentColor;
        }
        @media (prefers-reduced-motion: no-preference) {
            .radio[aria-checked="true"] {
                animation: 0.2s ease-out radio;
            }
        }
        .radio[aria-checked="true"]: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 oklch(0% 0 0 / calc(var(--depth) * 0.1));
            background-color: currentColor;
        }
        @media (forced-colors: active) {
            .radio[aria-checked="true"]:before {
                outline-style: var(--tw-outline-style);
                outline-offset: -1px;
                outline-width: 1px;
            }
        }
        @media print {
            .radio[aria-checked="true"]:before {
                outline-offset: -1rem;
                outline: 0.25rem solid;
            }
        }
        .drawer {
            grid-auto-columns: max-content auto;
            width: 100%;
            display: grid;
            position: relative;
        }
        .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 {
            border-radius: var(--radius-box);
            outline-offset: 2px;
            outline: 2px solid #0000;
            flex-direction: column;
            transition: outline 0.2s ease-in-out;
            display: flex;
            position: relative;
        }
        .card:focus-visible,
        .card[aria-checked="true"],
        .card:has(> :checked, > :is([type="checkbox"], [type="radio"]):focus-visible) {
            outline-color: currentColor;
        }
        .card:has(> :checked:focus-visible),
        .card[aria-checked="true"]:focus-visible,
        .card[aria-checked="true"]:has(> :is([type="checkbox"], [type="radio"]):focus-visible) {
            outline-width: 4px;
        }
        .card:has(> :is([type="checkbox"], [type="radio"])) {
            cursor: pointer;
            -webkit-user-select: none;
            user-select: none;
        }
        .card > :is([type="checkbox"], [type="radio"]) {
            appearance: none;
        }
        .textarea {
            appearance: none;
            border-radius: var(--radius-field);
            background-color: var(--color-base-100);
            vertical-align: middle;
            --input-color: var(--color-base-content);
            flex-shrink: 1;
            min-height: 5rem;
            padding-block: 0.5rem;
            padding-inline: 0.75rem;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .textarea {
                --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
            }
        }
        .textarea {
            width: clamp(3rem, 20rem, 100%);
            font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
            touch-action: manipulation;
            border: var(--border) solid var(--input-color, #0000);
            box-shadow:
                0 1px var(--input-color) inset,
                0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
        }
        @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 textarea {
            appearance: none;
            background-color: #0000;
            border: none;
        }
        .textarea textarea::placeholder {
            color: var(--color-base-content);
            opacity: 0.5;
        }
        .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 {
            --input-color: var(--color-base-content);
            box-shadow: 0 1px var(--input-color);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .textarea:focus {
                box-shadow: 0 1px
                    color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
            }
        }
        .textarea:focus {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate;
        }
        @media (pointer: coarse) {
            @supports (-webkit-touch-callout: none) {
                .textarea:focus {
                    --font-size: 1rem;
                }
            }
        }
        .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-within {
                box-shadow: 0 1px
                    color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
            }
        }
        .textarea:focus-within {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate;
        }
        @media (pointer: coarse) {
            @supports (-webkit-touch-callout: none) {
                .textarea:focus-within {
                    --font-size: 1rem;
                }
            }
        }
        .textarea:has(> textarea[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]) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        .textarea:has(> textarea[disabled]) {
            box-shadow: none;
        }
        .textarea:has(> textarea[disabled])::placeholder,
        .textarea:has(> textarea[disabled]) ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        .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:is(:disabled, [disabled]) {
                color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
        }
        .textarea:is(:disabled, [disabled]) {
            box-shadow: none;
        }
        .textarea:is(:disabled, [disabled])::placeholder,
        .textarea:is(:disabled, [disabled]) ::placeholder {
            color: var(--color-base-content);
            opacity: 0.2;
        }
        .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: 0.95;
            box-shadow: 0 25px 50px -12px #00000040;
        }
        .drawer-content {
            grid-row-start: 1;
            grid-column-start: 2;
            min-width: 0;
        }
        .breadcrumbs {
            max-width: 100%;
            padding-block: 0.5rem;
            overflow-x: auto;
        }
        .breadcrumbs > menu {
            white-space: nowrap;
            align-items: center;
            min-height: min-content;
            display: flex;
        }
        .breadcrumbs > menu > li {
            align-items: center;
            display: flex;
        }
        .breadcrumbs > menu > li > * {
            cursor: pointer;
            align-items: center;
            gap: 0.5rem;
            display: flex;
        }
        @media (hover: hover) {
            .breadcrumbs > menu > li > :hover {
                text-decoration-line: underline;
            }
        }
        .breadcrumbs > menu > li > :focus {
            --tw-outline-style: none;
            outline-style: none;
        }
        @media (forced-colors: active) {
            .breadcrumbs > menu > li > :focus {
                outline-offset: 2px;
                outline: 2px solid #0000;
            }
        }
        .breadcrumbs > menu > li > :focus-visible {
            outline-offset: 2px;
            outline: 2px solid;
        }
        .breadcrumbs > menu > li + :before {
            content: "";
            opacity: 0.4;
            background-color: #0000;
            border-top: 1px solid;
            border-right: 1px solid;
            width: 0.375rem;
            height: 0.375rem;
            margin-inline: 0.5rem 0.75rem;
            display: block;
            rotate: 45deg;
        }
        [dir="rtl"] :is(.breadcrumbs > menu > li) + :before {
            rotate: -135deg;
        }
        .breadcrumbs > ul {
            white-space: nowrap;
            align-items: center;
            min-height: min-content;
            display: flex;
        }
        .breadcrumbs > ul > li {
            align-items: center;
            display: flex;
        }
        .breadcrumbs > ul > li > * {
            cursor: pointer;
            align-items: center;
            gap: 0.5rem;
            display: flex;
        }
        @media (hover: hover) {
            .breadcrumbs > ul > li > :hover {
                text-decoration-line: underline;
            }
        }
        .breadcrumbs > ul > li > :focus {
            --tw-outline-style: none;
            outline-style: none;
        }
        @media (forced-colors: active) {
            .breadcrumbs > ul > li > :focus {
                outline-offset: 2px;
                outline: 2px solid #0000;
            }
        }
        .breadcrumbs > ul > li > :focus-visible {
            outline-offset: 2px;
            outline: 2px solid;
        }
        .breadcrumbs > ul > li + :before {
            content: "";
            opacity: 0.4;
            background-color: #0000;
            border-top: 1px solid;
            border-right: 1px solid;
            width: 0.375rem;
            height: 0.375rem;
            margin-inline: 0.5rem 0.75rem;
            display: block;
            rotate: 45deg;
        }
        [dir="rtl"] :is(.breadcrumbs > ul > li) + :before {
            rotate: -135deg;
        }
        .breadcrumbs > ol {
            white-space: nowrap;
            align-items: center;
            min-height: min-content;
            display: flex;
        }
        .breadcrumbs > ol > li {
            align-items: center;
            display: flex;
        }
        .breadcrumbs > ol > li > * {
            cursor: pointer;
            align-items: center;
            gap: 0.5rem;
            display: flex;
        }
        @media (hover: hover) {
            .breadcrumbs > ol > li > :hover {
                text-decoration-line: underline;
            }
        }
        .breadcrumbs > ol > li > :focus {
            --tw-outline-style: none;
            outline-style: none;
        }
        @media (forced-colors: active) {
            .breadcrumbs > ol > li > :focus {
                outline-offset: 2px;
                outline: 2px solid #0000;
            }
        }
        .breadcrumbs > ol > li > :focus-visible {
            outline-offset: 2px;
            outline: 2px solid;
        }
        .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-inline: 0.5rem 0.75rem;
            display: block;
            rotate: 45deg;
        }
        [dir="rtl"] :is(.breadcrumbs > ol > li) + :before {
            rotate: -135deg;
        }
        .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);
            }
        }
        .fieldset-legend {
            color: var(--color-base-content);
            margin-bottom: -0.25rem;
            justify-content: space-between;
            align-items: center;
            gap: 0.5rem;
            margin-inline-end: auto;
            padding-block: 0.5rem;
            font-weight: 600;
            display: flex;
        }
        .menu .dropdown-content {
            margin-top: 0.5rem;
            padding: 0.5rem;
        }
        .menu .dropdown-content:before {
            display: none;
        }
        .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;
        }
        .footer {
            grid-auto-flow: row;
            place-items: start;
            gap: 2.5rem 1rem;
            width: 100%;
            font-size: 0.875rem;
            line-height: 1.25rem;
            display: grid;
        }
        .footer > :not(script, style, template) {
            place-items: start;
            gap: 0.5rem;
            display: grid;
        }
        .fieldset-label {
            color: var(--color-base-content);
            align-items: center;
            gap: 0.375rem;
            display: flex;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .fieldset-label {
                color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
            }
        }
        .fieldset-label:has(input) {
            cursor: pointer;
        }
        .fieldset {
            grid-template-columns: 1fr;
            grid-auto-rows: max-content;
            gap: 0.375rem;
            padding-block: 0.25rem;
            font-size: 0.75rem;
            display: grid;
        }
        .card-title {
            font-size: var(--cardtitle-fs, 1.125rem);
            align-items: center;
            gap: 0.5rem;
            font-weight: 600;
            display: flex;
        }
        .menu .dropdown:focus-within .menu-dropdown-toggle:after {
            translate: 0 1px;
            rotate: 45deg;
        }
        .skeleton {
            border-radius: var(--radius-box);
            background-color: var(--color-base-300);
            will-change: background-position;
            background-image: linear-gradient(
                105deg,
                #0000 0% 40%,
                var(--color-base-100) 50%,
                #0000 60% 100%
            );
            background-position-x: -50%;
            background-size: 200%;
        }
        @media (prefers-reduced-motion: reduce) {
            .skeleton {
                transition-duration: 15s;
            }
        }
        @media (prefers-reduced-motion: no-preference) {
            .skeleton {
                animation: 1.8s ease-in-out infinite skeleton;
            }
        }
        .link {
            cursor: pointer;
            text-decoration-line: underline;
        }
        .link:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
        @media (forced-colors: active) {
            .link:focus {
                outline-offset: 2px;
                outline: 2px solid #0000;
            }
        }
        .link:focus-visible {
            outline-offset: 2px;
            outline: 2px solid;
        }
        .btn-outline {
            --btn-bg: #0000;
            color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content)));
            --btn-border: var(--btn-color, var(--color-base-content));
            --btn-border-style: solid;
            --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
            background-image: none;
        }
        .btn-soft {
            --btn-bg: var(--btn-color, var(--color-base-content));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .btn-soft {
                --btn-bg: color-mix(
                    in oklab,
                    var(--btn-color, var(--color-base-content)) 8%,
                    var(--btn-soft-bg, var(--color-base-100))
                );
            }
        }
        .btn-soft {
            color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content)));
            --btn-border: var(--btn-color, var(--color-base-content));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .btn-soft {
                --btn-border: color-mix(
                    in oklab,
                    var(--btn-color, var(--color-base-content)) 10%,
                    var(--btn-soft-bg, var(--color-base-100))
                );
            }
        }
        .btn-soft {
            --btn-border-style: solid;
            --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
            background-image: none;
        }
        .btn-ghost {
            --btn-bg: #0000;
            color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content, currentColor)));
            --btn-border: #0000;
            --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
            background-image: none;
        }
        .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;
        }
        .aura:has(> .card, > .alert) {
            --aura-radius: var(--radius-box);
        }
        .aura:has(> .btn, > .input, > .select) {
            --aura-radius: var(--radius-field);
        }
        .aura:has(> .checkbox, > .toggle, > .badge) {
            --aura-radius: var(--radius-selector);
        }
        .collapse:not(td, tr, colgroup) {
            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;
        }
        @media (prefers-reduced-motion: no-preference) {
            .collapse:not(td, tr, colgroup) {
                transition: grid-template-rows 0.2s;
            }
        }
        .collapse:not(td, tr, colgroup) > 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:not(td, tr, colgroup):is(
                [open],
                [tabindex]:focus:not(.collapse-close),
                [tabindex]:focus-within:not(.collapse-close)
            ),
        .collapse:not(td, tr, colgroup):not(.collapse-close):has(
                > input:is([type="checkbox"], [type="radio"]):checked
            ) {
            grid-template-rows: max-content 1fr;
        }
        .collapse:not(td, tr, colgroup):is(
                [open],
                [tabindex]:focus:not(.collapse-close),
                [tabindex]:focus-within:not(.collapse-close)
            )
            > .collapse-content,
        .collapse:not(td, tr, colgroup):not(.collapse-close)
            > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
            --overflow-delay: 0.2s;
            overflow: revert-layer;
            content-visibility: visible;
            min-height: fit-content;
        }
        @supports not (content-visibility: visible) {
            .collapse:not(td, tr, colgroup):is(
                    [open],
                    [tabindex]:focus:not(.collapse-close),
                    [tabindex]:focus-within:not(.collapse-close)
                )
                > .collapse-content,
            .collapse:not(td, tr, colgroup):not(.collapse-close)
                > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
                visibility: visible;
            }
        }
        .collapse:not(td, tr, colgroup):focus-visible,
        .collapse:not(td, tr, colgroup):has(
                > input:is([type="checkbox"], [type="radio"]):focus-visible
            ),
        .collapse:not(td, tr, colgroup):has(summary:focus-visible) {
            outline-color: var(--color-base-content);
            outline-offset: 2px;
            outline-width: 2px;
            outline-style: solid;
        }
        .collapse:not(td, tr, colgroup):not(.collapse-close) > input[type="checkbox"],
        .collapse:not(td, tr, colgroup):not(.collapse-close) > input[type="radio"]:not(:checked),
        .collapse:not(td, tr, colgroup):not(.collapse-close) > .collapse-title {
            cursor: pointer;
        }
        :is(
                .collapse:not(td, tr, colgroup)[tabindex]:focus:not(
                        .collapse-close,
                        .collapse[open]
                    ),
                .collapse:not(td, tr, colgroup)[tabindex]:focus-within:not(
                        .collapse-close,
                        .collapse[open]
                    )
            )
            > .collapse-title {
            cursor: unset;
        }
        .collapse:not(td, tr, colgroup):is(
                [open],
                [tabindex]:focus:not(.collapse-close),
                [tabindex]:focus-within:not(.collapse-close)
            )
            > :where(.collapse-content),
        .collapse:not(td, tr, colgroup):not(.collapse-close)
            > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
            padding-bottom: 1rem;
        }
        .collapse:not(td, tr, colgroup):is(details) {
            width: 100%;
        }
        .collapse:not(td, tr, colgroup):is(details)::details-content {
            --overflow-delay: 0s;
            height: 0;
            overflow: clip;
        }
        .collapse:not(td, tr, colgroup):is(details):where([open])::details-content {
            overflow: revert-layer;
            height: auto;
        }
        @media (prefers-reduced-motion: no-preference) {
            .collapse:not(td, tr, colgroup):is(details)::details-content {
                transition:
                    overflow 0.2s allow-discrete var(--overflow-delay),
                    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;
            }
            .collapse:not(td, tr, colgroup):is(details):where([open])::details-content {
                --overflow-delay: 0.2s;
            }
        }
        .collapse:not(td, tr, colgroup):is(details) > summary {
            outline: none;
            display: block;
            position: relative;
        }
        .collapse:not(td, tr, colgroup):is(details) > summary::-webkit-details-marker {
            display: none;
        }
        .kbd {
            border-radius: var(--radius-field);
            background-color: var(--color-base-200);
            vertical-align: middle;
            color: var(--color-base-content);
            border: var(--border) solid var(--color-base-content);
            flex-shrink: 0;
            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;
        }
        .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) * 33%);
            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);
        }
    }
    @layer daisyui.l1.l2 {
        .modal.modal-open {
            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;
        }
        .modal.modal-open > .modal-box {
            opacity: 1;
            translate: 0;
            scale: 1;
        }
        :root:has(.modal.modal-open) {
            --page-scroll-lock: ;
        }
        @starting-style {
            .modal.modal-open {
                opacity: 0;
            }
        }
        .modal[open] {
            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;
        }
        .modal[open] > .modal-box {
            opacity: 1;
            translate: 0;
            scale: 1;
        }
        :root:has(.modal[open]) {
            --page-scroll-lock: ;
        }
        @starting-style {
            .modal[open] {
                opacity: 0;
            }
        }
        .modal:popover-open {
            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;
        }
        .modal:popover-open > .modal-box {
            opacity: 1;
            translate: 0;
            scale: 1;
        }
        :root:has(.modal:popover-open) {
            --page-scroll-lock: ;
        }
        @starting-style {
            .modal:popover-open {
                opacity: 0;
            }
        }
        .modal:target {
            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;
        }
        .modal:target > .modal-box {
            opacity: 1;
            translate: 0;
            scale: 1;
        }
        :root:has(.modal:target) {
            --page-scroll-lock: ;
        }
        @starting-style {
            .modal:target {
                opacity: 0;
            }
        }
        .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;
        }
        .modal-toggle:checked + .modal > .modal-box {
            opacity: 1;
            translate: 0;
            scale: 1;
        }
        :root:has(.modal-toggle:checked + .modal) {
            --page-scroll-lock: ;
        }
        @starting-style {
            .modal-toggle:checked + .modal {
                opacity: 0;
            }
        }
        .drawer-open > .drawer-side {
            overflow-y: auto;
        }
        :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-open > .drawer-toggle {
            display: none;
        }
        .drawer-open > .drawer-toggle ~ .drawer-side {
            pointer-events: auto;
            visibility: visible;
            overscroll-behavior: auto;
            opacity: 1;
            width: auto;
            display: block;
            position: sticky;
        }
        .drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
            cursor: default;
            background-color: #0000;
        }
        .drawer-open > .drawer-toggle:checked ~ .drawer-side {
            pointer-events: auto;
            visibility: visible;
        }
        .tabs-lift > .tab {
            --tab-border: 0 0 var(--border) 0;
            --tab-radius-ss: var(--tab-radius-limit);
            --tab-radius-se: var(--tab-radius-limit);
            --tab-radius-es: 0;
            --tab-radius-ee: 0;
            --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);
            --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;
            --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2);
            --tab-corner-height: var(--tab-radius-limit);
            --tab-corner-position: top left, top right;
            border-width: var(--tab-border);
            padding: var(--tab-paddings);
            border-color: var(--tab-border-colors);
            border-start-start-radius: var(--tab-radius-ss);
            border-start-end-radius: var(--tab-radius-se);
            border-end-end-radius: var(--tab-radius-ee);
            border-end-start-radius: var(--tab-radius-es);
        }
        .tabs-lift
            > .tab:is(
                .tab-active,
                [aria-selected="true"],
                [aria-current="true"],
                [aria-current="page"]
            ):not(.tab-disabled, [disabled]),
        .tabs-lift > .tab:is(input:checked, label:has(:checked)) {
            --tab-border: var(--border) var(--border) 0 var(--border);
            --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000
                var(--tab-border-color);
            --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border)
                calc(var(--tab-p) - var(--border));
            --tab-inset: auto auto 0 auto;
            --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad));
            --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad));
            background-color: var(--tab-bg);
        }
        :is(
            .tabs-lift
                > .tab:is(
                    .tab-active,
                    [aria-selected="true"],
                    [aria-current="true"],
                    [aria-current="page"]
                ):not(.tab-disabled, [disabled]),
            .tabs-lift > .tab:is(input:checked, label:has(:checked))
        ):before {
            z-index: 1;
            content: "";
            width: var(--tab-corner-width);
            height: var(--tab-corner-height);
            background-position: var(--tab-corner-position);
            background-image: var(--radius-start), var(--radius-end);
            background-size: var(--tab-radius-limit) var(--tab-radius-limit);
            inset: var(--tab-inset);
            background-repeat: no-repeat;
            display: block;
            position: absolute;
        }
        :is(
                .tabs-lift
                    > .tab:is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    ):not(.tab-disabled, [disabled]),
                .tabs-lift > .tab:is(input:checked, label:has(:checked))
            ):first-child:before {
            --radius-start: none;
        }
        [dir="rtl"]
            :is(
                .tabs-lift
                    > .tab:is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    ):not(.tab-disabled, [disabled]),
                .tabs-lift > .tab:is(input:checked, label:has(:checked))
            ):first-child:before {
            transform: rotateY(180deg);
        }
        :is(
                .tabs-lift
                    > .tab:is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    ):not(.tab-disabled, [disabled]),
                .tabs-lift > .tab:is(input:checked, label:has(:checked))
            ):last-child:before {
            --radius-end: none;
        }
        [dir="rtl"]
            :is(
                .tabs-lift
                    > .tab:is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    ):not(.tab-disabled, [disabled]),
                .tabs-lift > .tab:is(input:checked, label:has(:checked))
            ):last-child:before {
            transform: rotateY(180deg);
        }
        .tabs-lift:has(> .tab-content)
            > .tab:first-child:not(
                .tab-active,
                [aria-selected="true"],
                [aria-current="true"],
                [aria-current="page"]
            ) {
            --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000
                var(--tab-border-color);
        }
        .tabs-top > .tab {
            --tab-order: 0;
            --tab-border: 0 0 var(--border) 0;
            --tab-radius-ss: var(--tab-radius-limit);
            --tab-radius-se: var(--tab-radius-limit);
            --tab-radius-es: 0;
            --tab-radius-ee: 0;
            --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);
            --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;
            --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2);
            --tab-corner-height: var(--tab-radius-limit);
            --tab-corner-position: top left, top right;
        }
        .tabs-top
            > .tab:is(
                .tab-active,
                [aria-selected="true"],
                [aria-current="true"],
                [aria-current="page"]
            ):not(.tab-disabled, [disabled]),
        .tabs-top > .tab:is(input:checked),
        .tabs-top > .tab:is(label:has(:checked)) {
            --tab-border: var(--border) var(--border) 0 var(--border);
            --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000
                var(--tab-border-color);
            --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border)
                calc(var(--tab-p) - var(--border));
            --tab-inset: auto auto 0 auto;
            --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad));
            --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad));
        }
        .tabs-top:has(> .tab-content)
            > .tab:first-child:not(
                .tab-active,
                [aria-selected="true"],
                [aria-current="true"],
                [aria-current="page"]
            ) {
            --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000
                var(--tab-border-color);
        }
        .tabs-bottom > .tab {
            --tab-order: 1;
            --tab-border: var(--border) 0 0 0;
            --tab-radius-ss: 0;
            --tab-radius-se: 0;
            --tab-radius-es: var(--tab-radius-limit);
            --tab-radius-ee: var(--tab-radius-limit);
            --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000;
            --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p);
            --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2);
            --tab-corner-height: var(--tab-radius-limit);
            --tab-corner-position: top left, top right;
        }
        .tabs-bottom
            > .tab:is(
                .tab-active,
                [aria-selected="true"],
                [aria-current="true"],
                [aria-current="page"]
            ):not(.tab-disabled, [disabled]),
        .tabs-bottom > .tab:is(input:checked),
        .tabs-bottom > .tab:is(label:has(:checked)) {
            --tab-border: 0 var(--border) var(--border) var(--border);
            --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color)
                var(--tab-border-color);
            --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0
                calc(var(--tab-p) - var(--border));
            --tab-inset: 0 auto auto auto;
            --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad));
            --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad));
        }
        .tabs-bottom:has(> .tab-content)
            > .tab:first-child:not(
                .tab-active,
                [aria-selected="true"],
                [aria-current="true"],
                [aria-current="page"]
            ) {
            --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color)
                var(--tab-border-color);
        }
        .tabs-xs > .tab {
            --tab-p: 0.375rem;
            --tab-radius-min: calc(0.5rem - var(--border));
            font-size: 0.75rem;
        }
        .tabs-sm > .tab {
            --tab-p: 0.5rem;
            --tab-radius-min: calc(0.5rem - var(--border));
            font-size: 0.875rem;
        }
        .tabs-md > .tab {
            --tab-p: 0.75rem;
            --tab-radius-min: calc(0.75rem - var(--border));
            font-size: 0.875rem;
        }
        .tabs-lg > .tab {
            --tab-p: 1rem;
            --tab-radius-min: calc(1.5rem - var(--border));
            font-size: 1.125rem;
        }
        .tabs-xl > .tab {
            --tab-p: 1.25rem;
            --tab-radius-min: calc(2rem - var(--border));
            font-size: 1.125rem;
        }
        .collapse-arrow > .collapse-title:after {
            width: 0.5rem;
            height: 0.5rem;
            display: block;
            position: absolute;
            transform: translateY(-100%) rotate(45deg);
        }
        @media (prefers-reduced-motion: no-preference) {
            .collapse-arrow > .collapse-title:after {
                transition-property: all;
                transition-duration: 0.2s;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            }
        }
        .collapse-arrow > .collapse-title:after {
            content: "";
            transform-origin: 75% 75%;
            pointer-events: none;
            top: 50%;
            inset-inline-end: 1.4rem;
            box-shadow: 2px 2px;
        }
        .collapse-plus > .collapse-title:after {
            width: 0.5rem;
            height: 0.5rem;
            display: block;
            position: absolute;
        }
        .collapse-plus > .collapse-title:after {
            --tw-content: "+";
            content: var(--tw-content);
            pointer-events: none;
            top: 0.9rem;
            width: 0.5rem;
            height: 0.5rem;
            display: block;
            position: absolute;
            inset-inline-end: 1.4rem;
        }
        @media (prefers-reduced-motion: no-preference) {
            .collapse-plus > .collapse-title:after {
                transition-property: all;
                transition-duration: 0.3s;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            }
        }
        .collapse-plus > .collapse-title:after {
            --tw-content: "+";
            content: var(--tw-content);
            pointer-events: none;
            top: 0.9rem;
            inset-inline-end: 1.4rem;
        }
        .collapse-open > .collapse-content {
            --overflow-delay: 0.2s;
            overflow: revert-layer;
            content-visibility: visible;
            min-height: fit-content;
            padding-bottom: 1rem;
        }
        @supports not (content-visibility: visible) {
            .collapse-open > .collapse-content {
                visibility: visible;
            }
        }
        .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;
        }
        .dropdown-center :where(.dropdown-content) {
            inset-inline-end: 50%;
            translate: 50%;
        }
        [dir="rtl"] :is(.dropdown-center :where(.dropdown-content)) {
            translate: -50%;
        }
        .dropdown-left .dropdown-content {
            transform-origin: 100%;
            inset-inline-end: 100%;
            top: 0;
            bottom: auto;
        }
        .dropdown-right .dropdown-content {
            transform-origin: 0;
            inset-inline-start: 100%;
            top: 0;
            bottom: auto;
        }
        .dropdown-top .dropdown-content {
            transform-origin: bottom;
            top: auto;
            bottom: 100%;
        }
        .steps-horizontal .step {
            text-align: center;
            grid-template-rows: 40px 1fr;
            grid-template-columns: auto;
            place-items: center;
            min-width: 4rem;
            display: grid;
        }
        .steps-horizontal .step:before {
            width: 100%;
            height: 0.5rem;
            margin-inline-start: -100%;
            translate: 0;
        }
        [dir="rtl"] :is(.steps-horizontal .step):before {
            translate: 0;
        }
        .steps-vertical .step {
            grid-template-rows: auto;
            grid-template-columns: 40px 1fr;
            justify-items: start;
            gap: 0.5rem;
            min-height: 4rem;
            display: grid;
        }
        .steps-vertical .step:before {
            width: 0.5rem;
            height: 100%;
            margin-inline-start: 50%;
            translate: -50% -50%;
        }
        [dir="rtl"] :is(.steps-vertical .step):before {
            translate: 50% -50%;
        }
        .steps .step-neutral + .step-neutral:before,
        .steps .step-neutral:after,
        .steps .step-neutral > .step-icon {
            --step-bg: var(--color-neutral);
            --step-fg: var(--color-neutral-content);
        }
        .steps .step-primary + .step-primary:before,
        .steps .step-primary:after,
        .steps .step-primary > .step-icon {
            --step-bg: var(--color-primary);
            --step-fg: var(--color-primary-content);
        }
        .steps .step-secondary + .step-secondary:before,
        .steps .step-secondary:after,
        .steps .step-secondary > .step-icon {
            --step-bg: var(--color-secondary);
            --step-fg: var(--color-secondary-content);
        }
        .steps .step-accent + .step-accent:before,
        .steps .step-accent:after,
        .steps .step-accent > .step-icon {
            --step-bg: var(--color-accent);
            --step-fg: var(--color-accent-content);
        }
        .steps .step-info + .step-info:before,
        .steps .step-info:after,
        .steps .step-info > .step-icon {
            --step-bg: var(--color-info);
            --step-fg: var(--color-info-content);
        }
        .steps .step-success + .step-success:before,
        .steps .step-success:after,
        .steps .step-success > .step-icon {
            --step-bg: var(--color-success);
            --step-fg: var(--color-success-content);
        }
        .steps .step-warning + .step-warning:before,
        .steps .step-warning:after,
        .steps .step-warning > .step-icon {
            --step-bg: var(--color-warning);
            --step-fg: var(--color-warning-content);
        }
        .steps .step-error + .step-error:before,
        .steps .step-error:after,
        .steps .step-error > .step-icon {
            --step-bg: var(--color-error);
            --step-fg: var(--color-error-content);
        }
        .tabs-border > .tab {
            --tab-border-color: #0000 #0000 var(--tab-border-color) #0000;
            border-radius: var(--radius-field);
            position: relative;
        }
        .tabs-border > .tab:before {
            content: "";
            background-color: var(--tab-border-color);
            width: calc(100% - var(--tab-p) * 2);
            border-radius: var(--radius-field);
            height: 3px;
            bottom: 0;
            left: var(--tab-p);
            transition: background-color 0.2s;
            position: absolute;
        }
        :is(
            .tabs-border
                > .tab:is(
                    .tab-active,
                    [aria-selected="true"],
                    [aria-current="true"],
                    [aria-current="page"]
                ):not(.tab-disabled, [disabled]),
            .tabs-border > .tab:is(input:checked),
            .tabs-border > .tab:is(label:has(:checked))
        ):before {
            --tab-border-color: currentColor;
            border-top: 3px solid;
        }
        .swap {
            cursor: pointer;
            vertical-align: middle;
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            place-content: center;
            display: inline-grid;
            position: relative;
        }
        .swap input {
            appearance: none;
            border: none;
        }
        .swap > * {
            grid-row-start: 1;
            grid-column-start: 1;
        }
        @media (prefers-reduced-motion: no-preference) {
            .swap > * {
                transition-property: transform, rotate, opacity;
                transition-duration: 0.2s;
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            }
        }
        .swap .swap-on,
        .swap .swap-indeterminate,
        .swap input:indeterminate ~ .swap-on,
        .swap input:is(:checked, :indeterminate) ~ .swap-off {
            opacity: 0;
        }
        .swap input:checked ~ .swap-on,
        .swap input:indeterminate ~ .swap-indeterminate {
            opacity: 1;
            backface-visibility: visible;
        }
        .checkbox:disabled,
        .radio:disabled {
            cursor: not-allowed;
            opacity: 0.2;
        }
        .image-full > .card-body {
            color: var(--color-neutral-content);
            position: relative;
        }
        .card-xs .card-body {
            --card-p: 0.5rem;
            --card-fs: 0.6875rem;
        }
        .card-sm .card-body {
            --card-p: 1rem;
            --card-fs: 0.75rem;
        }
        .card-md .card-body {
            --card-p: 1.5rem;
            --card-fs: 0.875rem;
        }
        .card-lg .card-body {
            --card-p: 2rem;
            --card-fs: 1rem;
        }
        .card-xl .card-body {
            --card-p: 2.5rem;
            --card-fs: 1.125rem;
        }
        :is(.tooltip, .tooltip-top) > .tooltip-content,
        :is(.tooltip, .tooltip-top)[data-tip]:before {
            transform: translate(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem));
            inset: auto auto var(--tt-off) 50%;
        }
        :is(.tooltip, .tooltip-top):after {
            transform: translate(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem));
            inset: auto auto var(--tt-tail) 50%;
        }
        .tooltip-left > .tooltip-content,
        .tooltip-left[data-tip]:before {
            transform: translate(calc(var(--tt-pos, 0.25rem) - 0.25rem))
                translateY(var(--tt-trans, -50%));
            left: auto;
            right: var(--tt-off);
            inset-block: var(--tt-inset, 50% auto);
        }
        .tooltip-left:after {
            transform: translate(var(--tt-pos, 0.25rem)) translateY(var(--tt-trans, -50%))
                rotate(-90deg);
            left: auto;
            right: calc(var(--tt-tail) + 1px);
            inset-block: var(--tt-tail-inset, 50% auto);
        }
        .tooltip-right > .tooltip-content,
        .tooltip-right[data-tip]:before {
            transform: translate(calc(var(--tt-pos, -0.25rem) + 0.25rem))
                translateY(var(--tt-trans, -50%));
            left: var(--tt-off);
            right: auto;
            inset-block: var(--tt-inset, 50% auto);
        }
        .tooltip-right:after {
            transform: translate(var(--tt-pos, -0.25rem)) translateY(var(--tt-trans, -50%))
                rotate(90deg);
            left: calc(var(--tt-tail) + 1px);
            right: auto;
            inset-block: var(--tt-tail-inset, 50% auto);
        }
        .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-start {
            --anchor-h: span-right;
        }
        .dropdown-start :where(.dropdown-content) {
            inset-inline-end: auto;
            translate: 0;
        }
        [dir="rtl"] :is(.dropdown-start :where(.dropdown-content)) {
            translate: 0;
        }
        .dropdown-start.dropdown-left {
            --anchor-h: left;
            --anchor-v: span-bottom;
        }
        .dropdown-start.dropdown-left .dropdown-content {
            top: 0;
            bottom: auto;
        }
        .dropdown-start.dropdown-right {
            --anchor-h: right;
            --anchor-v: span-bottom;
        }
        .dropdown-start.dropdown-right .dropdown-content {
            top: 0;
            bottom: auto;
        }
        .dropdown-bottom {
            --anchor-v: bottom;
        }
        .dropdown-bottom .dropdown-content {
            transform-origin: top;
            top: 100%;
            bottom: auto;
        }
        .btn-active {
            --btn-bg: var(--btn-color, var(--color-base-200));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .btn-active {
                --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
            }
        }
        .btn-active {
            color: var(--btn-fg, var(--color-base-content));
            --btn-border: var(--btn-color, var(--color-base-200));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .btn-active {
                --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
            }
        }
        .btn-active {
            --btn-border-style: solid;
            --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
            isolation: isolate;
        }
        .tabs-box {
            background-color: var(--color-base-200);
            --tabs-box-radius: calc(3 * var(--radius-field));
            border-radius: calc(
                min(var(--tab-height) / 2, var(--radius-field)) +
                    min(0.25rem, var(--tabs-box-radius))
            );
            box-shadow:
                0 -0.5px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
                0 0.5px oklch(0% 0 0 / calc(var(--depth) * 0.05)) inset;
            padding: 0.25rem;
        }
        .tabs-box > .tab {
            border-radius: var(--radius-field);
            border-style: none;
        }
        .tabs-box > .tab:focus-visible,
        .tabs-box > .tab:is(label:has(:checked:focus-visible)) {
            outline-offset: 2px;
        }
        .tabs-box > .tab:focus-visible {
            z-index: 1;
        }
        .tabs-box > :is(input:checked) {
            background-color: var(--tab-bg, var(--color-base-100));
            box-shadow:
                0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
                0 1px 1px -1px var(--color-neutral),
                0 1px 6px -4px var(--color-neutral);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .tabs-box > :is(input:checked) {
                box-shadow:
                    0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
                    0 1px 1px -1px
                        color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000),
                    0 1px 6px -4px
                        color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
            }
        }
        @media (forced-colors: active) {
            .tabs-box > :is(input:checked) {
                border: 1px solid;
            }
        }
        .tabs-box > :is(label:has(:checked)) {
            background-color: var(--tab-bg, var(--color-base-100));
            box-shadow:
                0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
                0 1px 1px -1px var(--color-neutral),
                0 1px 6px -4px var(--color-neutral);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .tabs-box > :is(label:has(:checked)) {
                box-shadow:
                    0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
                    0 1px 1px -1px
                        color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000),
                    0 1px 6px -4px
                        color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
            }
        }
        @media (forced-colors: active) {
            .tabs-box > :is(label:has(:checked)) {
                border: 1px solid;
            }
        }
        .tabs-box > .tab-content {
            height: calc(100% - var(--tab-height) + var(--border) - 0.5rem);
            border-radius: calc(
                min(var(--tab-height) / 2, var(--radius-field)) +
                    min(0.25rem, var(--tabs-box-radius)) - var(--border)
            );
            margin-top: 0.25rem;
        }
        .modal-top > .modal-box {
            --modal-tl: 0;
            --modal-tr: 0;
            --modal-bl: var(--radius-box);
            --modal-br: var(--radius-box);
            width: 100%;
            max-width: none;
            height: auto;
            max-height: calc(100vh - 5em);
            translate: 0 -100%;
            scale: 1;
        }
        .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: 0.98;
        }
        .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;
        }
        .modal-start > .modal-box {
            --modal-tl: 0;
            --modal-tr: var(--radius-box);
            --modal-bl: 0;
            --modal-br: var(--radius-box);
            width: auto;
            max-width: none;
            height: 100vh;
            max-height: none;
            translate: -100%;
            scale: 1;
        }
        [dir="rtl"] :is(.modal-start > .modal-box) {
            --modal-tl: var(--radius-box);
            --modal-tr: 0;
            --modal-bl: var(--radius-box);
            --modal-br: 0;
            translate: 100%;
        }
        .modal-end > .modal-box {
            --modal-tl: var(--radius-box);
            --modal-tr: 0;
            --modal-bl: var(--radius-box);
            --modal-br: 0;
            width: auto;
            max-width: none;
            height: 100vh;
            max-height: none;
            translate: 100%;
            scale: 1;
        }
        [dir="rtl"] :is(.modal-end > .modal-box) {
            --modal-tl: 0;
            --modal-tr: var(--radius-box);
            --modal-bl: 0;
            --modal-br: var(--radius-box);
            translate: -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%;
        }
        .card-xs .card-title {
            --cardtitle-fs: 0.875rem;
        }
        .card-sm .card-title {
            --cardtitle-fs: 1rem;
        }
        .card-md .card-title {
            --cardtitle-fs: 1.125rem;
        }
        .card-lg .card-title {
            --cardtitle-fs: 1.25rem;
        }
        .card-xl .card-title {
            --cardtitle-fs: 1.375rem;
        }
        .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;
        }
        .btn-wide {
            width: 100%;
            max-width: 16rem;
        }
        .loading-xs {
            width: calc(var(--size-selector, 0.25rem) * 4);
        }
        .swap .swap-on,
        .swap input:indeterminate ~ .swap-on {
            opacity: 0;
        }
        .swap input:checked ~ .swap-on {
            opacity: 1;
            backface-visibility: visible;
        }
        .swap input:is(:checked, :indeterminate) ~ .swap-off {
            opacity: 0;
        }
        .alert-vertical {
            text-align: center;
            grid-template-columns: auto;
            grid-auto-flow: row;
            justify-content: center;
            justify-items: center;
        }
        .alert-vertical:has(:nth-child(2)) {
            grid-template-columns: auto;
        }
        .menu-sm :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title)),
        .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
            border-radius: var(--radius-field);
            padding-block: 0.25rem;
            padding-inline: 0.625rem;
            font-size: 0.75rem;
        }
        .menu-sm details[open] > summary:before {
            font-size: 0.75rem;
        }
        .badge-ghost {
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
            color: var(--color-base-content);
            background-image: none;
        }
        .badge-soft {
            color: var(--badge-color, var(--color-base-content));
            background-color: var(--badge-color, var(--color-base-content));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .badge-soft {
                background-color: color-mix(
                    in oklab,
                    var(--badge-color, var(--color-base-content)) 8%,
                    var(--color-base-100)
                );
            }
        }
        .badge-soft {
            border-color: var(--badge-color, var(--color-base-content));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .badge-soft {
                border-color: color-mix(
                    in oklab,
                    var(--badge-color, var(--color-base-content)) 10%,
                    var(--color-base-100)
                );
            }
        }
        .badge-soft {
            background-image: none;
        }
        .badge-outline {
            color: var(--badge-color);
            --badge-bg: #0000;
            background-image: none;
            border-color: currentColor;
        }
        .status-error {
            background-color: var(--color-error);
            color: var(--color-error);
        }
        .status-success {
            background-color: var(--color-success);
            color: var(--color-success);
        }
        :is(
                .tabs-lift :checked,
                .tabs-lift label:has(:checked),
                .tabs-lift
                    :is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    )
            )
            + .tab-content:first-child,
        :is(
                .tabs-lift :checked,
                .tabs-lift label:has(:checked),
                .tabs-lift
                    :is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    )
            )
            + .tab-content:nth-child(n + 3),
        :is(
                .tabs-top :checked,
                .tabs-top label:has(:checked),
                .tabs-top
                    :is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    )
            )
            + .tab-content:first-child,
        :is(
                .tabs-top :checked,
                .tabs-top label:has(:checked),
                .tabs-top
                    :is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    )
            )
            + .tab-content:nth-child(n + 3) {
            --tabcontent-radius-ss: var(--radius-box);
        }
        :is(
                .tabs-bottom > :checked,
                .tabs-bottom > :is(label:has(:checked)),
                .tabs-bottom
                    > :is(
                        .tab-active,
                        [aria-selected="true"],
                        [aria-current="true"],
                        [aria-current="page"]
                    )
            )
            + .tab-content:not(:nth-child(2)) {
            --tabcontent-radius-es: var(--radius-box);
        }
        .tabs-box
            > :is(
                .tab-active,
                [aria-selected="true"],
                [aria-current="true"],
                [aria-current="page"]
            ):not(.tab-disabled, [disabled]) {
            background-color: var(--tab-bg, var(--color-base-100));
            box-shadow:
                0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
                0 1px 1px -1px var(--color-neutral),
                0 1px 6px -4px var(--color-neutral);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .tabs-box
                > :is(
                    .tab-active,
                    [aria-selected="true"],
                    [aria-current="true"],
                    [aria-current="page"]
                ):not(.tab-disabled, [disabled]) {
                box-shadow:
                    0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
                    0 1px 1px -1px
                        color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000),
                    0 1px 6px -4px
                        color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
            }
        }
        @media (forced-colors: active) {
            .tabs-box
                > :is(
                    .tab-active,
                    [aria-selected="true"],
                    [aria-current="true"],
                    [aria-current="page"]
                ):not(.tab-disabled, [disabled]) {
                border: 1px solid;
            }
        }
        .table-zebra tbody tr:where(:nth-child(2n)),
        .table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) {
            background-color: var(--color-base-200);
        }
        @media (hover: hover) {
            :is(
                :is(.table-zebra tbody tr.row-hover),
                .table-zebra tbody tr.row-hover:where(:nth-child(2n))
            ):hover {
                background-color: var(--color-base-300);
            }
        }
        .loading-spinner {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' 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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        }
        @media (prefers-reduced-motion: no-preference) {
            .loading-spinner {
                -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
            }
        }
        .checkbox-sm {
            --size: calc(var(--size-selector, 0.25rem) * 5);
            padding: 0.1875rem;
        }
        .menu-xs .menu-title {
            padding-block: 0.25rem;
            padding-inline: 0.5rem;
        }
        .menu-sm .menu-title,
        .menu-md .menu-title {
            padding-block: 0.5rem;
            padding-inline: 0.75rem;
        }
        .menu-lg .menu-title,
        .menu-xl .menu-title {
            padding-block: 0.75rem;
            padding-inline: 1.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-sm {
            --size: calc(var(--size-selector, 0.25rem) * 5);
            font-size: 0.75rem;
        }
        .badge-xs {
            --size: calc(var(--size-selector, 0.25rem) * 4);
            font-size: 0.625rem;
        }
        .kbd-sm {
            --size: calc(var(--size-selector, 0.25rem) * 5);
            font-size: 0.75rem;
        }
        .alert-info {
            color: var(--color-info-content);
            --alert-border-color: var(--color-info);
            --alert-color: var(--color-info);
        }
        .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);
        }
        .range-success {
            color: var(--color-success);
            --range-thumb: var(--color-success-content);
        }
        .link-hover {
            text-decoration-line: none;
        }
        @media (hover: hover) {
            .link-hover:hover {
                text-decoration-line: underline;
            }
        }
        .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
            outline-offset: 2px;
            outline: 2px solid;
        }
        .input-sm {
            --in-size-mul: 8;
            --font-size-min: 0.75rem;
            --spin-my: -2;
        }
        .floating-label:has(.input-sm) {
            --top-mul: 4;
            --font-size: 0.75rem;
        }
        .select-sm {
            --sl-size-mul: 8;
            --font-size-min: 0.75rem;
            --option-px: 2.5;
        }
        .floating-label:has(.select-sm) {
            --top-mul: 4;
            --font-size: 0.75rem;
        }
        .select-error,
        .select-error:focus,
        .select-error:focus-within {
            --input-color: var(--color-error);
        }
        .select-error:open {
            --input-color: var(--color-error);
        }
        .btn-error {
            --btn-color: var(--color-error);
            --btn-fg: var(--color-error-content);
            --btn-soft-bg: initial;
        }
        .btn-info {
            --btn-color: var(--color-info);
            --btn-fg: var(--color-info-content);
            --btn-soft-bg: initial;
        }
        .btn-primary {
            --btn-color: var(--color-primary);
            --btn-fg: var(--color-primary-content);
            --btn-soft-bg: initial;
        }
        .btn-sm {
            --fontsize: 0.75rem;
            --btn-p: 0.75rem;
            --size: calc(var(--size-field, 0.25rem) * 8);
        }
        .btn-success {
            --btn-color: var(--color-success);
            --btn-fg: var(--color-success-content);
            --btn-soft-bg: initial;
        }
        .btn-warning {
            --btn-color: var(--color-warning);
            --btn-fg: var(--color-warning-content);
            --btn-soft-bg: initial;
        }
        .btn-xs {
            --fontsize: 0.6875rem;
            --btn-p: 0.5rem;
            --size: calc(var(--size-field, 0.25rem) * 6);
        }
        .input-error,
        .input-error:focus,
        .input-error:focus-within {
            --input-color: var(--color-error);
        }
        .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-neutral {
            --badge-color: var(--color-neutral);
            --badge-fg: var(--color-neutral-content);
        }
        .badge-primary {
            --badge-color: var(--color-primary);
            --badge-fg: var(--color-primary-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);
        }
        .toggle-primary:checked,
        .toggle-primary[aria-checked="true"] {
            --input-color: var(--color-primary);
        }
        .toggle-sm[type="checkbox"],
        .toggle-sm:has([type="checkbox"]) {
            --size: calc(var(--size-selector, 0.25rem) * 5);
        }
        .card-border {
            border: var(--border) solid var(--color-base-200);
        }
        .range-xs {
            --range-thumb-size: calc(var(--size-selector, 0.25rem) * 4);
        }
        .data-error\:select-error[data-error],
        .data-error\:select-error[data-error]:focus,
        .data-error\:select-error[data-error]:focus-within {
            --input-color: var(--color-error);
        }
        .data-error\:select-error[data-error]:open {
            --input-color: var(--color-error);
        }
        .data-error\:input-error[data-error],
        .data-error\:input-error[data-error]:focus,
        .data-error\:input-error[data-error]:focus-within {
            --input-color: var(--color-error);
        }
        @media (prefers-reduced-motion: no-preference) {
            .collapse:not(td, tr, colgroup)[open].collapse-arrow > .collapse-title:after,
            .collapse:not(td, tr, colgroup).collapse-open.collapse-arrow > .collapse-title:after {
                transform: translateY(-50%) rotate(225deg);
            }
        }
        .collapse:not(td, tr, colgroup).collapse-open.collapse-plus > .collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
        }
        :is(
                .collapse:not(td, tr, colgroup)[tabindex].collapse-arrow:focus:not(.collapse-close),
                .collapse:not(td, tr, colgroup).collapse-arrow[tabindex]:focus-within:not(
                        .collapse-close
                    )
            )
            > .collapse-title:after,
        .collapse:not(td, tr, colgroup).collapse-arrow:not(.collapse-close)
            > input:is([type="checkbox"], [type="radio"]):checked
            ~ .collapse-title:after {
            transform: translateY(-50%) rotate(225deg);
        }
        .collapse:not(td, tr, colgroup)[open].collapse-plus > .collapse-title:after,
        .collapse:not(td, tr, colgroup)[tabindex].collapse-plus:focus:not(.collapse-close)
            > .collapse-title:after,
        .collapse:not(td, tr, colgroup).collapse-plus:not(.collapse-close)
            > input:is([type="checkbox"], [type="radio"]):checked
            ~ .collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
        }
    }
    @layer daisyui.l1 {
        .drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay),
        [dir="rtl"] :is(.drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) {
            translate: 0%;
        }
        .btn:where(:checked:not(.filter [type="radio"].btn)) {
            --btn-color: var(--color-primary);
            --btn-fg: var(--color-primary-content);
        }
        @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:hover {
                color: var(--btn-fg);
                --btn-border: var(--btn-bg);
            }
            @supports (color: color-mix(in lab, red, red)) {
                .btn:hover {
                    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
                }
            }
            .btn:hover {
                --btn-border-style: solid;
                --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
                --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:hover {
                    --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: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) {
            color: var(--btn-fg, var(--color-base-content));
            --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-border-style: solid;
            --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
        }
        .btn:where(
            :checked:not(.filter [type="radio"].btn),
            :not([type="radio"], [type="checkbox"]):focus-visible
        ) {
            --btn-bg: var(--btn-color, var(--color-base-200));
            color: var(--btn-fg, var(--color-base-content));
            --btn-border: var(--btn-bg);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .btn:where(
                :checked:not(.filter [type="radio"].btn),
                :not([type="radio"], [type="checkbox"]):focus-visible
            ) {
                --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
            }
        }
        .btn:where(
            :checked:not(.filter [type="radio"].btn),
            :not([type="radio"], [type="checkbox"]):focus-visible
        ) {
            --btn-border-style: solid;
            --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
            --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:where(
                :checked:not(.filter [type="radio"].btn),
                :not([type="radio"], [type="checkbox"]):focus-visible
            ) {
                --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:where(
            :checked:not(.filter [type="radio"].btn),
            :not([type="radio"], [type="checkbox"]):focus-visible
        ) {
            isolation: isolate;
        }
        .btn:focus-visible,
        .btn:has(:focus-visible) {
            isolation: isolate;
            outline-width: 2px;
            outline-style: solid;
        }
        .swap-active .swap-on {
            opacity: 1;
        }
        .swap-active.swap-rotate .swap-on {
            rotate: 0deg;
        }
        .swap-active.swap-flip .swap-on {
            transform: rotateY(0);
        }
        .swap-rotate .swap-on,
        .swap-rotate input:indeterminate ~ .swap-on {
            rotate: 45deg;
        }
        .swap-rotate input:is(:checked, :indeterminate) ~ .swap-on,
        .swap-rotate.swap-active .swap-on {
            rotate: 0deg;
        }
        .swap-flip .swap-on,
        .swap-flip input:indeterminate ~ .swap-on {
            backface-visibility: hidden;
            transform: rotateY(180deg);
        }
        .swap-flip input:is(:checked, :indeterminate) ~ .swap-on,
        .swap-flip.swap-active .swap-on {
            transform: rotateY(0);
        }
        .swap-active .swap-off {
            opacity: 0;
        }
        .swap-active.swap-rotate .swap-off {
            rotate: -45deg;
        }
        .swap-active.swap-flip .swap-off {
            backface-visibility: hidden;
            opacity: 1;
            transform: rotateY(-180deg);
        }
        .swap-rotate input:is(:checked, :indeterminate) ~ .swap-off,
        .swap-rotate.swap-active .swap-off {
            rotate: -45deg;
        }
        .swap-flip input:is(:checked, :indeterminate) ~ .swap-off,
        .swap-flip.swap-active .swap-off {
            backface-visibility: hidden;
            opacity: 1;
            transform: rotateY(-180deg);
        }
        .alert-soft {
            color: var(--alert-color, var(--color-base-content));
            background: var(--alert-color, var(--color-base-content));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .alert-soft {
                background: color-mix(
                    in oklab,
                    var(--alert-color, var(--color-base-content)) 8%,
                    var(--color-base-100)
                );
            }
        }
        .alert-soft {
            --alert-border-color: var(--alert-color, var(--color-base-content));
        }
        @supports (color: color-mix(in lab, red, red)) {
            .alert-soft {
                --alert-border-color: color-mix(
                    in oklab,
                    var(--alert-color, var(--color-base-content)) 10%,
                    var(--color-base-100)
                );
            }
        }
        .alert-soft {
            box-shadow: none;
            background-image: none;
        }
    }
    .prose :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        text-decoration-line: none;
    }
    @layer daisyui {
        .btn:is(:disabled, [disabled], [aria-disabled="true"]) {
            pointer-events: none;
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .btn:is(:disabled, [disabled], [aria-disabled="true"]) {
                color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
            }
        }
        .btn:is(:disabled, [disabled], [aria-disabled="true"]) {
            --btn-bg: #0000;
            --btn-border: #0000;
            --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
            background-image: none;
        }
        :is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(
            .btn-link,
            .btn-ghost
        ) {
            background-color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            :is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled="true"])):not(
                .btn-link,
                .btn-ghost
            ) {
                background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
            }
        }
    }
    .pointer-events-auto {
        pointer-events: auto;
    }
    .pointer-events-none {
        pointer-events: none;
    }
    .collapse:not(td, tr, colgroup) {
        visibility: revert-layer;
    }
    .collapse {
        visibility: collapse;
    }
    @layer daisyui.l1.l2.l3.l4 {
        .card-body p {
            flex-grow: 1;
        }
        .card 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 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;
        }
        .join-item > * {
            --join-ss: initial;
            --join-se: initial;
            --join-es: initial;
            --join-ee: initial;
        }
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .sticky {
        position: sticky;
    }
    .inset-0 {
        inset: 0;
    }
    .inset-x-4 {
        inset-inline: calc(var(--spacing) * 4);
    }
    .inset-y-0 {
        inset-block: 0;
    }
    .-start-1 {
        inset-inline-start: calc(var(--spacing) * -1);
    }
    .inset-s-0 {
        inset-inline-start: 0;
    }
    .start-0 {
        inset-inline-start: calc(var(--spacing) * 0);
    }
    .start-1\/2 {
        inset-inline-start: 50%;
    }
    .inset-e-0 {
        inset-inline-end: 0;
    }
    .inset-e-0\.5 {
        inset-inline-end: calc(var(--spacing) * 0.5);
    }
    .inset-e-2 {
        inset-inline-end: calc(var(--spacing) * 2);
    }
    .top-0 {
        top: 0;
    }
    .top-0\.5 {
        top: calc(var(--spacing) * 0.5);
    }
    .top-1\/2 {
        top: 50%;
    }
    .top-2 {
        top: calc(var(--spacing) * 2);
    }
    .top-4 {
        top: calc(var(--spacing) * 4);
    }
    .top-6 {
        top: calc(var(--spacing) * 6);
    }
    .right-0 {
        right: 0;
    }
    .right-3 {
        right: calc(var(--spacing) * 3);
    }
    .right-4 {
        right: calc(var(--spacing) * 4);
    }
    .-bottom-8 {
        bottom: calc(var(--spacing) * -8);
    }
    .-bottom-12 {
        bottom: calc(var(--spacing) * -12);
    }
    .bottom-0 {
        bottom: 0;
    }
    .bottom-2 {
        bottom: calc(var(--spacing) * 2);
    }
    .bottom-12 {
        bottom: calc(var(--spacing) * 12);
    }
    .left-0 {
        left: 0;
    }
    .left-4 {
        left: calc(var(--spacing) * 4);
    }
    .join {
        --join-ss: 0;
        --join-se: 0;
        --join-es: 0;
        --join-ee: 0;
        --join-v: 0;
        --join-h: 1;
        align-items: stretch;
        display: inline-flex;
    }
    @scope (.join) {
        :scope > :where(:focus, :has(:focus)) {
            z-index: 1;
        }
        @media (hover: hover) {
            :scope > :where(.btn:hover, :has(.btn:hover)) {
                isolation: isolate;
            }
        }
        :scope :where(:scope > :first-child) {
            --join-ss: var(--radius-field);
            --join-se: calc(var(--radius-field) * var(--join-v));
            --join-es: calc(var(--radius-field) * var(--join-h));
            --join-ee: 0;
        }
        :scope :where(:scope > :last-child) {
            --join-ss: 0;
            --join-se: calc(var(--radius-field) * var(--join-h));
            --join-es: calc(var(--radius-field) * var(--join-v));
            --join-ee: var(--radius-field);
        }
        :scope :where(:scope > :only-child) {
            --join-ss: var(--radius-field);
            --join-se: var(--radius-field);
            --join-es: var(--radius-field);
            --join-ee: var(--radius-field);
        }
    }
    .-z-1 {
        z-index: -1;
    }
    .-z-10 {
        z-index: -10;
    }
    .z-0 {
        z-index: 0;
    }
    .z-1 {
        z-index: 1;
    }
    .z-2 {
        z-index: 2;
    }
    .z-10 {
        z-index: 10;
    }
    .z-20 {
        z-index: 20;
    }
    .z-30 {
        z-index: 30;
    }
    .z-40 {
        z-index: 40;
    }
    .z-50 {
        z-index: 50;
    }
    .z-\[120\] {
        z-index: 120;
    }
    .col-span-1 {
        grid-column: span 1 / span 1;
    }
    .col-span-2 {
        grid-column: span 2 / span 2;
    }
    .col-span-12 {
        grid-column: span 12 / span 12;
    }
    .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;
        }
    }
    .m-2\.5 {
        margin: calc(var(--spacing) * 2.5);
    }
    .m-auto {
        margin: auto;
    }
    .container {
        padding-inline: calc(var(--spacing) * 4);
        margin-inline: auto;
    }
    @media (min-width: 48rem) {
        .container {
            padding-inline: calc(var(--spacing) * 8);
        }
    }
    @media (min-width: 64rem) {
        .container {
            padding-inline: calc(var(--spacing) * 12);
        }
    }
    @media (min-width: 80rem) {
        .container {
            padding-inline: calc(var(--spacing) * 16);
        }
    }
    @media (min-width: 96rem) {
        .container {
            padding-inline: calc(var(--spacing) * 24);
        }
    }
    .mx-3 {
        margin-inline: calc(var(--spacing) * 3);
    }
    .mx-5 {
        margin-inline: calc(var(--spacing) * 5);
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-2 {
        margin-block: calc(var(--spacing) * 2);
    }
    .join-item {
        border-style: solid;
        border-width: var(--border, 1px);
        border-start-start-radius: var(--join-ss);
        border-start-end-radius: var(--join-se);
        border-end-end-radius: var(--join-ee);
        border-end-start-radius: var(--join-es);
    }
    .join-item:not(:first-child, :disabled, [disabled], .btn-disabled) {
        margin-block-start: calc(var(--border, 1px) * -1 * var(--join-v));
        margin-inline-start: calc(var(--border, 1px) * -1 * var(--join-h));
    }
    .join-item:is(:disabled, [disabled], .btn-disabled) {
        border-width: var(--border, 1px);
        border-inline-end-width: calc(var(--border, 1px) * var(--join-v));
        border-block-end-width: calc(var(--border, 1px) * var(--join-h));
    }
    .ms-1 {
        margin-inline-start: var(--spacing);
    }
    .ms-2 {
        margin-inline-start: calc(var(--spacing) * 2);
    }
    .ms-6\.5 {
        margin-inline-start: calc(var(--spacing) * 6.5);
    }
    .ms-12 {
        margin-inline-start: calc(var(--spacing) * 12);
    }
    .ms-auto {
        margin-inline-start: auto;
    }
    .-me-1 {
        margin-inline-end: calc(var(--spacing) * -1);
    }
    .me-1 {
        margin-inline-end: var(--spacing);
    }
    .me-2 {
        margin-inline-end: calc(var(--spacing) * 2);
    }
    .me-4 {
        margin-inline-end: calc(var(--spacing) * 4);
    }
    .\!mt-0 {
        margin-top: 0 !important;
    }
    .-mt-10 {
        margin-top: calc(var(--spacing) * -10);
    }
    .mt-0 {
        margin-top: 0;
    }
    .mt-0\.5 {
        margin-top: calc(var(--spacing) * 0.5);
    }
    .mt-1 {
        margin-top: var(--spacing);
    }
    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5);
    }
    .mt-2 {
        margin-top: calc(var(--spacing) * 2);
    }
    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5);
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3);
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4);
    }
    .mt-5 {
        margin-top: calc(var(--spacing) * 5);
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6);
    }
    .mt-8 {
        margin-top: calc(var(--spacing) * 8);
    }
    .mt-12 {
        margin-top: calc(var(--spacing) * 12);
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .ml-2 {
        margin-left: calc(var(--spacing) * 2);
    }
    .ml-3 {
        margin-left: calc(var(--spacing) * 3);
    }
    .ml-auto {
        margin-left: auto;
    }
    .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-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .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-4\.5 {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }
    .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-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
    }
    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }
    .size-9 {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9);
    }
    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
    }
    .size-11 {
        width: calc(var(--spacing) * 11);
        height: calc(var(--spacing) * 11);
    }
    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }
    .size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14);
    }
    .size-24 {
        width: calc(var(--spacing) * 24);
        height: calc(var(--spacing) * 24);
    }
    .size-44 {
        width: calc(var(--spacing) * 44);
        height: calc(var(--spacing) * 44);
    }
    .size-full {
        width: 100%;
        height: 100%;
    }
    .h-0\.5 {
        height: calc(var(--spacing) * 0.5);
    }
    .h-1\.5 {
        height: calc(var(--spacing) * 1.5);
    }
    .h-2 {
        height: calc(var(--spacing) * 2);
    }
    .h-2\.5 {
        height: calc(var(--spacing) * 2.5);
    }
    .h-3 {
        height: calc(var(--spacing) * 3);
    }
    .h-4 {
        height: calc(var(--spacing) * 4);
    }
    .h-4\.5 {
        height: calc(var(--spacing) * 4.5);
    }
    .h-5 {
        height: calc(var(--spacing) * 5);
    }
    .h-5\.5 {
        height: calc(var(--spacing) * 5.5);
    }
    .h-6 {
        height: calc(var(--spacing) * 6);
    }
    .h-7 {
        height: calc(var(--spacing) * 7);
    }
    .h-8 {
        height: calc(var(--spacing) * 8);
    }
    .h-9 {
        height: calc(var(--spacing) * 9);
    }
    .h-10 {
        height: calc(var(--spacing) * 10);
    }
    .h-12 {
        height: calc(var(--spacing) * 12);
    }
    .h-14 {
        height: calc(var(--spacing) * 14);
    }
    .h-16 {
        height: calc(var(--spacing) * 16);
    }
    .h-20 {
        height: calc(var(--spacing) * 20);
    }
    .h-24 {
        height: calc(var(--spacing) * 24);
    }
    .h-28 {
        height: calc(var(--spacing) * 28);
    }
    .h-40 {
        height: calc(var(--spacing) * 40);
    }
    .h-44 {
        height: calc(var(--spacing) * 44);
    }
    .h-48 {
        height: calc(var(--spacing) * 48);
    }
    .h-\[4\.5rem\] {
        height: 4.5rem;
    }
    .h-\[4\.25rem\] {
        height: 4.25rem;
    }
    .h-\[4\.75rem\] {
        height: 4.75rem;
    }
    .h-\[5\.5rem\] {
        height: 5.5rem;
    }
    .h-\[5\.75rem\] {
        height: 5.75rem;
    }
    .h-\[6\.5rem\] {
        height: 6.5rem;
    }
    .h-\[7\.5rem\] {
        height: 7.5rem;
    }
    .h-\[8vw\] {
        height: 8vw;
    }
    .h-\[356px\] {
        height: 356px;
    }
    .h-fit {
        height: fit-content;
    }
    .h-full {
        height: 100%;
    }
    .h-px {
        height: 1px;
    }
    .h-screen {
        height: 100vh;
    }
    .max-h-0 {
        max-height: 0;
    }
    .max-h-60 {
        max-height: calc(var(--spacing) * 60);
    }
    .max-h-\[85vh\] {
        max-height: 85vh;
    }
    .max-h-\[90vh\] {
        max-height: 90vh;
    }
    .max-h-full {
        max-height: 100%;
    }
    .min-h-0 {
        min-height: 0;
    }
    .min-h-3\/4 {
        min-height: 75%;
    }
    .min-h-6 {
        min-height: calc(var(--spacing) * 6);
    }
    .min-h-16 {
        min-height: calc(var(--spacing) * 16);
    }
    .min-h-24 {
        min-height: calc(var(--spacing) * 24);
    }
    .min-h-28 {
        min-height: calc(var(--spacing) * 28);
    }
    .min-h-36 {
        min-height: calc(var(--spacing) * 36);
    }
    .min-h-65 {
        min-height: calc(var(--spacing) * 65);
    }
    .min-h-72 {
        min-height: calc(var(--spacing) * 72);
    }
    .min-h-\[24rem\] {
        min-height: 24rem;
    }
    .min-h-\[356px\] {
        min-height: 356px;
    }
    .w-1 {
        width: var(--spacing);
    }
    .w-2 {
        width: calc(var(--spacing) * 2);
    }
    .w-3 {
        width: calc(var(--spacing) * 3);
    }
    .w-3\.5 {
        width: calc(var(--spacing) * 3.5);
    }
    .w-4 {
        width: calc(var(--spacing) * 4);
    }
    .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-11\/12 {
        width: 91.6667%;
    }
    .w-12 {
        width: calc(var(--spacing) * 12);
    }
    .w-14 {
        width: calc(var(--spacing) * 14);
    }
    .w-16 {
        width: calc(var(--spacing) * 16);
    }
    .w-18 {
        width: calc(var(--spacing) * 18);
    }
    .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-34 {
        width: calc(var(--spacing) * 34);
    }
    .w-36 {
        width: calc(var(--spacing) * 36);
    }
    .w-40 {
        width: calc(var(--spacing) * 40);
    }
    .w-42 {
        width: calc(var(--spacing) * 42);
    }
    .w-44 {
        width: calc(var(--spacing) * 44);
    }
    .w-46 {
        width: calc(var(--spacing) * 46);
    }
    .w-48 {
        width: calc(var(--spacing) * 48);
    }
    .w-52 {
        width: calc(var(--spacing) * 52);
    }
    .w-56 {
        width: calc(var(--spacing) * 56);
    }
    .w-60 {
        width: calc(var(--spacing) * 60);
    }
    .w-64 {
        width: calc(var(--spacing) * 64);
    }
    .w-72 {
        width: calc(var(--spacing) * 72);
    }
    .w-\[4\.5rem\] {
        width: 4.5rem;
    }
    .w-\[5\.5rem\] {
        width: 5.5rem;
    }
    .w-\[6\.5rem\] {
        width: 6.5rem;
    }
    .w-\[7\.5rem\] {
        width: 7.5rem;
    }
    .w-\[9rem\] {
        width: 9rem;
    }
    .w-\[10rem\] {
        width: 10rem;
    }
    .w-\[12rem\] {
        width: 12rem;
    }
    .w-\[13rem\] {
        width: 13rem;
    }
    .w-\[14rem\] {
        width: 14rem;
    }
    .w-\[16rem\] {
        width: 16rem;
    }
    .w-\[17rem\] {
        width: 17rem;
    }
    .w-\[18rem\] {
        width: 18rem;
    }
    .w-\[20rem\] {
        width: 20rem;
    }
    .w-\[22rem\] {
        width: 22rem;
    }
    .w-\[23\%\] {
        width: 23%;
    }
    .w-\[23rem\] {
        width: 23rem;
    }
    .w-\[24rem\] {
        width: 24rem;
    }
    .w-\[30\%\] {
        width: 30%;
    }
    .w-\[45\%\] {
        width: 45%;
    }
    .w-\[52\%\] {
        width: 52%;
    }
    .w-\[67\%\] {
        width: 67%;
    }
    .w-\[78\%\] {
        width: 78%;
    }
    .w-\[80\%\] {
        width: 80%;
    }
    .w-auto {
        width: auto;
    }
    .w-fit {
        width: fit-content;
    }
    .w-full {
        width: 100%;
    }
    .w-px {
        width: 1px;
    }
    .max-w-2xl {
        max-width: var(--container-2xl);
    }
    .max-w-3xl {
        max-width: var(--container-3xl);
    }
    .max-w-4xl {
        max-width: var(--container-4xl);
    }
    .max-w-5xl {
        max-width: var(--container-5xl);
    }
    .max-w-6xl {
        max-width: var(--container-6xl);
    }
    .max-w-62\.5 {
        max-width: calc(var(--spacing) * 62.5);
    }
    .max-w-\[14rem\] {
        max-width: 14rem;
    }
    .max-w-\[15rem\] {
        max-width: 15rem;
    }
    .max-w-\[16rem\] {
        max-width: 16rem;
    }
    .max-w-\[18rem\] {
        max-width: 18rem;
    }
    .max-w-\[19rem\] {
        max-width: 19rem;
    }
    .max-w-\[34rem\] {
        max-width: 34rem;
    }
    .max-w-\[65\%\] {
        max-width: 65%;
    }
    .max-w-\[80vw\] {
        max-width: 80vw;
    }
    .max-w-\[90rem\] {
        max-width: 90rem;
    }
    .max-w-full {
        max-width: 100%;
    }
    .max-w-lg {
        max-width: var(--container-lg);
    }
    .max-w-md {
        max-width: var(--container-md);
    }
    .max-w-xs {
        max-width: var(--container-xs);
    }
    .min-w-0 {
        min-width: 0;
    }
    .min-w-12 {
        min-width: calc(var(--spacing) * 12);
    }
    .min-w-20 {
        min-width: calc(var(--spacing) * 20);
    }
    .min-w-24 {
        min-width: calc(var(--spacing) * 24);
    }
    .min-w-37\.5 {
        min-width: calc(var(--spacing) * 37.5);
    }
    .min-w-50 {
        min-width: calc(var(--spacing) * 50);
    }
    .min-w-70 {
        min-width: calc(var(--spacing) * 70);
    }
    .min-w-80 {
        min-width: calc(var(--spacing) * 80);
    }
    .min-w-96 {
        min-width: calc(var(--spacing) * 96);
    }
    .min-w-\[52rem\] {
        min-width: 52rem;
    }
    .min-w-\[62rem\] {
        min-width: 62rem;
    }
    .min-w-\[78rem\] {
        min-width: 78rem;
    }
    .min-w-\[84rem\] {
        min-width: 84rem;
    }
    .min-w-\[86rem\] {
        min-width: 86rem;
    }
    .min-w-\[91\.5rem\] {
        min-width: 91.5rem;
    }
    .flex-1 {
        flex: 1;
    }
    .flex-none {
        flex: none;
    }
    .shrink-0 {
        flex-shrink: 0;
    }
    .grow {
        flex-grow: 1;
    }
    .table-auto {
        table-layout: auto;
    }
    .table-fixed {
        table-layout: fixed;
    }
    .origin-left {
        transform-origin: 0;
    }
    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-4 {
        --tw-translate-y: calc(var(--spacing) * -4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-4 {
        --tw-translate-y: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-px {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .scale-x-0 {
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .scale-x-100 {
        --tw-scale-x: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .scale-\[0\.98\] {
        scale: 0.98;
    }
    .-rotate-25 {
        rotate: -25deg;
    }
    .rotate-180 {
        rotate: 180deg;
    }
    .animate-pulse {
        animation: var(--animate-pulse);
    }
    .animate-spin {
        animation: var(--animate-spin);
    }
    .cursor-default {
        cursor: default;
    }
    .cursor-not-allowed {
        cursor: not-allowed;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .resize {
        resize: both;
    }
    .scroll-mt-20 {
        scroll-margin-top: calc(var(--spacing) * 20);
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .grid-cols-\[1\.6fr_1fr_56px\] {
        grid-template-columns: 1.6fr 1fr 56px;
    }
    .join-horizontal {
        --join-v: 0;
        --join-h: 1;
        flex-direction: row;
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-col-reverse {
        flex-direction: column-reverse;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .place-items-center {
        place-items: center;
    }
    .content-start {
        align-content: flex-start;
    }
    .items-center {
        align-items: center;
    }
    .items-end {
        align-items: flex-end;
    }
    .items-start {
        align-items: flex-start;
    }
    .items-stretch {
        align-items: stretch;
    }
    .justify-between {
        justify-content: space-between;
    }
    .justify-center {
        justify-content: center;
    }
    .justify-end {
        justify-content: flex-end;
    }
    .justify-start {
        justify-content: flex-start;
    }
    .gap-0\.5 {
        gap: calc(var(--spacing) * 0.5);
    }
    .gap-1 {
        gap: var(--spacing);
    }
    .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-3\.5 {
        gap: calc(var(--spacing) * 3.5);
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5);
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }
    .gap-12 {
        gap: calc(var(--spacing) * 12);
    }
    :where(.-space-y-0\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * -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\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-0 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block: 0;
    }
    :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(var(--spacing) * var(--tw-space-y-reverse));
        margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-1\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-2 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-3 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-3\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-4 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-6 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-10 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
    .gap-x-2\.5 {
        column-gap: calc(var(--spacing) * 2.5);
    }
    .gap-x-9 {
        column-gap: calc(var(--spacing) * 9);
    }
    :where(.space-x-1 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
        margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
    }
    :where(.space-x-3 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
    .gap-y-1 {
        row-gap: var(--spacing);
    }
    .gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
    }
    :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-dashed > :not(:last-child)) {
        --tw-border-style: dashed;
        border-style: dashed;
    }
    :where(.divide-base-200 > :not(:last-child)) {
        border-color: var(--color-base-200);
    }
    :where(.divide-base-300 > :not(:last-child)) {
        border-color: var(--color-base-300);
    }
    .self-end {
        align-self: flex-end;
    }
    .self-start {
        align-self: flex-start;
    }
    .justify-self-end {
        justify-self: flex-end;
    }
    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .overflow-auto {
        overflow: auto;
    }
    .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-sm {
        border-radius: var(--radius-sm);
    }
    .rounded-xl {
        border-radius: var(--radius-xl);
    }
    .rounded-t-box {
        border-top-left-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box);
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0;
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }
    .border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .border-l-0 {
        border-left-style: var(--tw-border-style);
        border-left-width: 0;
    }
    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed;
    }
    .border-amber-500\/20 {
        border-color: #f99c0033;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-amber-500\/20 {
            border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
        }
    }
    .border-base-200,
    .border-base-200\/80 {
        border-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-base-200\/80 {
            border-color: color-mix(in oklab, var(--color-base-200) 80%, transparent);
        }
    }
    .border-base-300,
    .border-base-300\/60 {
        border-color: var(--color-base-300);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-base-300\/60 {
            border-color: color-mix(in oklab, var(--color-base-300) 60%, transparent);
        }
    }
    .border-error {
        border-color: var(--color-error);
    }
    .border-info\/30 {
        border-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-info\/30 {
            border-color: color-mix(in oklab, var(--color-info) 30%, transparent);
        }
    }
    .border-primary,
    .border-primary\/20 {
        border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-primary\/20 {
            border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
        }
    }
    .border-primary\/30 {
        border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-primary\/30 {
            border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
        }
    }
    .border-sky-500\/10 {
        border-color: #00a5ef1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-sky-500\/10 {
            border-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
        }
    }
    .border-slate-500 {
        border-color: var(--color-slate-500);
    }
    .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-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-b-base-300 {
        border-bottom-color: var(--color-base-300);
    }
    .\!bg-primary\/30 {
        background-color: var(--color-primary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .\!bg-primary\/30 {
            background-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important;
        }
    }
    .bg-\[\#171950\] {
        background-color: #171950;
    }
    .bg-accent {
        background-color: var(--color-accent);
    }
    .bg-amber-200\/5 {
        background-color: #fee6850d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-amber-200\/5 {
            background-color: color-mix(in oklab, var(--color-amber-200) 5%, transparent);
        }
    }
    .bg-base-100,
    .bg-base-100\/90 {
        background-color: var(--color-base-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-100\/90 {
            background-color: color-mix(in oklab, var(--color-base-100) 90%, transparent);
        }
    }
    .bg-base-100\/92 {
        background-color: var(--color-base-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-100\/92 {
            background-color: color-mix(in oklab, var(--color-base-100) 92%, transparent);
        }
    }
    .bg-base-100\/96 {
        background-color: var(--color-base-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-100\/96 {
            background-color: color-mix(in oklab, var(--color-base-100) 96%, transparent);
        }
    }
    .bg-base-200,
    .bg-base-200\/10 {
        background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-200\/10 {
            background-color: color-mix(in oklab, var(--color-base-200) 10%, transparent);
        }
    }
    .bg-base-200\/20 {
        background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-200\/20 {
            background-color: color-mix(in oklab, var(--color-base-200) 20%, transparent);
        }
    }
    .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\/40 {
        background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-200\/40 {
            background-color: color-mix(in oklab, var(--color-base-200) 40%, 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-200\/80 {
        background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-200\/80 {
            background-color: color-mix(in oklab, var(--color-base-200) 80%, transparent);
        }
    }
    .bg-base-300 {
        background-color: var(--color-base-300);
    }
    .bg-base-content\/20 {
        background-color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-base-content\/20 {
            background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
    }
    .bg-black\/60 {
        background-color: #0009;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/60 {
            background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
        }
    }
    .bg-emerald-800\/30 {
        background-color: #005f464d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-emerald-800\/30 {
            background-color: color-mix(in oklab, var(--color-emerald-800) 30%, transparent);
        }
    }
    .bg-error,
    .bg-error\/10 {
        background-color: var(--color-error);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-error\/10 {
            background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
        }
    }
    .bg-error\/30 {
        background-color: var(--color-error);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-error\/30 {
            background-color: color-mix(in oklab, var(--color-error) 30%, transparent);
        }
    }
    .bg-error\/50 {
        background-color: var(--color-error);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-error\/50 {
            background-color: color-mix(in oklab, var(--color-error) 50%, transparent);
        }
    }
    .bg-error\/80 {
        background-color: var(--color-error);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-error\/80 {
            background-color: color-mix(in oklab, var(--color-error) 80%, transparent);
        }
    }
    .bg-info\/5 {
        background-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-info\/5 {
            background-color: color-mix(in oklab, var(--color-info) 5%, transparent);
        }
    }
    .bg-info\/30 {
        background-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-info\/30 {
            background-color: color-mix(in oklab, var(--color-info) 30%, 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\/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-secondary,
    .bg-secondary\/10 {
        background-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-secondary\/10 {
            background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
        }
    }
    .bg-secondary\/30 {
        background-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-secondary\/30 {
            background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
        }
    }
    .bg-sky-500\/5 {
        background-color: #00a5ef0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-sky-500\/5 {
            background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
        }
    }
    .bg-slate-400 {
        background-color: var(--color-slate-400);
    }
    .bg-success,
    .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\/30 {
        background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-success\/30 {
            background-color: color-mix(in oklab, var(--color-success) 30%, transparent);
        }
    }
    .bg-success\/50 {
        background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-success\/50 {
            background-color: color-mix(in oklab, var(--color-success) 50%, transparent);
        }
    }
    .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\/30 {
        background-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-warning\/30 {
            background-color: color-mix(in oklab, var(--color-warning) 30%, transparent);
        }
    }
    .bg-warning\/50 {
        background-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-warning\/50 {
            background-color: color-mix(in oklab, var(--color-warning) 50%, transparent);
        }
    }
    .bg-linear-to-r {
        --tw-gradient-position: to right;
    }
    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab;
        }
    }
    .bg-linear-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .bg-linear-to-t {
        --tw-gradient-position: to top;
    }
    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab;
        }
    }
    .bg-linear-to-t {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .bg-\[url\(\/images\/landing\/squares-background\.png\)\] {
        background-image: url(../images/landing/squares-background.png);
    }
    .from-base-100\/60 {
        --tw-gradient-from: var(--color-base-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-base-100\/60 {
            --tw-gradient-from: color-mix(in oklab, var(--color-base-100) 60%, transparent);
        }
    }
    .from-base-100\/60 {
        --tw-gradient-stops: var(
            --tw-gradient-via-stops,
            var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-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)
        );
    }
    .to-primary\/60 {
        --tw-gradient-to: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .to-primary\/60 {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary) 60%, transparent);
        }
    }
    .to-primary\/60 {
        --tw-gradient-stops: var(
            --tw-gradient-via-stops,
            var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(
            --tw-gradient-via-stops,
            var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text;
    }
    .stroke-3 {
        stroke-width: 3px;
    }
    .object-contain {
        object-fit: contain;
    }
    .object-cover {
        object-fit: cover;
    }
    .p-0 {
        padding: 0;
    }
    .p-0\! {
        padding: 0 !important;
    }
    .p-0\.5 {
        padding: calc(var(--spacing) * 0.5);
    }
    .p-1 {
        padding: var(--spacing);
    }
    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5);
    }
    .p-2 {
        padding: calc(var(--spacing) * 2);
    }
    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5);
    }
    .p-3 {
        padding: calc(var(--spacing) * 3);
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .p-5 {
        padding: calc(var(--spacing) * 5);
    }
    .p-6 {
        padding: calc(var(--spacing) * 6);
    }
    .px-0 {
        padding-inline: 0;
    }
    .px-0\.5 {
        padding-inline: calc(var(--spacing) * 0.5);
    }
    .px-1 {
        padding-inline: var(--spacing);
    }
    .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-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5);
    }
    .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-1 {
        padding-block: var(--spacing);
    }
    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5);
    }
    .py-2 {
        padding-block: calc(var(--spacing) * 2);
    }
    .py-3 {
        padding-block: calc(var(--spacing) * 3);
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }
    .py-5 {
        padding-block: calc(var(--spacing) * 5);
    }
    .py-6 {
        padding-block: calc(var(--spacing) * 6);
    }
    .py-8 {
        padding-block: calc(var(--spacing) * 8);
    }
    .py-10 {
        padding-block: calc(var(--spacing) * 10);
    }
    .ps-5 {
        padding-inline-start: calc(var(--spacing) * 5);
    }
    .pe-4 {
        padding-inline-end: calc(var(--spacing) * 4);
    }
    .pt-0 {
        padding-top: 0;
    }
    .pt-0\.5 {
        padding-top: calc(var(--spacing) * 0.5);
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2);
    }
    .pt-3 {
        padding-top: calc(var(--spacing) * 3);
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4);
    }
    .pt-5 {
        padding-top: calc(var(--spacing) * 5);
    }
    .pt-6 {
        padding-top: calc(var(--spacing) * 6);
    }
    .pt-7 {
        padding-top: calc(var(--spacing) * 7);
    }
    .pt-8 {
        padding-top: calc(var(--spacing) * 8);
    }
    .pr-3 {
        padding-right: calc(var(--spacing) * 3);
    }
    .pr-10 {
        padding-right: calc(var(--spacing) * 10);
    }
    .pr-28 {
        padding-right: calc(var(--spacing) * 28);
    }
    .pb-0 {
        padding-bottom: 0;
    }
    .pb-1 {
        padding-bottom: var(--spacing);
    }
    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2);
    }
    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3);
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
    }
    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5);
    }
    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6);
    }
    .pl-2 {
        padding-left: calc(var(--spacing) * 2);
    }
    .text-center {
        text-align: center;
    }
    .text-end {
        text-align: end;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
    .align-top {
        vertical-align: top;
    }
    .font-mono {
        font-family: var(--font-mono);
    }
    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .text-2xl\/none {
        font-size: var(--text-2xl);
        line-height: 1;
    }
    .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-sm\! {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
    .text-sm\/none {
        font-size: var(--text-sm);
        line-height: 1;
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .text-xs\/none {
        font-size: var(--text-xs);
        line-height: 1;
    }
    .text-\[\.625rem\] {
        font-size: 0.625rem;
    }
    .text-\[\.825rem\] {
        font-size: 0.825rem;
    }
    .text-\[7vw\] {
        font-size: 7vw;
    }
    .text-\[10px\] {
        font-size: 10px;
    }
    .text-\[11px\] {
        font-size: 11px;
    }
    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5);
    }
    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
    }
    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7);
    }
    .leading-\[1\.12\] {
        --tw-leading: 1.12;
        line-height: 1.12;
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }
    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black);
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }
    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .tracking-\[-0\.02em\] {
        --tw-tracking: -0.02em;
        letter-spacing: -0.02em;
    }
    .tracking-\[0\.06em\] {
        --tw-tracking: 0.06em;
        letter-spacing: 0.06em;
    }
    .tracking-\[0\.09375rem\] {
        --tw-tracking: 0.09375rem;
        letter-spacing: 0.09375rem;
    }
    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }
    .wrap-break-word {
        overflow-wrap: break-word;
    }
    .break-all {
        word-break: break-all;
    }
    .whitespace-normal {
        white-space: normal;
    }
    .whitespace-nowrap {
        white-space: nowrap;
    }
    .text-base-content,
    .text-base-content\/5 {
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-base-content\/5 {
            color: color-mix(in oklab, var(--color-base-content) 5%, 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\/35 {
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-base-content\/35 {
            color: color-mix(in oklab, var(--color-base-content) 35%, 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\/45 {
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-base-content\/45 {
            color: color-mix(in oklab, var(--color-base-content) 45%, 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\/55 {
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-base-content\/55 {
            color: color-mix(in oklab, var(--color-base-content) 55%, 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\/65 {
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-base-content\/65 {
            color: color-mix(in oklab, var(--color-base-content) 65%, 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\/72 {
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-base-content\/72 {
            color: color-mix(in oklab, var(--color-base-content) 72%, 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-base-content\/90 {
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-base-content\/90 {
            color: color-mix(in oklab, var(--color-base-content) 90%, transparent);
        }
    }
    .text-error {
        color: var(--color-error);
    }
    .text-error-content {
        color: var(--color-error-content);
    }
    .text-gray-400 {
        color: var(--color-gray-400);
    }
    .text-info {
        color: var(--color-info);
    }
    .text-primary {
        color: var(--color-primary);
    }
    .text-primary-content {
        color: var(--color-primary-content);
    }
    .text-primary\/5 {
        color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-primary\/5 {
            color: color-mix(in oklab, var(--color-primary) 5%, transparent);
        }
    }
    .text-secondary {
        color: var(--color-secondary);
    }
    .text-sky-600 {
        color: var(--color-sky-600);
    }
    .text-slate-700 {
        color: var(--color-slate-700);
    }
    .text-success {
        color: var(--color-success);
    }
    .text-transparent {
        color: #0000;
    }
    .text-warning {
        color: var(--color-warning);
    }
    .text-white {
        color: var(--color-white);
    }
    .capitalize {
        text-transform: capitalize;
    }
    .uppercase {
        text-transform: uppercase;
    }
    .opacity-0 {
        opacity: 0;
    }
    .opacity-20 {
        opacity: 0.2;
    }
    .opacity-30 {
        opacity: 0.3;
    }
    .opacity-40 {
        opacity: 0.4;
    }
    .opacity-50 {
        opacity: 0.5;
    }
    .opacity-60 {
        opacity: 0.6;
    }
    .opacity-70 {
        opacity: 0.7;
    }
    .opacity-100 {
        opacity: 1;
    }
    .opacity-\[0\.017\] {
        opacity: 0.017;
    }
    .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-none {
        --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);
    }
    .shadow-sm {
        --tw-shadow:
            0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-base-300\/20 {
        --tw-shadow-color: var(--color-base-300);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-base-300\/20 {
            --tw-shadow-color: color-mix(
                in oklab,
                color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .backdrop-blur-\[1px\] {
        --tw-backdrop-blur: blur(1px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
            var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
            var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
            var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
            var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
            var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
            var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
    .backdrop-blur-xs {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
            var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
            var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
            var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
            var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
            var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
            var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
    .transition {
        transition-property:
            color,
            background-color,
            border-color,
            outline-color,
            text-decoration-color,
            fill,
            stroke,
            --tw-gradient-from,
            --tw-gradient-via,
            --tw-gradient-to,
            opacity,
            box-shadow,
            transform,
            translate,
            scale,
            rotate,
            filter,
            -webkit-backdrop-filter,
            backdrop-filter,
            display,
            content-visibility,
            overlay,
            pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-\[height\] {
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-colors {
        transition-property:
            color, background-color, border-color, outline-color, text-decoration-color, fill,
            stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
    }
    .duration-300 {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .duration-500 {
        --tw-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in);
    }
    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }
    .outline-none\! {
        --tw-outline-style: none !important;
        outline-style: none !important;
    }
    .select-none {
        -webkit-user-select: none;
        user-select: none;
    }
    .hugeicons--book-open-02 {
        --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='1.5'%3E%3Cpath d='M17.506 2.019C12.829 2.835 12 7.5 12 7.5V22s.887-4.873 6-5.441c.55-.061 1-.501 1-1.053V3.393c0-.828-.678-1.517-1.494-1.374M5.333 5c2.46-.003 4.836.887 6.667 2.5V22a10.07 10.07 0 0 0-6.667-2.5c-1.562 0-2.343 0-2.688-.22a1.16 1.16 0 0 1-.424-.425C2 18.51 2 17.895 2 16.663v-8.26c0-1.428 0-2.141.549-2.72c.548-.579 1.11-.609 2.234-.668Q5.056 5 5.333 5'/%3E%3Cpath d='M12 22.001a10.07 10.07 0 0 1 6.667-2.5c1.562 0 2.343 0 2.688-.22c.207-.133.291-.218.424-.425c.221-.345.221-.96.221-2.192v-8.26c0-1.428 0-2.141-.549-2.72S20.123 5.06 19 5'/%3E%3C/g%3E%3C/svg%3E");
    }
    .hugeicons--electric-home-02 {
        --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-width='1.5'%3E%3Cpath d='M14.007 10.003v2.499m-3.984 0v-2.499m-1.49 3.38c-.038-.475.37-.88.887-.88h5.194c.517 0 .925.405.886.88l-.107 1.297a5.2 5.2 0 0 1-.976 2.61l-.349.482c-.33.456-.885.73-1.48.73h-1.142c-.595 0-1.15-.274-1.48-.73l-.35-.482a5.2 5.2 0 0 1-.975-2.61z'/%3E%3Cpath stroke-linejoin='round' d='M15.003 22.001c1.782-.02 2.545-.113 3.486-.5c.793-.324 1.29-.779 1.723-1.585c.648-1.21.864-2.599 1.058-3.959l.705-4.954c.051-.793.026-1.385-.16-1.966c-.352-1.11-1.305-1.892-2.234-2.59c-4.319-3.248-6.35-4.545-7.566-4.442c-1.153-.091-2.724.841-7.708 4.559c-.832.62-1.666 1.298-2.045 2.267c-.53 1.355-.122 2.89.1 4.329c.264 1.692.575 3.756 1.136 6.122q.05.22.148.422c.497 1.018.934 1.442 1.896 1.797c.999.37 4.132.69 5.703.337c.53-.119.77-.645.77-1.19v-2.146'/%3E%3C/g%3E%3C/svg%3E");
    }
    .hugeicons--files-01 {
        --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='1.5'%3E%3Cpath d='M14.5 19h-2c-2.829 0-4.243 0-5.121-.879c-.88-.878-.88-2.293-.88-5.121V8c0-2.828 0-4.243.88-5.121C8.256 2 9.67 2 12.499 2h1.344c.818 0 1.226 0 1.594.152c.367.152.656.442 1.234 1.02l2.657 2.656c.578.578.867.868 1.02 1.235c.152.368.152.776.152 1.594V13c0 2.828 0 4.243-.879 5.121C18.743 19 17.328 19 14.5 19'/%3E%3Cpath d='M15 2.5v1c0 1.886 0 2.828.586 3.414c.585.586 1.528.586 3.414.586h1M6.5 5a3 3 0 0 0-3 3v8c0 2.828 0 4.243.878 5.121C5.257 22 6.671 22 9.5 22h5a3 3 0 0 0 3-3M10 11h4m-4 4h7'/%3E%3C/g%3E%3C/svg%3E");
    }
    .hugeicons--help-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='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 1 1 3.912 2.064C12.728 12.032 12 12.672 12 13.5m.125 3.25H12m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0'/%3E%3C/g%3E%3C/svg%3E");
    }
    .hugeicons--pdf-01 {
        --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='1.5' d='M20 13v-2.343c0-.818 0-1.226-.152-1.594c-.152-.367-.441-.657-1.02-1.235l-4.736-4.736c-.499-.499-.748-.748-1.058-.896a2 2 0 0 0-.197-.082C12.514 2 12.161 2 11.456 2c-3.245 0-4.868 0-5.967.886a4 4 0 0 0-.603.603C4 4.59 4 6.211 4 9.456V13m9-10.5V3c0 2.828 0 4.243.879 5.121C14.757 9 16.172 9 19 9h.5m.25 7h-2.5a1 1 0 0 0-1 1v2m0 0v3m0-3h3m-15 3v-2.5m0 0V16H6a1.75 1.75 0 1 1 0 3.5zm6-3.5h1.5a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1.5z'/%3E%3C/svg%3E");
    }
    .hugeicons--signal-full-02 {
        --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='1.5' d='M7 17v-1c0-.943 0-1.414-.293-1.707S5.943 14 5 14s-1.414 0-1.707.293S3 15.057 3 16v1c0 .943 0 1.414.293 1.707S4.057 19 5 19s1.414 0 1.707-.293S7 17.943 7 17m7 0v-5c0-.943 0-1.414-.293-1.707S12.943 10 12 10s-1.414 0-1.707.293S10 11.057 10 12v5c0 .943 0 1.414.293 1.707S11.057 19 12 19s1.414 0 1.707-.293S14 17.943 14 17m7 0V8c0-.943 0-1.414-.293-1.707S19.943 6 19 6s-1.414 0-1.707.293S17 7.057 17 8v9c0 .943 0 1.414.293 1.707S18.057 19 19 19s1.414 0 1.707-.293S21 17.943 21 17'/%3E%3C/svg%3E");
    }
    .hugeicons--signal-low-02 {
        --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='1.5' d='M21 19h-3m-4 0h-3m-4-2v-1c0-.943 0-1.414-.293-1.707S5.943 14 5 14s-1.414 0-1.707.293S3 15.057 3 16v1c0 .943 0 1.414.293 1.707S4.057 19 5 19s1.414 0 1.707-.293S7 17.943 7 17'/%3E%3C/svg%3E");
    }
    .hugeicons--signal-medium-02 {
        --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='1.5' d='M21 19h-3M7 17v-1c0-.943 0-1.414-.293-1.707S5.943 14 5 14s-1.414 0-1.707.293S3 15.057 3 16v1c0 .943 0 1.414.293 1.707S4.057 19 5 19s1.414 0 1.707-.293S7 17.943 7 17m7 0v-5c0-.943 0-1.414-.293-1.707S12.943 10 12 10s-1.414 0-1.707.293S10 11.057 10 12v5c0 .943 0 1.414.293 1.707S11.057 19 12 19s1.414 0 1.707-.293S14 17.943 14 17'/%3E%3C/svg%3E");
    }
    .hugeicons--time-zone {
        --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='1.5'%3E%3Cpath d='M20 11a9 9 0 1 0-9 9'/%3E%3Cpath d='M18 16.5V18l1 .5m3-.5a4 4 0 1 1-8 0a4 4 0 0 1 8 0M3 8h16M3 14h9m2-3c0-4.97-1.343-9-3-9s-3 4.03-3 9s1.343 9 3 9'/%3E%3C/g%3E%3C/svg%3E");
    }
    .hugeicons--xls-01 {
        --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='1.5' d='M20 13v-2.343c0-.818 0-1.226-.152-1.594c-.152-.367-.441-.657-1.02-1.235l-4.736-4.736c-.499-.499-.748-.748-1.058-.896a2 2 0 0 0-.197-.082C12.514 2 12.161 2 11.456 2c-3.245 0-4.868 0-5.967.886a4 4 0 0 0-.603.603C4 4.59 4 6.211 4 9.456V13m9-10.5V3c0 2.828 0 4.243.879 5.121C14.757 9 16.172 9 19 9h.5m-9 7v4c0 .943 0 1.414.293 1.707S11.557 22 12.5 22H14M4 16l2 3m0 0l2 3m-2-3l2-3m-2 3l-2 3m16-6h-2.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H19a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-2.5'/%3E%3C/svg%3E");
    }
    .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--activity-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M17 12h-2l-2 5l-2-10l-2 5H7'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--archive {
        --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='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--archive-restore {
        --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='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h2M20 8v11a2 2 0 0 1-2 2h-2m-7-6l3-3l3 3m-3-3v9'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--arrow-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%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m7-7l-7 7l-7-7'/%3E%3C/svg%3E");
    }
    .lucide--arrow-down-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='m7 7l10 10m0-10v10H7'/%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-left-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='M8 3L4 7l4 4M4 7h16m-4 14l4-4l-4-4m4 4H4'/%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--arrow-up-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%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 16l-4 4l-4-4m4 4V4M3 8l4-4l4 4M7 4v16'/%3E%3C/svg%3E");
    }
    .lucide--arrow-up-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='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E");
    }
    .lucide--asterisk {
        --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 6v12m5.196-9L6.804 15m0-6l10.392 6'/%3E%3C/svg%3E");
    }
    .lucide--at-sign {
        --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='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/g%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--ban {
        --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='M4.929 4.929L19.07 19.071'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--battery-medium {
        --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 14v-4m12 4v-4M6 14v-4'/%3E%3Crect width='16' height='12' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--bell-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%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742M2 2l20 20M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05'/%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--book-open {
        --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 5v16m8.001-2A2 2 0 0 0 22 17V5a2 2 0 0 0-1.999-2L16 3.002A5 5 0 0 0 12 5a5 5 0 0 0-4-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 1.999 2H8a5 5 0 0 1 4 2a5 5 0 0 1 4-2z'/%3E%3C/svg%3E");
    }
    .lucide--book-open-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%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v16m4-8h2m-2-4h2m2.001 10A2 2 0 0 0 22 17V5a2 2 0 0 0-1.999-2L16 3.002A5 5 0 0 0 12 5a5 5 0 0 0-4-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 1.999 2H8a5 5 0 0 1 4 2a5 5 0 0 1 4-2zM6 13h2M6 9h2'/%3E%3C/svg%3E");
    }
    .lucide--building {
        --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 10h.01M12 14h.01M12 6h.01M16 10h.01M16 14h.01M16 6h.01M8 10h.01M8 14h.01M8 6h.01M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--building-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12h4m-4-4h4m0 13v-3a2 2 0 0 0-4 0v3'/%3E%3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16'/%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--calendar-1 {
        --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 14h1v4m4-16v4M3 10h18M8 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--calendar-check-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='M8 2v4m8-4v4m5 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8M3 10h18m-5 10l2 2l4-4'/%3E%3C/svg%3E");
    }
    .lucide--calendar-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='M16 14v2.2l1.6 1M16 2v4m5 1.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5M3 10h5m0-8v4'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--calendar-days {
        --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 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--calendar-range {
        --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='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4M3 10h18M8 2v4m9 8h-6m2 4H7m0-4h.01M17 18h.01'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--calendar-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%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 10h18m-7 4l-4 4m0-4l4 4'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--chart-line {
        --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 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='m19 9l-5 5l-4-4l-3 3'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--chart-no-axes-combined {
        --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 16v5m4-6.361V21m4-10.344V21m2-18l-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15m2 3.463V21m4-6.344V21'/%3E%3C/svg%3E");
    }
    .lucide--chart-pie {
        --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 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z'/%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--chart-spline {
        --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 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M7 16c.5-2 1.5-7 4-7c2 0 2 3 4 3c2.5 0 4.5-5 5-7'/%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--chevron-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%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%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--circle-alert {
        --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--circle-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%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--circle-check-big {
        --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--circle-dot {
        --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%3Ccircle cx='12' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--circle-ellipsis {
        --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='M17 12h.01M12 12h.01M7 12h.01'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--circle-gauge {
        --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.6 2.7a10 10 0 1 0 5.7 5.7'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M13.4 10.6L19 5'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--circle-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%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8m-4-4v8'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--circle-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%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='m15 9l-6 6m0-6l6 6'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--clipboard-list {
        --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='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2m4 7h4m-4 5h4m-8-5h.01M8 16h.01'/%3E%3C/g%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%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--clock-1 {
        --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 6v6l2-4'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--clock-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='M12 6v6l4 2'/%3E%3Cpath d='M22 12a10 10 0 1 0-11 9.95'/%3E%3Cpath d='m22 16l-5.5 5.5L14 19'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--columns-3-cog {
        --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.6 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.6m-6.695 8.93l.923-.382M15 3v7.6m.229 6.252l-.924-.383m2.547-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.625-3.92l.922-.383m-.922 2.679l.922.383M9 3v18'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--command {
        --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 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3'/%3E%3C/svg%3E");
    }
    .lucide--copy {
        --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='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--corner-down-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3Cpath d='m9 10l-5 5l5 5'/%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--database {
        --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%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--database-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 12 2.84M21 5v3m0 4l-3 5h4l-3 5'/%3E%3Cpath d='M3 12a9 3 0 0 0 11.59 2.87'/%3E%3C/g%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--download-cloud {
        --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 13v8l-4-4m4 4l4-4'/%3E%3Cpath d='M4.393 15.269A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.436 8.284'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--ellipsis {
        --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='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--eraser {
        --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 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21m-7.752-9.91l8.828 8.828'/%3E%3C/svg%3E");
    }
    .lucide--expand {
        --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 15l6 6M15 9l6-6m0 13v5h-5m5-13V3h-5M3 16v5h5m-5 0l6-6M3 8V3h5m1 6L3 3'/%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--factory {
        --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 16h.01M16 16h.01M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2zm5-3h.01'/%3E%3C/svg%3E");
    }
    .lucide--file {
        --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 1h5'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--file-exclamation-point {
        --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='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 2zm6-13v4m0 4h.01'/%3E%3C/svg%3E");
    }
    .lucide--file-plus-corner {
        --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.35 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v5.35'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5m-6 11h6m-3-3v6'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--file-signal {
        --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 1h5M8 15h.01m3.49-1.5a2.5 2.5 0 0 1 0 3M15 12a5 5 0 0 1 0 6'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--file-spreadsheet {
        --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 1h5M8 13h2m4 0h2m-8 4h2m4 0h2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--file-stack {
        --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 21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1m12 4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1m12-1a2 2 0 0 0-.586-1.414l-2-2A2 2 0 0 0 17 2h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
    }
    .lucide--folders {
        --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 5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2.5a1.5 1.5 0 0 1 1.2.6l.6.8a1.5 1.5 0 0 0 1.2.6z'/%3E%3Cpath d='M3 8.268a2 2 0 0 0-1 1.738V19a2 2 0 0 0 2 2h11a2 2 0 0 0 1.732-1'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--form {
        --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='M4 14h6M4 2h10'/%3E%3Crect width='16' height='4' x='4' y='18' rx='1'/%3E%3Crect width='16' height='4' x='4' y='6' rx='1'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--fullscreen {
        --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 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Crect width='10' height='8' x='7' y='8' rx='1'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--funnel-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='M13.354 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14v6a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341l1.218-1.348M16 6h6m-3-3v6'/%3E%3C/svg%3E");
    }
    .lucide--gauge {
        --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 14l4-4M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E");
    }
    .lucide--globe {
        --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 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--globe-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--hard-drive {
        --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 16h.01m-7.798-4.423a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zm19.734.436H2.054M6 16h.01'/%3E%3C/svg%3E");
    }
    .lucide--heart-pulse {
        --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 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3Cpath d='M3.22 13H9.5l.5-1l2 4.5l2-7l1.5 3.5h5.27'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--heater {
        --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 8c2-3-2-3 0-6m4.5 6c2-3-2-3 0-6M6 10h.01M6 14h.01M10 16v-4m4 4v-4m4 4v-4'/%3E%3Cpath d='M20 6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3M5 20v2m14-2v2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--help-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='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--history {
        --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 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m4-1v5l4 2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--house {
        --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 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--id-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%3Cpath d='M16 10h2m-2 4h2M6.17 15a3 3 0 0 1 5.66 0'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3C/g%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-round {
        --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.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--languages {
        --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 8l6 6m-7 0l6-6l2-3M2 5h12M7 2h1m14 20l-5-10l-5 10m2-4h6'/%3E%3C/svg%3E");
    }
    .lucide--layers-3 {
        --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='m6.08 9.5l-3.5 1.6a1 1 0 0 0 0 1.81l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9a1 1 0 0 0 0-1.83l-3.5-1.59'/%3E%3Cpath d='m6.08 14.5l-3.5 1.6a1 1 0 0 0 0 1.81l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9a1 1 0 0 0 0-1.83l-3.5-1.59'/%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--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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--link-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='M9 17H7A5 5 0 0 1 7 7h2m6 0h2a5 5 0 1 1 0 10h-2m-7-5h8'/%3E%3C/svg%3E");
    }
    .lucide--list {
        --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='M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13'/%3E%3C/svg%3E");
    }
    .lucide--loader {
        --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 2v4m4.2 1.8l2.9-2.9M18 12h4m-5.8 4.2l2.9 2.9M12 18v4m-7.1-2.9l2.9-2.9M2 12h4M4.9 4.9l2.9 2.9'/%3E%3C/svg%3E");
    }
    .lucide--locate-fixed {
        --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 12h3m14 0h3M12 2v3m0 14v3'/%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%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-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%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 17l5-5l-5-5m5 5H3m12-9h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%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--map {
        --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.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0zm.894.211v15M9 3.236v15'/%3E%3C/svg%3E");
    }
    .lucide--map-pin {
        --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 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--map-pinned {
        --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='M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0'/%3E%3Ccircle cx='12' cy='8' r='2'/%3E%3Cpath d='M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712'/%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-share {
        --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 3H4a2 2 0 0 0-2 2v16.286a.71.71 0 0 0 1.212.502l2.202-2.202A2 2 0 0 1 6.828 19H20a2 2 0 0 0 2-2v-4M16 3h6v6m-6 0l6-6'/%3E%3C/svg%3E");
    }
    .lucide--messages-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='M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2zm4-1a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E");
    }
    .lucide--minimize {
        --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='M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3m8 0v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
    }
    .lucide--minus {
        --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 12h14'/%3E%3C/svg%3E");
    }
    .lucide--moon {
        --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.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%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--palette {
        --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 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--panel-left-close {
        --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='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18m7-6l-3-3l3-3'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--panel-left-dashed {
        --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='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 14v1m0 4v2M9 3v2m0 4v1'/%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--pencil-line {
        --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 21h8M15 5l4 4m2.174-2.188a1 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-.497z'/%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--pilcrow-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='M14 3v11m0-5h-3a3 3 0 0 1 0-6h9m-2 0v11m4 4H2l4-4m0 8l-4-4'/%3E%3C/svg%3E");
    }
    .lucide--pilcrow-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='M10 3v11m0-5H7a1 1 0 0 1 0-6h8m-1 0v11m4 0l4 4H2m20 0l-4 4'/%3E%3C/svg%3E");
    }
    .lucide--play-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='M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--plug-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='M9 2v6m6-6v6m-3 9v5M5 8h14M6 11V8h12v3a6 6 0 1 1-12 0'/%3E%3C/svg%3E");
    }
    .lucide--plug-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='M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6l-2.3 2.3a2.4 2.4 0 0 0 0 3.4ZM2 22l3-3m2.5-5.5L10 11m.5 5.5L13 14m5-11l-4 4h6l-4 4'/%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--power {
        --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 2v10m6.4-5.4a9 9 0 1 1-12.77.04'/%3E%3C/svg%3E");
    }
    .lucide--radio {
        --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.247 7.761a6 6 0 0 1 0 8.478m2.828-11.306a10 10 0 0 1 0 14.134m-14.15 0a10 10 0 0 1 0-14.134m2.828 11.306a6 6 0 0 1 0-8.478'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--radio-tower {
        --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='M4.9 16.1C1 12.2 1 5.8 4.9 1.9m2.9 2.8a6.14 6.14 0 0 0-.8 7.5'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M16.2 4.8c2 2 2.26 5.11.8 7.47M19.1 1.9a9.96 9.96 0 0 1 0 14.1m-9.6 2h5M8 22l4-11l4 11'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--refresh-cw {
        --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 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--rotate-cw {
        --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 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/g%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--scan-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='M3 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='m16 16l-1.9-1.9'/%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--send {
        --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.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939'/%3E%3C/svg%3E");
    }
    .lucide--server {
        --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='8' x='2' y='2' rx='2' ry='2'/%3E%3Crect width='20' height='8' x='2' y='14' rx='2' ry='2'/%3E%3Cpath d='M6 6h.01M6 18h.01'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--server-cog {
        --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.852 14.772l-.383.923m2.679-.923a3 3 0 1 0-2.296-5.544l-.383-.923m2.679.923l.383-.923'/%3E%3Cpath d='m13.53 15.696l-.382-.924a3 3 0 1 1-2.296-5.544m3.92 1.624l.923-.383m-.923 2.679l.923.383'/%3E%3Cpath d='M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5m-15 4H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5M6 18h.01M6 6h.01m3.218 4.852l-.923-.383m.923 2.679l-.923.383'/%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--settings-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 17H5M19 7h-9'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--shapes {
        --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.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--shield-alert {
        --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 1zm-8-5v4m0 4h.01'/%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--signal-high {
        --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='M2 20h.01M7 20v-4m5 4v-8m5 8V8'/%3E%3C/svg%3E");
    }
    .lucide--siren {
        --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='M7 18v-6a5 5 0 1 1 10 0v6M5 21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2zm16-9h1m-3.5-7.5L18 5M2 12h1m9-10v1M4.929 4.929l.707.707M12 12v6'/%3E%3C/svg%3E");
    }
    .lucide--sliders {
        --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 8h4m-2 13v-9m0-4V3m5 13h4m-2-4V3m0 18v-5M3 14h4m-2-4V3m0 18v-7'/%3E%3C/svg%3E");
    }
    .lucide--sliders-horizontal {
        --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 5H3m9 14H3M14 3v4m2 10v4m5-9h-9m9 7h-5m5-14h-7m-6 5v4m0-2H3'/%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--stretch-horizontal {
        --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='6' x='2' y='4' rx='2'/%3E%3Crect width='20' height='6' x='2' y='14' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--sun {
        --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='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--thermometer {
        --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 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0'/%3E%3C/svg%3E");
    }
    .lucide--timer {
        --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 2h4m-2 12l3-3'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--toggle-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='15' cy='12' r='3'/%3E%3Crect width='20' height='14' x='2' y='5' rx='7'/%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--triangle-alert {
        --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--undo-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%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--unlink {
        --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.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07a5.006 5.006 0 0 0-6.95 0l-1.72 1.71m-6.58 6.57l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07a5.006 5.006 0 0 0 6.95 0l1.71-1.71M8 2v3M2 8h3m11 11v3m3-6h3'/%3E%3C/svg%3E");
    }
    .lucide--upload-cloud {
        --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 13v8m-8-6.101A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17l4-4l4 4'/%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-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%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%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--wifi {
        --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 20h.01M2 8.82a15 15 0 0 1 20 0M5 12.859a10 10 0 0 1 14 0m-10.5 3.57a5 5 0 0 1 7 0'/%3E%3C/svg%3E");
    }
    .lucide--workflow {
        --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='8' height='8' x='3' y='3' rx='2'/%3E%3Cpath d='M7 11v4a2 2 0 0 0 2 2h4'/%3E%3Crect width='8' height='8' x='13' y='13' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    }
    .lucide--wrench {
        --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.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z'/%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");
    }
    .ri--blaze-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='M18.5 9q1.5 1.59 1.5 4c0 3.466-3.7 4.276-5.5 9q-1-.862-1-2.5c0-3.482 5-5.29 5-10.5m-4-4q1.8 1.858 1.8 4c0 4.951-6.045 5.692-4.8 13Q9 20.26 9 17c0-3.325 5.5-6 5.5-12M10 1q2 2.5 2 4.5c0 6.25-8.5 8.222-4 16.5c-2.616-.58-4.5-3-4.5-6C3.5 9.5 10 8.5 10 1'/%3E%3C/svg%3E");
    }
    .ri--contrast-drop-line {
        --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 3.097l-4.95 4.95a7 7 0 1 0 9.9 0zM12 .27l6.364 6.364a9 9 0 1 1-12.728 0zm0 17.728v-10a5 5 0 1 1 0 10'/%3E%3C/svg%3E");
    }
    :is(.\*\:text-nowrap > *) {
        text-wrap: nowrap;
    }
    @media (hover: hover) {
        .group-hover\:bottom-0:is(:where(.group):hover *) {
            bottom: 0;
        }
        .group-hover\:h-16:is(:where(.group):hover *) {
            height: calc(var(--spacing) * 16);
        }
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1;
        }
    }
    .group-has-\[\[id\=layout-sidebar-hover-trigger\]\:checked\]\/html\:flex:is(
        :where(.group\/html):has([id="layout-sidebar-hover-trigger"]:checked) *
    ) {
        display: flex;
    }
    .group-has-\[\[id\=layout-sidebar-hover-trigger\]\:checked\]\/html\:hidden:is(
        :where(.group\/html):has([id="layout-sidebar-hover-trigger"]:checked) *
    ) {
        display: none;
    }
    .group-has-\[\[id\=layout-sidebar-hover-trigger\]\:checked\]\/html\:opacity-0:is(
        :where(.group\/html):has([id="layout-sidebar-hover-trigger"]:checked) *
    ) {
        opacity: 0;
    }
    .group-has-\[\[id\=layout-sidebar-hover-trigger\]\:checked\]\/html\:opacity-100:is(
        :where(.group\/html):has([id="layout-sidebar-hover-trigger"]:checked) *
    ) {
        opacity: 1;
    }
    .group-data-changed\/html\:p-0\.5:is(:where(.group\/html)[data-changed] *) {
        padding: calc(var(--spacing) * 0.5);
    }
    .group-data-changed\/html\:opacity-100:is(:where(.group\/html)[data-changed] *) {
        opacity: 1;
    }
    .group-data-fullscreen\/html\:hidden:is(:where(.group\/html)[data-fullscreen] *) {
        display: none;
    }
    .group-data-fullscreen\/html\:inline:is(:where(.group\/html)[data-fullscreen] *) {
        display: inline;
    }
    .group-data-visible\:scale-100:is(:where(.group)[data-visible] *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-data-visible\:opacity-100:is(:where(.group)[data-visible] *) {
        opacity: 1;
    }
    .group-data-\[sidebar-theme\=dark\]\/html\:bg-base-200:is(
        :where(.group\/html)[data-sidebar-theme="dark"] *
    ),
    .group-data-\[sidebar-theme\=light\]\/html\:bg-base-200:is(
        :where(.group\/html)[data-sidebar-theme="light"] *
    ) {
        background-color: var(--color-base-200);
    }
    .group-data-\[theme\=contrast\]\/html\:pointer-events-auto:is(
        :where(.group\/html)[data-theme="contrast"] *
    ) {
        pointer-events: auto;
    }
    .group-data-\[theme\=contrast\]\/html\:hidden:is(
        :where(.group\/html)[data-theme="contrast"] *
    ) {
        display: none;
    }
    .group-data-\[theme\=contrast\]\/html\:p-1:is(:where(.group\/html)[data-theme="contrast"] *) {
        padding: var(--spacing);
    }
    .group-data-\[theme\=contrast\]\/html\:opacity-100:is(
        :where(.group\/html)[data-theme="contrast"] *
    ) {
        opacity: 1;
    }
    .group-data-\[theme\=dark\]\/html\:translate-y-0:is(:where(.group\/html)[data-theme="dark"] *) {
        --tw-translate-y: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-data-\[theme\=dark\]\/html\:p-1:is(:where(.group\/html)[data-theme="dark"] *) {
        padding: var(--spacing);
    }
    .group-data-\[theme\=dark\]\/html\:opacity-0:is(:where(.group\/html)[data-theme="dark"] *) {
        opacity: 0;
    }
    .group-data-\[theme\=dark\]\/html\:opacity-100:is(:where(.group\/html)[data-theme="dark"] *) {
        opacity: 1;
    }
    .group-data-\[theme\=dim\]\/html\:p-1:is(:where(.group\/html)[data-theme="dim"] *) {
        padding: var(--spacing);
    }
    .group-data-\[theme\=dim\]\/html\:opacity-100:is(:where(.group\/html)[data-theme="dim"] *) {
        opacity: 1;
    }
    .group-data-\[theme\=light\]\/html\:pointer-events-auto:is(
        :where(.group\/html)[data-theme="light"] *
    ) {
        pointer-events: auto;
    }
    .group-data-\[theme\=light\]\/html\:hidden:is(:where(.group\/html)[data-theme="light"] *) {
        display: none;
    }
    .group-data-\[theme\=light\]\/html\:translate-y-0:is(
        :where(.group\/html)[data-theme="light"] *
    ) {
        --tw-translate-y: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-data-\[theme\=light\]\/html\:p-1:is(:where(.group\/html)[data-theme="light"] *) {
        padding: var(--spacing);
    }
    .group-data-\[theme\=light\]\/html\:opacity-0:is(:where(.group\/html)[data-theme="light"] *) {
        opacity: 0;
    }
    .group-data-\[theme\=light\]\/html\:opacity-100:is(:where(.group\/html)[data-theme="light"] *) {
        opacity: 1;
    }
    .group-data-\[theme\=material\]\/html\:p-1:is(:where(.group\/html)[data-theme="material"] *) {
        padding: var(--spacing);
    }
    .group-data-\[theme\=material\]\/html\:opacity-100:is(
        :where(.group\/html)[data-theme="material"] *
    ) {
        opacity: 1;
    }
    .group-data-\[theme\=material-dark\]\/html\:p-1:is(
        :where(.group\/html)[data-theme="material-dark"] *
    ) {
        padding: var(--spacing);
    }
    .group-data-\[theme\=material-dark\]\/html\:opacity-100:is(
        :where(.group\/html)[data-theme="material-dark"] *
    ) {
        opacity: 1;
    }
    .group-\[\:not\(\[data-theme\]\)\]\/html\:p-1:is(:where(.group\/html):not([data-theme]) *) {
        padding: var(--spacing);
    }
    .group-\[\:not\(\[data-theme\]\)\]\/html\:opacity-100:is(
        :where(.group\/html):not([data-theme]) *
    ) {
        opacity: 1;
    }
    .group-\[\:not\(\[dir\]\)\]\/html\:bg-base-200:is(:where(.group\/html):not([dir]) *),
    .group-\[\[dir\=ltr\]\]\/html\:bg-base-200:is(:where(.group\/html)[dir="ltr"] *),
    .group-\[\[dir\=rtl\]\]\/html\:bg-base-200:is(:where(.group\/html)[dir="rtl"] *) {
        background-color: var(--color-base-200);
    }
    .placeholder\:text-xs::placeholder {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }
    .last\:pb-0:last-child {
        padding-bottom: 0;
    }
    .checked\:border-success:checked {
        border-color: var(--color-success);
    }
    .checked\:bg-success:checked {
        background-color: var(--color-success);
    }
    .checked\:text-success-content:checked {
        color: var(--color-success-content);
    }
    @media (hover: hover) {
        .hover\:cursor-pointer:hover {
            cursor: pointer;
        }
        .hover\:border-base-300:hover {
            border-color: var(--color-base-300);
        }
        .hover\:bg-base-200:hover,
        .hover\:bg-base-200\/35:hover {
            background-color: var(--color-base-200);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-base-200\/35:hover {
                background-color: color-mix(in oklab, var(--color-base-200) 35%, transparent);
            }
        }
        .hover\:bg-base-200\/40:hover {
            background-color: var(--color-base-200);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-base-200\/40:hover {
                background-color: color-mix(in oklab, var(--color-base-200) 40%, 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-200\/70:hover {
            background-color: var(--color-base-200);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-base-200\/70:hover {
                background-color: color-mix(in oklab, var(--color-base-200) 70%, transparent);
            }
        }
        .hover\:bg-error\/10:hover {
            background-color: var(--color-error);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-error\/10:hover {
                background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
            }
        }
        .hover\:bg-transparent:hover {
            background-color: #0000;
        }
        .hover\:text-base-content:hover,
        .hover\:text-base-content\/90:hover {
            color: var(--color-base-content);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:text-base-content\/90:hover {
                color: color-mix(in oklab, var(--color-base-content) 90%, transparent);
            }
        }
        .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);
        }
        :is(.\*\:hover\:text-base-content > *):hover {
            color: var(--color-base-content);
        }
    }
    .focus\:outline-0:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 0;
    }
    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }
    .focus-visible\:ring-primary\/30:focus-visible {
        --tw-ring-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .focus-visible\:ring-primary\/30:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
        }
    }
    .disabled\:border-base-300:disabled {
        border-color: var(--color-base-300);
    }
    .disabled\:bg-base-200\/70:disabled {
        background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .disabled\:bg-base-200\/70:disabled {
            background-color: color-mix(in oklab, var(--color-base-200) 70%, transparent);
        }
    }
    .data-error\:mt-2[data-error] {
        margin-top: calc(var(--spacing) * 2);
    }
    .data-error\:max-h-8[data-error] {
        max-height: calc(var(--spacing) * 8);
    }
    .data-error\:opacity-100[data-error] {
        opacity: 1;
    }
    @media not all and (min-width: 80rem) {
        .max-xl\:hidden {
            display: none;
        }
        @layer daisyui.l1.l2 {
            .max-xl\:btn-square {
                width: var(--size);
                height: var(--size);
                padding-inline: 0;
            }
        }
    }
    @media not all and (min-width: 64rem) {
        .max-lg\:hidden {
            display: none;
        }
        .max-lg\:flex-col {
            flex-direction: column;
        }
    }
    @media not all and (min-width: 48rem) {
        .max-md\:hidden {
            display: none;
        }
        @layer daisyui.l1.l2 {
            .max-md\:btn-square {
                width: var(--size);
                height: var(--size);
                padding-inline: 0;
            }
        }
    }
    @media not all and (min-width: 40rem) {
        @layer daisyui.l1.l2 {
            .max-sm\:dropdown-center {
                --anchor-h: center;
            }
            .max-sm\:dropdown-center :where(.dropdown-content) {
                inset-inline-end: 50%;
                translate: 50%;
            }
            [dir="rtl"] :is(.max-sm\:dropdown-center :where(.dropdown-content)) {
                translate: -50%;
            }
            .max-sm\:dropdown-center.dropdown-left {
                --anchor-h: left;
                --anchor-v: center;
            }
            .max-sm\:dropdown-center.dropdown-left .dropdown-content {
                top: auto;
                bottom: 50%;
                translate: 0 50%;
            }
            .max-sm\:dropdown-center.dropdown-right {
                --anchor-h: right;
                --anchor-v: center;
            }
            .max-sm\:dropdown-center.dropdown-right .dropdown-content {
                top: auto;
                bottom: 50%;
                translate: 0 50%;
            }
            .max-sm\:btn-square {
                width: var(--size);
                height: var(--size);
                padding-inline: 0;
            }
        }
        .max-sm\:hidden {
            display: none;
        }
        .max-sm\:flex-1 {
            flex: 1;
        }
        .max-sm\:items-center {
            align-items: center;
        }
        .max-sm\:text-center {
            text-align: center;
        }
        .max-sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }
    @media (min-width: 40rem) {
        @layer daisyui.l1.l2 {
            .sm\:dropdown-end {
                --anchor-h: span-left;
            }
            .sm\:dropdown-end :where(.dropdown-content) {
                inset-inline-end: 0;
                translate: 0;
            }
            [dir="rtl"] :is(.sm\:dropdown-end :where(.dropdown-content)) {
                translate: 0;
            }
            .sm\:dropdown-end.dropdown-left {
                --anchor-h: left;
                --anchor-v: span-top;
            }
            .sm\:dropdown-end.dropdown-left .dropdown-content {
                top: auto;
                bottom: 0;
            }
            .sm\:dropdown-end.dropdown-right {
                --anchor-h: right;
                --anchor-v: span-top;
            }
            .sm\:dropdown-end.dropdown-right .dropdown-content {
                top: auto;
                bottom: 0;
            }
            .sm\:alert-horizontal {
                text-align: start;
                grid-template-columns: auto;
                grid-auto-flow: column;
                justify-content: start;
                justify-items: start;
            }
            .sm\:alert-horizontal:has(:nth-child(2)) {
                grid-template-columns: auto minmax(auto, 1fr);
            }
            .sm\:btn-sm {
                --fontsize: 0.75rem;
                --btn-p: 0.75rem;
                --size: calc(var(--size-field, 0.25rem) * 8);
            }
        }
        .min-sm\:container {
            width: 100%;
        }
        .min-sm\:container {
            max-width: 40rem;
        }
        @media (min-width: 48rem) {
            .min-sm\:container {
                max-width: 48rem;
            }
        }
        @media (min-width: 64rem) {
            .min-sm\:container {
                max-width: 64rem;
            }
        }
        @media (min-width: 80rem) {
            .min-sm\:container {
                max-width: 80rem;
            }
        }
        @media (min-width: 96rem) {
            .min-sm\:container {
                max-width: 96rem;
            }
        }
        .min-sm\:container {
            padding-inline: calc(var(--spacing) * 4);
            margin-inline: auto;
        }
        @media (min-width: 48rem) {
            .min-sm\:container {
                padding-inline: calc(var(--spacing) * 8);
            }
        }
        @media (min-width: 64rem) {
            .min-sm\:container {
                padding-inline: calc(var(--spacing) * 12);
            }
        }
        @media (min-width: 80rem) {
            .min-sm\:container {
                padding-inline: calc(var(--spacing) * 16);
            }
        }
        @media (min-width: 96rem) {
            .min-sm\:container {
                padding-inline: calc(var(--spacing) * 24);
            }
        }
        .sm\:block {
            display: block;
        }
        .sm\:flex {
            display: flex;
        }
        .sm\:hidden {
            display: none;
        }
        .sm\:inline {
            display: inline;
        }
        .sm\:size-9 {
            width: calc(var(--spacing) * 9);
            height: calc(var(--spacing) * 9);
        }
        .sm\:h-6 {
            height: calc(var(--spacing) * 6);
        }
        .sm\:h-screen {
            height: 100vh;
        }
        .sm\:w-3 {
            width: calc(var(--spacing) * 3);
        }
        .sm\:w-40 {
            width: calc(var(--spacing) * 40);
        }
        .sm\:w-44 {
            width: calc(var(--spacing) * 44);
        }
        .sm\:w-48 {
            width: calc(var(--spacing) * 48);
        }
        .sm\:w-56 {
            width: calc(var(--spacing) * 56);
        }
        .sm\:w-92 {
            width: calc(var(--spacing) * 92);
        }
        .sm\:w-96 {
            width: calc(var(--spacing) * 96);
        }
        .sm\:w-auto {
            width: auto;
        }
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .sm\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        .sm\:flex-row {
            flex-direction: row;
        }
        .sm\:items-center {
            align-items: center;
        }
        .sm\:items-start {
            align-items: flex-start;
        }
        .sm\:justify-between {
            justify-content: space-between;
        }
        .sm\:justify-end {
            justify-content: flex-end;
        }
        .sm\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }
        .sm\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .sm\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }
        .sm\:pr-44 {
            padding-right: calc(var(--spacing) * 44);
        }
        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
        .sm\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
        .sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }
    @media (min-width: 48rem) {
        .md\:col-span-1 {
            grid-column: span 1 / span 1;
        }
        .md\:col-span-2 {
            grid-column: span 2 / span 2;
        }
        .md\:mx-8 {
            margin-inline: calc(var(--spacing) * 8);
        }
        .md\:mt-6 {
            margin-top: calc(var(--spacing) * 6);
        }
        .md\:mt-10 {
            margin-top: calc(var(--spacing) * 10);
        }
        .md\:mt-12 {
            margin-top: calc(var(--spacing) * 12);
        }
        .md\:block {
            display: block;
        }
        .md\:flex {
            display: flex;
        }
        .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-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .md\:flex-row {
            flex-direction: row;
        }
        .md\:items-center {
            align-items: center;
        }
        .md\:justify-between {
            justify-content: space-between;
        }
        .md\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .md\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }
        .md\:pt-10 {
            padding-top: calc(var(--spacing) * 10);
        }
        .md\:pt-12 {
            padding-top: calc(var(--spacing) * 12);
        }
        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }
    @media (min-width: 64rem) {
        .lg\:col-span-2 {
            grid-column: span 2 / span 2;
        }
        .lg\:col-span-3 {
            grid-column: span 3 / span 3;
        }
        .lg\:col-span-4 {
            grid-column: span 4 / span 4;
        }
        .lg\:col-span-5 {
            grid-column: span 5 / span 5;
        }
        .lg\:col-span-7 {
            grid-column: span 7 / span 7;
        }
        .lg\:mt-24 {
            margin-top: calc(var(--spacing) * 24);
        }
        .lg\:block {
            display: block;
        }
        .lg\:flex {
            display: flex;
        }
        .lg\:w-28 {
            width: calc(var(--spacing) * 28);
        }
        .lg\:w-36 {
            width: calc(var(--spacing) * 36);
        }
        .lg\:w-80 {
            width: calc(var(--spacing) * 80);
        }
        .lg\:w-\[34rem\] {
            width: 34rem;
        }
        .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-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
        .lg\:grid-cols-\[8\.5rem_minmax\(0\,1fr\)_8\.5rem\] {
            grid-template-columns: 8.5rem minmax(0, 1fr) 8.5rem;
        }
        .lg\:grid-cols-\[minmax\(16rem\,1fr\)_minmax\(24rem\,3fr\)_9rem\] {
            grid-template-columns: minmax(16rem, 1fr) minmax(24rem, 3fr) 9rem;
        }
        .lg\:flex-row {
            flex-direction: row;
        }
        .lg\:items-center {
            align-items: center;
        }
        .lg\:items-end {
            align-items: flex-end;
        }
        .lg\:items-start {
            align-items: flex-start;
        }
        .lg\:justify-between {
            justify-content: space-between;
        }
        .lg\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .lg\:gap-24 {
            gap: calc(var(--spacing) * 24);
        }
        .lg\:p-16 {
            padding: calc(var(--spacing) * 16);
        }
        .lg\:pt-1 {
            padding-top: var(--spacing);
        }
        .lg\:text-\[2\.25rem\] {
            font-size: 2.25rem;
        }
    }
    @media (min-width: 80rem) {
        .xl\:col-span-1 {
            grid-column: span 1 / span 1;
        }
        .xl\:col-span-2 {
            grid-column: span 2 / span 2;
        }
        .xl\:col-span-3 {
            grid-column: span 3 / span 3;
        }
        .xl\:col-span-4 {
            grid-column: span 4 / span 4;
        }
        .xl\:col-span-6 {
            grid-column: span 6 / span 6;
        }
        .xl\:col-span-8 {
            grid-column: span 8 / span 8;
        }
        .xl\:mt-12 {
            margin-top: calc(var(--spacing) * 12);
        }
        .xl\:mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }
        .xl\:w-72 {
            width: calc(var(--spacing) * 72);
        }
        .xl\:w-\[12rem\] {
            width: 12rem;
        }
        .xl\:w-auto {
            width: auto;
        }
        .xl\:w-full {
            width: 100%;
        }
        .xl\:max-w-112\.5 {
            max-width: calc(var(--spacing) * 112.5);
        }
        .xl\:max-w-\[36rem\] {
            max-width: 36rem;
        }
        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .xl\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
        .xl\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
        .xl\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(18rem\,1fr\)\] {
            grid-template-columns: minmax(0, 0.92fr) minmax(18rem, 1fr);
        }
        .xl\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(20rem\,1fr\)\] {
            grid-template-columns: minmax(0, 0.95fr) minmax(20rem, 1fr);
        }
        .xl\:flex-row {
            flex-direction: row;
        }
        .xl\:items-center {
            align-items: center;
        }
        .xl\:items-end {
            align-items: flex-end;
        }
        .xl\:items-start {
            align-items: flex-start;
        }
        .xl\:justify-between {
            justify-content: space-between;
        }
        .xl\:justify-end {
            justify-content: flex-end;
        }
        .xl\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }
        :where(.xl\:space-y-16 > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
        }
        .xl\:pt-16 {
            padding-top: calc(var(--spacing) * 16);
        }
    }
    @media (min-width: 96rem) {
        .\32xl\:col-span-2 {
            grid-column: span 2 / span 2;
        }
        .\32xl\:col-span-3 {
            grid-column: span 3 / span 3;
        }
        .\32xl\:col-span-6 {
            grid-column: span 6 / span 6;
        }
        .\32xl\:col-span-7 {
            grid-column: span 7 / span 7;
        }
        .\32xl\:mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }
        .\32xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .\32xl\:pt-24 {
            padding-top: calc(var(--spacing) * 24);
        }
        .\32xl\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }
    .dark\:block:where(
        [data-theme="dark"] *,
        [data-theme="dim"] *,
        [data-theme="material-dark"] *
    ) {
        display: block;
    }
    @media (prefers-color-scheme: dark) {
        .dark\:block:not(
            [data-theme="light"] *,
            [data-theme="contrast"] *,
            [data-theme="material"] *
        ) {
            display: block;
        }
    }
    .dark\:hidden:where(
        [data-theme="dark"] *,
        [data-theme="dim"] *,
        [data-theme="material-dark"] *
    ) {
        display: none;
    }
    @media (prefers-color-scheme: dark) {
        .dark\:hidden:not(
            [data-theme="light"] *,
            [data-theme="contrast"] *,
            [data-theme="material"] *
        ) {
            display: none;
        }
    }
    .dark\:bg-\[\#171950\]\/50:where(
            [data-theme="dark"] *,
            [data-theme="dim"] *,
            [data-theme="material-dark"] *
        ) {
        background-color: #17195080;
    }
    @media (prefers-color-scheme: dark) {
        .dark\:bg-\[\#171950\]\/50:not(
                [data-theme="light"] *,
                [data-theme="contrast"] *,
                [data-theme="material"] *
            ) {
            background-color: #17195080;
        }
    }
    .dark\:text-white\!:where(
        [data-theme="dark"] *,
        [data-theme="dim"] *,
        [data-theme="material-dark"] *
    ) {
        color: var(--color-white) !important;
    }
    @media (prefers-color-scheme: dark) {
        .dark\:text-white\!:not(
            [data-theme="light"] *,
            [data-theme="contrast"] *,
            [data-theme="material"] *
        ) {
            color: var(--color-white) !important;
        }
    }
    .dark\:text-white\/60:where(
        [data-theme="dark"] *,
        [data-theme="dim"] *,
        [data-theme="material-dark"] *
    ) {
        color: #fff9;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:text-white\/60:where(
            [data-theme="dark"] *,
            [data-theme="dim"] *,
            [data-theme="material-dark"] *
        ) {
            color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
    }
    @media (prefers-color-scheme: dark) {
        .dark\:text-white\/60:not(
            [data-theme="light"] *,
            [data-theme="contrast"] *,
            [data-theme="material"] *
        ) {
            color: #fff9;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .dark\:text-white\/60:not(
                [data-theme="light"] *,
                [data-theme="contrast"] *,
                [data-theme="material"] *
            ) {
                color: color-mix(in oklab, var(--color-white) 60%, transparent);
            }
        }
    }
    .dark\:invert: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) {
        .dark\:invert: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,);
        }
    }
    .\[\&_\.treeselect-input\]\:rounded-r-none .treeselect-input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .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: 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;
}
.search-suggestions-panel {
    z-index: 30;
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-box);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-300);
    background-color: var(--color-base-100);
    padding: calc(var(--spacing) * 2);
    --tw-shadow:
        0 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow), var(--tw-shadow);
    min-width: 20rem;
    max-height: 15rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow-y: auto;
}
@layer daisyui.l1.l2.l3 {
    .search-suggestions-list {
        --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;
    }
    .search-suggestions-list :where(li ul, li menu) {
        white-space: nowrap;
        margin-inline-start: 1rem;
        padding-inline-start: 0.5rem;
        position: relative;
    }
    .search-suggestions-list :where(li ul, li menu):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;
    }
    .search-suggestions-list :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
        display: none;
    }
    .search-suggestions-list
        :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)),
    .search-suggestions-list :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
        border-radius: var(--radius-field);
        text-align: start;
        -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;
    }
    .search-suggestions-list :where(li > details > summary) {
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (forced-colors: active) {
        .search-suggestions-list :where(li > details > summary) {
            outline-offset: 2px;
            outline: 2px solid #0000;
        }
    }
    .search-suggestions-list :where(li > details > summary)::-webkit-details-marker {
        display: none;
    }
    :is(
        .search-suggestions-list :where(li > details > summary),
        .menu :where(li > .menu-dropdown-toggle)
    ):after,
    :is(
        .menu :where(li > details > summary),
        .search-suggestions-list :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;
    }
    .search-suggestions-list details {
        interpolate-size: allow-keywords;
        overflow: hidden;
    }
    .search-suggestions-list details::details-content {
        block-size: 0;
    }
    @media (prefers-reduced-motion: no-preference) {
        .search-suggestions-list 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);
        }
    }
    .search-suggestions-list details[open]::details-content {
        block-size: auto;
    }
    .search-suggestions-list :where(li > details[open] > summary):after,
    .search-suggestions-list :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
        translate: 0 1px;
        rotate: 45deg;
    }
    .search-suggestions-list
        :where(
            li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title),
            li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
        ):not(.menu-active, :active, .btn).menu-focus {
        cursor: pointer;
        background-color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .search-suggestions-list
            :where(
                li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title),
                li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
            ):not(.menu-active, :active, .btn).menu-focus {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
    }
    .search-suggestions-list
        :where(
            li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title),
            li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
        ):not(.menu-active, :active, .btn).menu-focus {
        color: var(--color-base-content);
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (forced-colors: active) {
        .search-suggestions-list
            :where(
                li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title),
                li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
            ):not(.menu-active, :active, .btn).menu-focus {
            outline-offset: 2px;
            outline: 2px solid #0000;
        }
    }
    .search-suggestions-list
        :where(
            li:not(.menu-title, .disabled) > :not(ul, menu, 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)) {
        .search-suggestions-list
            :where(
                li:not(.menu-title, .disabled) > :not(ul, menu, 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);
        }
    }
    .search-suggestions-list
        :where(
            li:not(.menu-title, .disabled) > :not(ul, menu, 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) {
        .search-suggestions-list
            :where(
                li:not(.menu-title, .disabled) > :not(ul, menu, 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;
        }
    }
    .search-suggestions-list
        :where(
            li:not(.menu-title, .disabled)
                > :not(ul, menu, 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)) {
        .search-suggestions-list
            :where(
                li:not(.menu-title, .disabled)
                    > :not(ul, menu, 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);
        }
    }
    .search-suggestions-list
        :where(
            li:not(.menu-title, .disabled)
                > :not(ul, menu, 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) {
        .search-suggestions-list
            :where(
                li:not(.menu-title, .disabled)
                    > :not(ul, menu, 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;
        }
    }
    .search-suggestions-list
        :where(
            li:not(.menu-title, .disabled)
                > :not(ul, menu, 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;
    }
    .search-suggestions-list :where(li:empty) {
        background-color: var(--color-base-content);
        opacity: 0.1;
        height: 1px;
        margin: 0.5rem 1rem;
    }
    .search-suggestions-list :where(li) {
        flex-flow: column wrap;
        flex-shrink: 0;
        align-items: stretch;
        display: flex;
        position: relative;
    }
    .search-suggestions-list :where(li) .badge {
        justify-self: flex-end;
    }
    .search-suggestions-list :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
    .search-suggestions-list :where(li) > :not(ul, menu, .menu-title, details, .btn).menu-active,
    .search-suggestions-list :where(li) > details > summary:active {
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (forced-colors: active) {
        .search-suggestions-list :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
        .search-suggestions-list
            :where(li)
            > :not(ul, menu, .menu-title, details, .btn).menu-active,
        .search-suggestions-list :where(li) > details > summary:active {
            outline-offset: 2px;
            outline: 2px solid #0000;
        }
    }
    .search-suggestions-list :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
    .search-suggestions-list :where(li) > :not(ul, menu, .menu-title, details, .btn).menu-active,
    .search-suggestions-list :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(
        .search-suggestions-list :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
        .search-suggestions-list
            :where(li)
            > :not(ul, menu, .menu-title, details, .btn).menu-active,
        .search-suggestions-list :where(li) > details > summary:active
    ):not(
        :is(
            .search-suggestions-list :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
            .search-suggestions-list
                :where(li)
                > :not(ul, menu, .menu-title, details, .btn).menu-active,
            .search-suggestions-list :where(li) > details > summary:active
        ):active
    ) {
        box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
    }
    .search-suggestions-list :where(li).menu-disabled,
    .search-suggestions-list :where(li) [disabled] {
        pointer-events: none;
        color: var(--color-base-content);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .search-suggestions-list :where(li).menu-disabled,
        .search-suggestions-list :where(li) [disabled] {
            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
    }
    .search-suggestions-list .dropdown:focus-within .menu-dropdown-toggle:after {
        translate: 0 1px;
        rotate: 45deg;
    }
    .search-suggestions-list .dropdown-content {
        margin-top: 0.5rem;
        padding: 0.5rem;
    }
    .search-suggestions-list .dropdown-content:before {
        display: none;
    }
    .summary-kpi-card {
        border-radius: var(--radius-box);
        outline-offset: 2px;
        outline: 2px solid #0000;
        flex-direction: column;
        transition: outline 0.2s ease-in-out;
        display: flex;
        position: relative;
    }
    .summary-kpi-card:focus-visible,
    .summary-kpi-card[aria-checked="true"],
    .summary-kpi-card:has(> :checked, > :is([type="checkbox"], [type="radio"]):focus-visible) {
        outline-color: currentColor;
    }
    .summary-kpi-card:has(> :checked:focus-visible),
    .summary-kpi-card[aria-checked="true"]:focus-visible,
    .summary-kpi-card[aria-checked="true"]:has(
            > :is([type="checkbox"], [type="radio"]):focus-visible
        ) {
        outline-width: 4px;
    }
    .summary-kpi-card:has(> :is([type="checkbox"], [type="radio"])) {
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
    }
    .summary-kpi-card > :is([type="checkbox"], [type="radio"]) {
        appearance: none;
    }
    .aura:has(> .summary-kpi-card, > .alert) {
        --aura-radius: var(--radius-box);
    }
    .summary-kpi-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;
    }
    .dashboard-stat-card {
        border-radius: var(--radius-box);
        outline-offset: 2px;
        outline: 2px solid #0000;
        flex-direction: column;
        transition: outline 0.2s ease-in-out;
        display: flex;
        position: relative;
    }
    .dashboard-stat-card:focus-visible,
    .dashboard-stat-card[aria-checked="true"],
    .dashboard-stat-card:has(> :checked, > :is([type="checkbox"], [type="radio"]):focus-visible) {
        outline-color: currentColor;
    }
    .dashboard-stat-card:has(> :checked:focus-visible),
    .dashboard-stat-card[aria-checked="true"]:focus-visible,
    .dashboard-stat-card[aria-checked="true"]:has(
            > :is([type="checkbox"], [type="radio"]):focus-visible
        ) {
        outline-width: 4px;
    }
    .dashboard-stat-card:has(> :is([type="checkbox"], [type="radio"])) {
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
    }
    .dashboard-stat-card > :is([type="checkbox"], [type="radio"]) {
        appearance: none;
    }
    .aura:has(> .dashboard-stat-card, > .alert) {
        --aura-radius: var(--radius-box);
    }
}
@layer daisyui.l1.l2 {
    .search-suggestions-list :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title)),
    .search-suggestions-list :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
        border-radius: var(--radius-field);
        padding-block: 0.25rem;
        padding-inline: 0.625rem;
        font-size: 0.75rem;
    }
    .search-suggestions-list details[open] > summary:before {
        font-size: 0.75rem;
    }
    .search-suggestions-list .menu-title {
        padding-block: 0.5rem;
        padding-inline: 0.75rem;
    }
    .image-full > .summary-kpi-card__body {
        color: var(--color-neutral-content);
        position: relative;
    }
    .card-xs .summary-kpi-card__body {
        --card-p: 0.5rem;
        --card-fs: 0.6875rem;
    }
    .card-sm .summary-kpi-card__body {
        --card-p: 1rem;
        --card-fs: 0.75rem;
    }
    .card-md .summary-kpi-card__body {
        --card-p: 1.5rem;
        --card-fs: 0.875rem;
    }
    .card-lg .summary-kpi-card__body {
        --card-p: 2rem;
        --card-fs: 1rem;
    }
    .card-xl .summary-kpi-card__body {
        --card-p: 2.5rem;
        --card-fs: 1.125rem;
    }
    .dashboard-stat-card {
        border: var(--border) solid var(--color-base-200);
    }
}
.search-suggestions-list {
    border-radius: var(--radius-box);
    padding: 0;
}
.search-suggestions-item {
    justify-content: flex-start;
    min-width: 0;
}
.search-suggestions-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    width: 100%;
    display: block;
    overflow: hidden;
}
.search-suggestions-meta {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    width: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    opacity: 0.6;
    display: block;
    overflow: hidden;
}
.geoapify-suggestions-panel {
    z-index: 30;
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-box);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-300);
    background-color: var(--color-base-100);
    padding: calc(var(--spacing) * 2);
    --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);
    inset-inline: 0;
    position: absolute;
    top: 100%;
}
.geoapify-suggestions-list {
    max-height: calc(var(--spacing) * 72);
}
:where(.geoapify-suggestions-list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
}
.geoapify-suggestions-list {
    overflow-y: auto;
}
.geoapify-suggestion-item {
    cursor: pointer;
    align-items: flex-start;
    gap: var(--spacing);
    border-radius: var(--radius-lg);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    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));
    flex-direction: column;
    display: flex;
}
@media (hover: hover) {
    .geoapify-suggestion-item:hover {
        background-color: var(--color-base-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .geoapify-suggestion-item:hover {
            background-color: color-mix(in oklab, var(--color-base-200) 70%, transparent);
        }
    }
}
.geoapify-suggestion-item:focus {
    background-color: var(--color-base-200);
}
@supports (color: color-mix(in lab, red, red)) {
    .geoapify-suggestion-item:focus {
        background-color: color-mix(in oklab, var(--color-base-200) 70%, transparent);
    }
}
.geoapify-suggestion-item:focus {
    --tw-outline-style: none;
    outline-style: none;
}
@supports selector(:has(*)) {
    .card.overflow-hidden:has(.dropdown),
    .summary-kpi-card:has(.dropdown),
    .dashboard-stat-card:has(.dropdown) {
        overflow: visible;
    }
}
.dropdown .dropdown-content {
    z-index: 60;
}
@layer daisyui.l1.l2.l3.l4 {
    .summary-kpi-card 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;
    }
    .summary-kpi-card 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;
    }
    .summary-kpi-card figure {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .summary-kpi-card__body p {
        flex-grow: 1;
    }
    .dashboard-stat-card 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;
    }
    .dashboard-stat-card 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;
    }
    .dashboard-stat-card figure {
        justify-content: center;
        align-items: center;
        display: flex;
    }
}
.summary-kpi-card {
    cursor: pointer;
    border-style: var(--tw-border-style);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    width: 100%;
    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));
    --tw-duration: 0.2s;
    --summary-kpi-border-strength: 9%;
    --summary-kpi-bg-strength: 2.5%;
    --summary-kpi-gradient-start-strength: 8%;
    --summary-kpi-gradient-end-strength: 4%;
    --summary-kpi-radial-strength: 6%;
    --summary-kpi-icon-strength: 10%;
    border-width: 1px;
    border-color: var(--summary-accent, var(--color-base-content));
    transition-duration: 0.2s;
    overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
    .summary-kpi-card {
        border-color: color-mix(
            in oklab,
            var(--summary-accent, var(--color-base-content)) var(--summary-kpi-border-strength),
            transparent
        );
    }
}
.summary-kpi-card {
    background-color: var(--summary-accent, var(--color-base-content));
}
@supports (color: color-mix(in lab, red, red)) {
    .summary-kpi-card {
        background-color: color-mix(
            in oklab,
            var(--summary-accent, var(--color-base-content)) var(--summary-kpi-bg-strength),
            var(--color-base-100)
        );
    }
}
.summary-kpi-card {
    background-image:
        linear-gradient(
            145deg,
            var(--summary-accent, var(--color-base-content)) 0%,
            transparent 54%,
            var(--summary-accent, var(--color-base-content)) 100%
        ),
        radial-gradient(
            circle at top right,
            var(--summary-accent, var(--color-base-content)) 0%,
            transparent 42%
        );
}
@supports (color: color-mix(in lab, red, red)) {
    .summary-kpi-card {
        background-image:
            linear-gradient(
                145deg,
                color-mix(
                        in oklab,
                        var(--summary-accent, var(--color-base-content))
                            var(--summary-kpi-gradient-start-strength),
                        transparent
                    )
                    0%,
                transparent 54%,
                color-mix(
                        in oklab,
                        var(--summary-accent, var(--color-base-content))
                            var(--summary-kpi-gradient-end-strength),
                        transparent
                    )
                    100%
            ),
            radial-gradient(
                circle at top right,
                color-mix(
                        in oklab,
                        var(--summary-accent, var(--color-base-content))
                            var(--summary-kpi-radial-strength),
                        transparent
                    )
                    0%,
                transparent 42%
            );
    }
}
[data-theme="dark"] .summary-kpi-card,
[data-theme="dim"] .summary-kpi-card,
[data-theme="material-dark"] .summary-kpi-card {
    --summary-kpi-border-strength: 14%;
    --summary-kpi-bg-strength: 4%;
    --summary-kpi-gradient-start-strength: 12%;
    --summary-kpi-gradient-end-strength: 7%;
    --summary-kpi-radial-strength: 10%;
    --summary-kpi-icon-strength: 12%;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .summary-kpi-card {
        --summary-kpi-border-strength: 14%;
        --summary-kpi-bg-strength: 4%;
        --summary-kpi-gradient-start-strength: 12%;
        --summary-kpi-gradient-end-strength: 7%;
        --summary-kpi-radial-strength: 10%;
        --summary-kpi-icon-strength: 12%;
    }
}
.summary-kpi-card__body {
    gap: var(--spacing);
    padding: calc(var(--spacing) * 3);
}
@media (min-width: 96rem) {
    .summary-kpi-card__body {
        padding: calc(var(--spacing) * 4);
    }
}
.summary-kpi-card__head {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
}
.summary-kpi-card__icon {
    border-radius: var(--radius-box);
    padding: calc(var(--spacing) * 1.5);
    background-color: var(--summary-accent, var(--color-base-content));
    align-items: center;
    display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .summary-kpi-card__icon {
        background-color: color-mix(
            in oklab,
            var(--summary-accent, var(--color-base-content)) var(--summary-kpi-icon-strength),
            transparent
        );
    }
}
.summary-kpi-card__title {
    -webkit-line-clamp: 2;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
@media not all and (min-width: 96rem) {
    .summary-kpi-card__title {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
.summary-kpi-card__value-row {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: var(--spacing);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    display: flex;
}
@media (min-width: 96rem) {
    .summary-kpi-card__value-row {
        gap: calc(var(--spacing) * 3);
    }
}
.summary-kpi-card__value {
    align-items: flex-end;
    gap: var(--spacing);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    flex-wrap: wrap;
    display: flex;
}
@media (min-width: 96rem) {
    .summary-kpi-card__value {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}
.summary-kpi-card__value {
    line-height: 1;
}
.summary-kpi-card__value-muted {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    line-height: 1;
    display: inline-block;
}
.summary-kpi-card__meta {
    margin-top: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .summary-kpi-card__meta {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
}
.dashboard-stat-card {
    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.2s;
    transition-duration: 0.2s;
    position: relative;
    overflow: hidden;
}
@media (hover: hover) {
    .dashboard-stat-card:hover {
        cursor: pointer;
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }
}
.dashboard-stat-card {
    --dashboard-stat-accent: var(--color-primary);
    --dashboard-stat-accent-secondary: var(--color-slate-100);
    --dashboard-stat-border-strength: 14%;
    --dashboard-stat-bg-strength: 2.5%;
    --dashboard-stat-gradient-start-strength: 6%;
    --dashboard-stat-gradient-end-strength: 5%;
    --dashboard-stat-radial-strength: 4%;
    border-color: var(--dashboard-stat-accent);
}
@supports (color: color-mix(in lab, red, red)) {
    .dashboard-stat-card {
        border-color: color-mix(
            in oklab,
            var(--dashboard-stat-accent) var(--dashboard-stat-border-strength),
            transparent
        );
    }
}
.dashboard-stat-card {
    background-color: var(--dashboard-stat-accent);
}
@supports (color: color-mix(in lab, red, red)) {
    .dashboard-stat-card {
        background-color: color-mix(
            in oklab,
            var(--dashboard-stat-accent) var(--dashboard-stat-bg-strength),
            var(--color-base-100)
        );
    }
}
.dashboard-stat-card {
    background-image:
        linear-gradient(
            145deg,
            var(--dashboard-stat-accent) 0%,
            transparent 56%,
            var(--dashboard-stat-accent-secondary) 100%
        ),
        radial-gradient(
            circle at top right,
            var(--dashboard-stat-accent-secondary) 0%,
            transparent 42%
        );
}
@supports (color: color-mix(in lab, red, red)) {
    .dashboard-stat-card {
        background-image:
            linear-gradient(
                145deg,
                color-mix(
                        in oklab,
                        var(--dashboard-stat-accent) var(--dashboard-stat-gradient-start-strength),
                        transparent
                    )
                    0%,
                transparent 56%,
                color-mix(
                        in oklab,
                        var(--dashboard-stat-accent-secondary)
                            var(--dashboard-stat-gradient-end-strength),
                        transparent
                    )
                    100%
            ),
            radial-gradient(
                circle at top right,
                color-mix(
                        in oklab,
                        var(--dashboard-stat-accent-secondary) var(--dashboard-stat-radial-strength),
                        transparent
                    )
                    0%,
                transparent 42%
            );
    }
}
.dashboard-stat-card__icon {
    border-radius: var(--radius-box);
    padding: calc(var(--spacing) * 1.5);
    background-color: var(--dashboard-stat-accent);
    align-items: center;
    display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .dashboard-stat-card__icon {
        background-color: color-mix(in oklab, var(--dashboard-stat-accent) 9%, transparent);
    }
}
.dashboard-stat-card__rail {
    background-color: var(--dashboard-stat-accent);
}
@supports (color: color-mix(in lab, red, red)) {
    .dashboard-stat-card__rail {
        background-color: color-mix(in oklab, var(--dashboard-stat-accent) 16%, transparent);
    }
}
.dashboard-stat-card:hover .dashboard-stat-card__rail {
    background-color: var(--color-primary);
}
[data-theme="dark"] .dashboard-stat-card,
[data-theme="dim"] .dashboard-stat-card,
[data-theme="material-dark"] .dashboard-stat-card {
    --dashboard-stat-accent: var(--color-primary);
    --dashboard-stat-accent-secondary: var(--color-slate-500);
    --dashboard-stat-border-strength: 14%;
    --dashboard-stat-bg-strength: 4%;
    --dashboard-stat-gradient-start-strength: 10%;
    --dashboard-stat-gradient-end-strength: 6%;
    --dashboard-stat-radial-strength: 8%;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .dashboard-stat-card {
        --dashboard-stat-accent: var(--color-primary);
        --dashboard-stat-accent-secondary: var(--color-slate-500);
        --dashboard-stat-border-strength: 14%;
        --dashboard-stat-bg-strength: 4%;
        --dashboard-stat-gradient-start-strength: 10%;
        --dashboard-stat-gradient-end-strength: 6%;
        --dashboard-stat-radial-strength: 8%;
    }
}
html[data-page="landing"] {
    --color-secondary: #9c5de8;
    --color-secondary-content: #fff;
}
.site-background-squares {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-mask-image: linear-gradient(#000 0% 3%, #000000b8 17%, #00000047 27%, #0000 35%);
    mask-image: linear-gradient(#000 0% 3%, #000000b8 17%, #00000047 27%, #0000 35%);
}
@keyframes hero-rise-soft {
    0% {
        opacity: 0;
        filter: blur(10px);
        transform: translateY(22px) scale(0.985);
    }
    to {
        opacity: 1;
        filter: blur();
        transform: translate(0) scale(1);
    }
}
@media (prefers-reduced-motion: no-preference) {
    .hero-motion > *,
    .hero-motion-figure {
        will-change: transform, opacity, filter;
        animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) both hero-rise-soft;
    }
    .hero-motion > :first-child {
        animation-delay: 50ms;
    }
    .hero-motion > :nth-child(2) {
        animation-delay: 0.21s;
    }
    .hero-motion > :nth-child(3) {
        animation-delay: 0.37s;
    }
    .hero-motion > :nth-child(4) {
        animation-delay: 0.53s;
    }
    .hero-motion-figure {
        animation-delay: 0.69s;
    }
}
.eco-section {
    padding-block: calc(var(--spacing) * 8);
}
@media (min-width: 48rem) {
    .eco-section {
        padding-block: calc(var(--spacing) * 12);
    }
}
@media (min-width: 80rem) {
    .eco-section {
        padding-block: calc(var(--spacing) * 14);
    }
}
.section-badge {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-300);
    border-radius: 3.40282e38px;
    width: fit-content;
    display: inline-block;
}
@supports (color: color-mix(in lab, red, red)) {
    .section-badge {
        border-color: color-mix(in oklab, var(--color-base-300) 50%, transparent);
    }
}
.section-badge {
    background-color: var(--color-base-200);
}
@supports (color: color-mix(in lab, red, red)) {
    .section-badge {
        background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent);
    }
}
.section-badge {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .section-badge {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
}
.section-badge {
    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;
    box-shadow: inset 0 2px 4px var(--color-base-300);
    transition-duration: 0.3s;
}
@supports (color: color-mix(in lab, red, red)) {
    .section-badge {
        box-shadow: inset 0 2px 4px color-mix(in oklab, var(--color-base-300) 20%, transparent);
    }
}
.eco-tile {
    border-radius: var(--radius-3xl);
    border: 1px solid var(--color-primary);
    flex-direction: column;
    display: flex;
    overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile {
        border: 1px solid color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
}
.eco-tile {
    background-color: var(--color-base-100);
    background-image: linear-gradient(
        to bottom right in oklab,
        var(--color-primary) 0%,
        var(--color-base-100) 55%,
        var(--color-base-100) 100%
    );
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile {
        background-image: linear-gradient(
            to bottom right in oklab,
            color-mix(in oklab, var(--color-primary) 8%, transparent) 0%,
            var(--color-base-100) 55%,
            color-mix(in oklab, var(--color-base-100) 96%, transparent) 100%
        );
    }
}
.eco-tile {
    transition:
        box-shadow 0.5s,
        border-color 0.5s;
}
.eco-tile:is(:hover, :focus-within) {
    border-color: var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile:is(:hover, :focus-within) {
        border-color: color-mix(in oklab, var(--color-primary) 32%, transparent);
    }
}
.eco-tile:is(:hover, :focus-within) {
    box-shadow: 0 18px 36px var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile:is(:hover, :focus-within) {
        box-shadow: 0 18px 36px color-mix(in oklab, var(--color-primary) 8%, transparent);
    }
}
html[data-theme="dark"] .eco-tile,
html[data-theme="dark"] .eco-tile:is(:hover, :focus-within),
html[data-theme="dim"] .eco-tile,
html[data-theme="dim"] .eco-tile:is(:hover, :focus-within),
html[data-theme="material-dark"] .eco-tile,
html[data-theme="material-dark"] .eco-tile:is(:hover, :focus-within) {
    box-shadow: none;
}
.eco-tile__shot {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-base-300);
    position: relative;
    overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__shot {
        border-color: color-mix(in oklab, var(--color-base-300) 70%, transparent);
    }
}
.eco-tile__shot {
    aspect-ratio: 1900/860;
}
.eco-tile__shot img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.eco-tile:hover .eco-tile__shot img {
    transform: scale(1.02);
}
.eco-tile__shot--empty {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-bottom-width: 1px;
    border-color: var(--color-base-300);
    background-color: var(--color-base-200);
    flex-direction: column;
    display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__shot--empty {
        background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent);
    }
}
.eco-tile__shot--empty {
    color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__shot--empty {
        color: color-mix(in oklab, var(--color-base-content) 45%, transparent);
    }
}
.eco-tile__body {
    gap: calc(var(--spacing) * 2.5);
    padding: calc(var(--spacing) * 5);
    flex-direction: column;
    flex-grow: 1;
    display: flex;
}
.eco-tile__num {
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-primary);
    background: var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__num {
        background: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
}
.eco-tile__chips {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
}
.eco-tile__chips span {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-300);
    border-radius: 3.40282e38px;
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__chips span {
        border-color: color-mix(in oklab, var(--color-base-300) 70%, transparent);
    }
}
.eco-tile__chips span {
    background-color: var(--color-base-200);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__chips span {
        background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent);
    }
}
.eco-tile__chips span {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__chips span {
        color: color-mix(in oklab, var(--color-base-content) 62%, transparent);
    }
}
.eco-tile__foot {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-top-width: 1px;
    border-color: var(--color-base-300);
    padding-top: calc(var(--spacing) * 3);
    margin-top: auto;
    display: flex;
}
.eco-tile__route {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-tile__route {
        color: color-mix(in oklab, var(--color-base-content) 38%, transparent);
    }
}
.eco-feature {
    border-radius: var(--radius-box);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-300);
    background-color: var(--color-base-100);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-feature {
        background-color: color-mix(in oklab, var(--color-base-100) 60%, transparent);
    }
}
.eco-feature {
    padding: calc(var(--spacing) * 5);
    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;
}
.eco-feature:hover {
    border-color: var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-feature:hover {
        border-color: color-mix(in oklab, var(--color-primary) 28%, transparent);
    }
}
.eco-feature:hover {
    background-color: var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-feature:hover {
        background-color: color-mix(in oklab, var(--color-primary) 3%, var(--color-base-100));
    }
}
.eco-feature__icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    color: var(--color-primary);
    border-radius: var(--radius-box);
    background: var(--color-primary);
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-feature__icon {
        background: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
}
.eco-stat {
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-box);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-300);
    background-color: var(--color-base-100);
    display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-stat {
        background-color: color-mix(in oklab, var(--color-base-100) 60%, transparent);
    }
}
.eco-stat {
    padding: calc(var(--spacing) * 5);
}
.eco-stat__icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    color: var(--color-primary);
    border-radius: var(--radius-box);
    background: var(--color-primary);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-stat__icon {
        background: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
}
.eco-stat__value {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-semibold);
    line-height: 1;
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
}
.eco-stat__value span {
    vertical-align: middle;
    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);
    margin-inline-start: calc(var(--spacing) * 1.5);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-stat__value span {
        color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
}
.eco-cta {
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 6);
    flex-direction: column;
    display: flex;
}
@media (min-width: 64rem) {
    .eco-cta {
        padding: calc(var(--spacing) * 10);
        flex-direction: row;
        align-items: center;
    }
}
.eco-cta {
    border-radius: var(--radius-3xl);
    border: 1px solid var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-cta {
        border: 1px solid color-mix(in oklab, var(--color-primary) 24%, transparent);
    }
}
.eco-cta {
    background-color: var(--color-base-100);
    background-image:
        radial-gradient(120% 110% at 100% 0%, var(--color-secondary) 0%, transparent 62%),
        linear-gradient(
            to bottom right in oklab,
            var(--color-primary) 0%,
            var(--color-base-100) 60%
        );
}
@supports (color: color-mix(in lab, red, red)) {
    .eco-cta {
        background-image:
            radial-gradient(
                120% 110% at 100% 0%,
                color-mix(in oklab, var(--color-secondary) 12%, transparent) 0%,
                transparent 62%
            ),
            linear-gradient(
                to bottom right in oklab,
                color-mix(in oklab, var(--color-primary) 12%, transparent) 0%,
                var(--color-base-100) 60%
            );
    }
}
.grainy {
    background: #fff0 url(../images/landing/footer-grainy.png) 50%;
}
:root {
    --layout-sidebar-width: 256px;
}
.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: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .sidebar-menu .menu-label {
        color: color-mix(in oklab, var(--color-base-content) 70%, 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: var(--color-base-200);
    }
}
:is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item.active {
    background-color: var(--color-base-200);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.sidebar-menu .collapse input {
    min-height: calc(var(--spacing) * 8);
    padding: 0;
}
.sidebar-menu .collapse .collapse-title {
    min-height: calc(var(--spacing) * 8);
    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: var(--color-base-200);
    }
}
.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: var(--color-base-content);
    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-base-content) 10%, 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);
    z-index: 10;
    max-height: 100vh;
    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;
    top: 0;
    bottom: 0;
}
#layout-sidebar.hide {
    margin-inline-start: calc(var(--layout-sidebar-width) * -1);
}
#layout-topbar {
    background: var(--layout-topbar-background);
    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;
    top: 0;
}
#layout-content {
    padding: calc(var(--spacing) * 3);
    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;
}
@media (min-width: 40rem) {
    #layout-content {
        padding: calc(var(--spacing) * 4);
    }
}
@media (min-width: 48rem) {
    #layout-content {
        padding: calc(var(--spacing) * 6);
    }
}
#layout-sidebar-toggle-trigger:checked ~ #layout-sidebar {
    margin-inline-start: calc(var(--layout-sidebar-width) * -1);
}
#layout-sidebar-hover {
    z-index: 11;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
}
#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: 0 !important;
    }
}
#layout-monochrome-layer {
    pointer-events: none;
    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;
    inset: 0;
}
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 {
        z-index: 499;
        background-color: var(--color-base-content);
        position: fixed;
        inset: 0;
    }
    @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;
}
.pressure-threshold-range {
    height: 1.5rem;
    position: relative;
}
.pressure-threshold-range__input {
    appearance: none;
    pointer-events: none;
    background: 0 0;
    width: 100%;
    height: 1.5rem;
    margin: 0;
    position: absolute;
    inset: 0;
}
.pressure-threshold-range__input::-webkit-slider-runnable-track {
    background: 0 0;
    height: 1.5rem;
}
.pressure-threshold-range__input::-webkit-slider-thumb {
    appearance: none;
    cursor: grab;
    pointer-events: auto;
    background: 0 0;
    border: 0;
    width: 1.25rem;
    height: 1.25rem;
}
.pressure-threshold-range__input::-moz-range-track {
    background: 0 0;
    border: 0;
    height: 1.5rem;
}
.pressure-threshold-range__input::-moz-range-thumb {
    cursor: grab;
    pointer-events: auto;
    background: 0 0;
    border: 0;
    width: 1.25rem;
    height: 1.25rem;
}
.pressure-threshold-range__input:active::-webkit-slider-thumb {
    cursor: grabbing;
}
.pressure-threshold-range__input:active::-moz-range-thumb {
    cursor: grabbing;
}
.unit-components-flow {
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 100%;
    padding-bottom: 0.25rem;
    display: flex;
    overflow: visible;
}
.unit-components-flow__item {
    flex: 0 auto;
    align-items: center;
    gap: 1rem;
    display: flex;
    position: relative;
}
.unit-components-flow__card {
    border: 1px solid var(--color-base-300);
    border-radius: var(--radius-box);
    background: var(--color-base-100);
    flex-direction: column;
    width: 11.75rem;
    min-height: 17rem;
    padding: 1rem;
    transition:
        border-color 0.16s,
        box-shadow 0.16s,
        transform 0.16s;
    display: flex;
    position: relative;
}
.unit-components-flow__card:hover {
    border-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__card:hover {
        border-color: color-mix(in oklch, var(--color-base-content) 24%, var(--color-base-300));
    }
}
.unit-components-flow__card:hover {
    cursor: pointer;
    box-shadow: 0 10px 24px #0f172a05;
}
.unit-components-flow__handle {
    cursor: grab;
    width: 1.25rem;
    height: 1.25rem;
    color: var(--color-base-content);
    border-radius: 0.35rem;
    grid-template-columns: repeat(2, 0.2rem);
    grid-auto-rows: 0.2rem;
    place-content: center;
    gap: 0.12rem;
    display: grid;
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__handle {
        color: color-mix(in oklch, var(--color-base-content) 38%, transparent);
    }
}
.unit-components-flow__handle:hover,
.unit-components-flow__handle:focus-visible {
    background: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__handle:hover,
    .unit-components-flow__handle:focus-visible {
        background: color-mix(in oklch, var(--color-base-content) 7%, transparent);
    }
}
.unit-components-flow__handle:hover,
.unit-components-flow__handle:focus-visible {
    color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__handle:hover,
    .unit-components-flow__handle:focus-visible {
        color: color-mix(in oklch, var(--color-base-content) 62%, transparent);
    }
}
.unit-components-flow__handle:hover,
.unit-components-flow__handle:focus-visible {
    outline: none;
}
.unit-components-flow__handle:focus-visible {
    box-shadow: 0 0 0 2px var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__handle:focus-visible {
        box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-primary) 28%, transparent);
    }
}
.unit-components-flow__handle:active {
    cursor: grabbing;
}
.unit-components-flow__handle span {
    background: currentColor;
    border-radius: 999px;
    width: 0.2rem;
    height: 0.2rem;
}
.unit-components-flow__media {
    justify-content: center;
    align-items: center;
    height: 6.75rem;
    margin-top: 0.25rem;
    margin-bottom: 0.875rem;
    display: flex;
}
.unit-components-flow__image {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.unit-components-flow__placeholder {
    border: 1px dashed var(--color-base-content);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__placeholder {
        border: 1px dashed color-mix(in oklch, var(--color-base-content) 22%, transparent);
    }
}
.unit-components-flow__placeholder {
    border-radius: calc(var(--radius-box) - 0.125rem);
    background: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__placeholder {
        background: color-mix(in oklch, var(--color-base-content) 3%, transparent);
    }
}
.unit-components-flow__placeholder {
    color: var(--color-base-content);
    padding: 0.75rem;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__placeholder {
        color: color-mix(in oklch, var(--color-base-content) 52%, transparent);
    }
}
.unit-components-flow__placeholder {
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25;
}
.unit-components-flow__content {
    text-align: center;
    flex-direction: column;
    flex: 1;
    align-items: center;
    min-height: 5rem;
    display: flex;
}
.unit-components-flow__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2rem;
    font-weight: 500;
    line-height: 1.25;
    display: -webkit-box;
    overflow: hidden;
}
.unit-components-flow__value {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.15rem;
    min-height: 2rem;
    display: flex;
}
.unit-components-flow__value-text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1;
}
.unit-components-flow__meta {
    color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__meta {
        color: color-mix(in oklch, var(--color-base-content) 62%, transparent);
    }
}
.unit-components-flow__meta {
    font-size: 0.72rem;
    line-height: 1.1;
}
.unit-components-flow__status {
    color: var(--color-base-content);
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
    margin-top: auto;
    display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__status {
        color: color-mix(in oklch, var(--color-base-content) 64%, transparent);
    }
}
.unit-components-flow__status {
    font-size: 0.875rem;
    line-height: 1.2;
}
.unit-components-flow__status-dot {
    border-radius: 999px;
    flex: none;
    width: 0.55rem;
    height: 0.55rem;
    display: block;
}
.unit-components-flow__item {
    align-items: center;
    display: flex;
}
.unit-components-flow__arrow {
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    line-height: 1;
    display: flex;
}
.unit-components-flow__item--chosen .unit-components-flow__card {
    border-color: var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-components-flow__item--chosen .unit-components-flow__card {
        border-color: color-mix(in oklch, var(--color-primary) 52%, var(--color-base-300));
    }
}
.unit-components-flow__item--chosen .unit-components-flow__card {
    box-shadow: 0 14px 30px #0f172a1f;
}
.unit-components-flow__item--drag .unit-components-flow__card {
    transform: rotate(0.5deg);
}
.unit-components-flow__item--ghost .unit-components-flow__card {
    opacity: 0.48;
    border-style: dashed;
}
@media (max-width: 640px) {
    .unit-components-flow__card {
        width: 10.75rem;
        min-height: 16.5rem;
    }
    .unit-components-flow__value-text {
        font-size: 1.1rem;
    }
}
.unit-components-flow__arrow--wrap {
    color: var(--color-base-content);
    transform: rotate(270deg);
}
.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);
}
.apexcharts-canvas .apexcharts-svg:focus {
    --tw-outline-style: none;
    outline-style: none;
}
.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;
    z-index: 1300 !important;
}
.flatpickr-calendar.open {
    z-index: 1400 !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: 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: var(--spacing);
    top: var(--spacing);
    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;
}
.unit-location-map {
    border: 1px solid var(--color-base-300);
    border-radius: var(--radius-box, 1rem);
    width: 100%;
    position: relative;
    background: var(--color-base-200) !important;
}
.unit-location-map .leaflet-container {
    width: 100%;
    height: 100%;
    font-family: inherit;
    background: var(--color-base-200) !important;
    color: var(--color-base-content) !important;
}
.unit-location-map-marker {
    background: 0 0 !important;
    border: 0 !important;
}
.unit-location-map-marker__dot {
    border: 3px solid var(--color-primary);
    background: var(--color-primary);
    border-radius: 9999px;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-location-map-marker__dot {
        background: color-mix(in oklch, var(--color-primary) 18%, var(--color-base-100));
    }
}
.unit-location-map-marker__dot {
    box-shadow:
        0 0 0 5px var(--color-primary),
        0 12px 28px #0f172a2e;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-location-map-marker__dot {
        box-shadow:
            0 0 0 5px color-mix(in oklch, var(--color-primary) 18%, transparent),
            0 12px 28px #0f172a2e;
    }
}
.unit-location-map-marker--draggable {
    cursor: grab !important;
}
.unit-location-map-marker--draggable:active {
    cursor: grabbing !important;
}
.unit-location-map .leaflet-top,
.unit-location-map .leaflet-bottom {
    z-index: 400 !important;
}
.unit-location-map .leaflet-control-zoom {
    box-shadow: none !important;
    border: 0 !important;
}
.unit-location-map .leaflet-control-zoom a {
    background: var(--color-base-100) !important;
    width: 2rem !important;
    height: 2rem !important;
    color: var(--color-base-content) !important;
    border: 1px solid var(--color-base-300) !important;
    place-items: center !important;
    line-height: 1 !important;
    display: grid !important;
    box-shadow: 0 4px 14px #0000001f !important;
}
.unit-location-map .leaflet-control-zoom a:first-child {
    border-top-left-radius: var(--radius-field, 0.75rem) !important;
    border-top-right-radius: var(--radius-field, 0.75rem) !important;
}
.unit-location-map .leaflet-control-zoom a:last-child {
    border-bottom-left-radius: var(--radius-field, 0.75rem) !important;
    border-bottom-right-radius: var(--radius-field, 0.75rem) !important;
}
.unit-location-map .leaflet-control-attribution {
    background: var(--color-base-100) !important;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-location-map .leaflet-control-attribution {
        background: color-mix(in srgb, var(--color-base-100) 82%, transparent) !important;
    }
}
.unit-location-map .leaflet-control-attribution {
    color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-location-map .leaflet-control-attribution {
        color: color-mix(in oklch, var(--color-base-content) 70%, transparent) !important;
    }
}
.unit-location-map .leaflet-control-attribution {
    border-top-left-radius: 0.5rem;
}
.unit-location-map .leaflet-popup-content-wrapper {
    background: var(--color-base-100) !important;
    color: var(--color-base-content) !important;
    border: 1px solid var(--color-base-300) !important;
    border-radius: var(--radius-box, 1rem) !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 18px 42px #0f172a2e !important;
}
.unit-location-map .leaflet-popup-tip {
    background: var(--color-base-100) !important;
}
.unit-location-map .leaflet-popup-content {
    min-width: 15rem;
    color: var(--color-base-content) !important;
    margin: 0 !important;
}
.unit-location-map .leaflet-popup-close-button {
    color: var(--color-base-content) !important;
    top: 0.875rem !important;
    right: 0.875rem !important;
}
.unit-location-popup {
    flex-direction: column;
    display: flex;
}
.unit-location-popup__header {
    border-bottom: 1px solid var(--color-base-300);
    padding: 1rem 1rem 0.75rem;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-location-popup__header {
        border-bottom: 1px solid color-mix(in srgb, var(--color-base-300) 70%, transparent);
    }
}
.unit-location-popup__eyebrow {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-base-content);
    font-size: 0.72rem;
    font-weight: 700;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-location-popup__eyebrow {
        color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
    }
}
.unit-location-popup__title {
    margin-top: 0.35rem;
    padding-right: 1.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
}
.unit-location-popup__body {
    gap: 0.75rem;
    padding: 0.9rem 1rem 1rem;
    display: grid;
}
.unit-location-popup__row {
    gap: 0.25rem;
    display: grid;
}
.unit-location-popup__label {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-base-content);
    font-size: 0.74rem;
}
@supports (color: color-mix(in lab, red, red)) {
    .unit-location-popup__label {
        color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
    }
}
.unit-location-popup__value {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
}
.unit-location-popup__value--mono {
    font-family: var(--font-family-mono, monospace);
}
.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;
}
.select {
    cursor: pointer;
    --select-arrow-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .select {
        --select-arrow-color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
    }
}
.select {
    background-image:
        linear-gradient(45deg, #0000 50%, var(--select-arrow-color) 50%),
        linear-gradient(135deg, var(--select-arrow-color) 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;
}
.select:hover {
    --select-arrow-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .select:hover {
        --select-arrow-color: color-mix(in oklch, var(--color-base-content) 72%, transparent);
    }
}
.select:focus,
.select:focus-visible {
    --select-arrow-color: var(--color-base-content);
}
.select:disabled,
.select[disabled] {
    cursor: not-allowed;
    --select-arrow-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .select:disabled,
    .select[disabled] {
        --select-arrow-color: color-mix(in oklch, var(--color-base-content) 30%, transparent);
    }
}
.treeselect {
    --treeselect-border-color: var(--color-base-300);
    --treeselect-bg: var(--color-base-100);
    --treeselect-border-focus: var(--color-primary);
    --treeselect-tag-bg: var(--color-base-200);
    --treeselect-tag-bg-hover: var(--color-base-300);
    --treeselect-tag-remove-hover: var(--color-error);
    --treeselect-icon: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect {
        --treeselect-icon: color-mix(in oklch, var(--color-base-content) 50%, transparent);
    }
}
.treeselect {
    --treeselect-icon-hover: var(--color-base-content);
    --treeselect-item-focus-bg: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect {
        --treeselect-item-focus-bg: color-mix(in oklch, var(--color-base-content) 10%, transparent);
    }
}
.treeselect {
    --treeselect-item-selected-bg: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect {
        --treeselect-item-selected-bg: color-mix(
            in oklch,
            var(--color-base-content) 5%,
            transparent
        );
    }
}
.treeselect {
    --treeselect-item-disabled-text: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect {
        --treeselect-item-disabled-text: color-mix(
            in oklch,
            var(--color-base-content) 50%,
            transparent
        );
    }
}
.treeselect {
    --treeselect-checkbox-bg: var(--color-base-100);
    --treeselect-checkbox-border-color: var(--color-base-300);
    --treeselect-checkbox-checked-bg: var(--color-primary);
    --treeselect-checkbox-checked-icon: var(--color-primary-content);
    --treeselect-scrollbar-thumb: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect {
        --treeselect-scrollbar-thumb: color-mix(
            in oklch,
            var(--color-base-content) 18%,
            transparent
        );
    }
}
.treeselect {
    --treeselect-scrollbar-thumb-hover: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect {
        --treeselect-scrollbar-thumb-hover: color-mix(
            in oklch,
            var(--color-base-content) 28%,
            transparent
        );
    }
}
.treeselect {
    --treeselect-scrollbar-track: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect {
        --treeselect-scrollbar-track: color-mix(
            in oklch,
            var(--color-base-content) 6%,
            transparent
        );
    }
}
.treeselect {
    width: 100%;
    display: block;
}
.treeselect-input {
    cursor: pointer;
    align-items: center;
    transition: all 0.1s;
    display: flex;
    border-radius: var(--radius-field) !important;
    background-color: var(--treeselect-bg) !important;
    border: var(--border) solid var(--treeselect-border-color) !important;
    min-height: 2.6rem !important;
    padding: 0 0.75rem !important;
}
.treeselect-input:focus-within {
    border-color: var(--color-base-content) !important;
    outline: 2px solid var(--color-base-content) !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}
.treeselect-input__tags {
    min-height: 2rem;
    color: var(--color-base-content);
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    display: flex;
    padding: 0 !important;
}
.treeselect-input__tags-count {
    color: var(--color-base-content);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    overflow: hidden;
}
.treeselect-input__edit {
    color: var(--color-base-content);
    background: 0 0;
    border: none;
    flex: 1;
    min-width: 50px;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
}
.treeselect-input__edit:focus {
    outline: none;
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect-input__edit::placeholder {
        color: color-mix(in oklch, var(--color-base-content) 50%, transparent);
    }
}
.treeselect-input__operators {
    color: var(--treeselect-icon);
    align-items: center;
    gap: 0.3rem;
    display: flex;
    margin-right: 0.5rem !important;
}
.treeselect-input__clear,
.treeselect-input__arrow {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    transition: color 0.1s;
    display: flex;
}
.treeselect-input__arrow svg,
.treeselect-input__arrow--daisy svg {
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}
.treeselect-input__arrow,
.treeselect-input__arrow--daisy {
    background-image:
        linear-gradient(45deg, #0000 50%, currentColor 50%),
        linear-gradient(135deg, currentColor 50%, #0000 50%);
    background-position:
        calc(50% - 2px) calc(50% - 1px),
        calc(50% + 2px) calc(50% - 1px);
    background-repeat: no-repeat;
    background-size:
        4px 4px,
        4px 4px;
}
.treeselect-input__arrow:before,
.treeselect-input__arrow--daisy:before {
    content: "";
    display: none;
}
.treeselect-input__clear:hover,
.treeselect-input__arrow:hover {
    color: var(--treeselect-icon-hover);
    border-radius: 1rem;
}
.treeselect-list {
    z-index: 1000;
    margin-top: 0.45rem;
    position: absolute;
    background-color: var(--treeselect-bg) !important;
    border-width: var(--border) !important;
    border-style: solid !important;
    border-color: var(--treeselect-border-color) !important;
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect-list {
        border-color: color-mix(
            in srgb,
            var(--treeselect-border-color) 50%,
            transparent
        ) !important;
    }
}
.treeselect-list {
    scrollbar-width: thin;
    scrollbar-color: var(--treeselect-scrollbar-thumb) var(--treeselect-scrollbar-track);
    border-radius: var(--radius-field) !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}
.treeselect-list::-webkit-scrollbar {
    width: 0.6rem;
}
.treeselect-list::-webkit-scrollbar-track {
    background: var(--treeselect-scrollbar-track);
    border-radius: 999px;
}
.treeselect-list::-webkit-scrollbar-thumb {
    background: var(--treeselect-scrollbar-thumb);
    background-clip: padding-box;
    border: 2px solid #0000;
    border-radius: 999px;
}
.treeselect-list::-webkit-scrollbar-thumb:hover {
    background: var(--treeselect-scrollbar-thumb-hover);
    background-clip: padding-box;
    border: 2px solid #0000;
}
.treeselect-list__item {
    align-items: center;
    transition: background-color 0.1s;
    display: flex;
    cursor: pointer !important;
    color: var(--color-base-content) !important;
    font-size: 0.875rem !important;
}
.treeselect-list__item:hover,
.treeselect-list__item--focused {
    background-color: var(--treeselect-item-focus-bg) !important;
}
.treeselect-list__item--single-selected,
.treeselect-list__item--checked {
    background-color: var(--treeselect-item-selected-bg) !important;
    color: var(--color-base-content) !important;
    font-weight: 500 !important;
}
.treeselect-list__item-checkbox-container {
    border-radius: 0.25rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    display: inline-flex;
    position: relative;
    overflow: visible;
    background: 0 0 !important;
}
.treeselect-list__item-checkbox {
    opacity: 0;
    cursor: pointer;
    appearance: none;
    accent-color: #0000;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    box-shadow: none !important;
    background: 0 0 !important;
    border: 0 !important;
    outline: none !important;
}
.treeselect-list__item-checkbox-icon {
    background-color: var(--treeselect-checkbox-bg);
    border: 1px solid var(--treeselect-checkbox-border-color);
    box-sizing: border-box;
    background-clip: padding-box;
    border-radius: 0.25rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: visible;
}
.treeselect-list__item--checked .treeselect-list__item-checkbox-icon {
    background-color: var(--treeselect-checkbox-checked-bg);
    border-color: var(--treeselect-checkbox-checked-bg);
}
.treeselect-list__item-checkbox-icon svg {
    display: none !important;
}
.treeselect-list__item-checkbox-icon:after {
    content: "";
    border-right: 2px solid var(--treeselect-checkbox-checked-icon);
    border-bottom: 2px solid var(--treeselect-checkbox-checked-icon);
    transform-origin: 50%;
    opacity: 0;
    width: 0.28rem;
    height: 0.56rem;
    transition:
        transform 0.12s,
        opacity 0.12s;
    transform: translateY(-0.04rem) rotate(45deg) scale(0);
}
.treeselect-list__item--checked .treeselect-list__item-checkbox-icon:after {
    opacity: 1;
    transform: translateY(-0.04rem) rotate(45deg) scale(1);
}
.treeselect-list__item-icon {
    align-items: center;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    display: inline-flex;
}
.treeselect-list__item-icon svg {
    stroke: var(--treeselect-icon);
    width: 0.75rem;
    height: 0.75rem;
    transition: transform 0.2s;
}
.treeselect-list__item-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    overflow: hidden;
}
.treeselect-list__item--hidden {
    display: none !important;
}
.treeselect-list__empty {
    text-align: center;
    color: var(--treeselect-item-disabled-text);
    padding: 1rem;
}
.treeselect-list__empty-icon {
    margin-right: 0.5rem;
    display: inline-block;
}
.treeselect-list__empty-icon svg {
    stroke: var(--treeselect-icon);
    width: 1rem;
    height: 1rem;
}
.treeselect-sm .treeselect-input {
    min-height: 2rem !important;
    font-size: 0.75rem !important;
}
.treeselect-sm .treeselect-input__tags {
    font-size: 0.75rem !important;
}
.treeselect-sm .treeselect-list__item {
    padding-block: 0.25rem;
    padding-inline-end: 0.75rem;
    font-size: 0.75rem !important;
}
.treeselect-input__edit {
    background: 0 0 !important;
}
.treeselect-input__edit::placeholder {
    color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect-input__edit::placeholder {
        color: color-mix(in oklch, var(--color-base-content) 40%, transparent) !important;
    }
}
.treeselect-input__tags
    > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template) {
    border: 1px solid var(--treeselect-border-color);
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    min-height: 1.75rem;
    padding: 0.2rem 0.65rem;
    display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect-input__tags
        > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template) {
        border: 1px solid color-mix(in srgb, var(--treeselect-border-color) 70%, transparent);
    }
}
.treeselect-input__tags
    > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template) {
    border-radius: var(--radius-selector);
    background-color: var(--treeselect-tag-bg);
    color: var(--color-base-content);
    line-height: 1.2;
}
.treeselect-input__tags
    > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template):hover {
    background-color: var(--treeselect-tag-bg-hover);
}
.treeselect-input__tags
    > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template)
    button {
    width: 1rem;
    height: 1rem;
    color: var(--color-base-content);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect-input__tags
        > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template)
        button {
        color: color-mix(in oklch, var(--color-base-content) 50%, transparent);
    }
}
.treeselect-input__tags
    > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template)
    button {
    transition:
        color 0.12s,
        background-color 0.12s;
}
.treeselect-input__tags
    > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template)
    button:hover {
    color: var(--treeselect-tag-remove-hover);
    background-color: var(--color-error);
}
@supports (color: color-mix(in lab, red, red)) {
    .treeselect-input__tags
        > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template)
        button:hover {
        background-color: color-mix(in oklch, var(--color-error) 12%, transparent);
    }
}
.treeselect-input__tags
    > :not(.treeselect-input__edit):not(.treeselect-input__tags-count):not(template)
    svg {
    flex: none;
    width: 0.85rem;
    height: 0.85rem;
}
.treeselect-list__item-icon {
    margin-left: 0.5rem;
    margin-right: 0 !important;
}
.treeselect-list__item:not(.treeselect-list__item--group)
    .treeselect-list__item-checkbox-container {
    margin-left: 1.5rem !important;
}
.treeselect-input {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
.treeselect-list {
    box-sizing: border-box;
    scroll-padding-block: 0.35rem;
    padding: 0.35rem !important;
}
.treeselect-list__item {
    min-height: 2.5rem;
    border-radius: calc(var(--radius-field) - 2px) !important;
    padding-block: 0.5rem !important;
    padding-inline-end: 0.75rem !important;
}
.treeselect-list__item:hover {
    border-radius: calc(var(--radius-field) - 2px) !important;
}
.treeselect-list__item-label {
    line-height: 1.3 !important;
}
.menu-label {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    color: var(--color-base-content) !important;
}
@supports (color: color-mix(in lab, red, red)) {
    .menu-label {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent) !important;
    }
}
.tabs-border .tab.tab-active {
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
}
@supports (color: color-mix(in lab, red, red)) {
    .tabs-border .tab.tab-active {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
}
.tabs-border .tab.tab-active {
    color: var(--color-primary);
}
.tabs-box .tab.tab-active {
    border-radius: var(--radius-lg);
    background-color: var(--color-base-100);
    color: var(--color-base-content);
}
@media (min-width: 64rem) {
    .tabs-box .tab.tab-active,
    .tabs-box .tab {
        padding-inline: calc(var(--spacing) * 10);
    }
}
[x-cloak] {
    display: none !important;
}
:is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item.active {
    background-color: var(--color-primary);
}
@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-primary) 5%, transparent);
    }
}
:is(.sidebar-menu a, .sidebar-menu .menu-item-link).menu-item.active {
    color: var(--color-primary);
}
@keyframes dropdown {
    0% {
        opacity: 0;
    }
}
@keyframes aura {
    to {
        --aura-angle: 360deg;
        transform: translateZ(1px);
    }
}
@keyframes aura-glow {
    20%,
    80% {
        opacity: 0.7;
        filter: blur(0.25rem);
    }
    50% {
        opacity: 1;
        filter: blur(0.75rem);
    }
}
@keyframes aura-glow-after {
    20%,
    80% {
        opacity: 0.3;
        filter: blur(1rem);
    }
    50% {
        opacity: 0.6;
        filter: blur(1.5rem);
    }
}
@keyframes progress {
    50% {
        background-position-x: -115%;
    }
}
@keyframes skeleton {
    0% {
        background-position: 150%;
    }
    to {
        background-position: -50%;
    }
}
@keyframes rating {
    0%,
    40% {
        filter: brightness(1.05) contrast(1.05);
        scale: 1.1;
    }
}
@keyframes menu {
    0% {
        opacity: 0;
    }
}
@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 radio {
    0% {
        padding: 5px;
    }
    50% {
        padding: 3px;
    }
}
@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-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;
}
@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}
@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}
@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-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-backdrop-blur {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}
@property --tw-duration {
    syntax: "*";
    inherits: false;
}
@property --tw-ease {
    syntax: "*";
    inherits: false;
}
@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-blur {
    syntax: "*";
    inherits: false;
}
@property --tw-brightness {
    syntax: "*";
    inherits: false;
}
@property --tw-contrast {
    syntax: "*";
    inherits: false;
}
@property --tw-grayscale {
    syntax: "*";
    inherits: false;
}
@property --tw-hue-rotate {
    syntax: "*";
    inherits: false;
}
@property --tw-invert {
    syntax: "*";
    inherits: false;
}
@property --tw-opacity {
    syntax: "*";
    inherits: false;
}
@property --tw-saturate {
    syntax: "*";
    inherits: false;
}
@property --tw-sepia {
    syntax: "*";
    inherits: false;
}
@property --tw-drop-shadow {
    syntax: "*";
    inherits: false;
}
@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
@keyframes text-color {
    0% {
        background-position: 0;
    }
    50% {
        background-position: 100%;
    }
    to {
        background-position: 0;
    }
}