/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-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
        }
    }
}
@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-yellow-50: oklch(98.7% .026 102.212);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-600: oklch(68.1% .162 75.834);
        --color-yellow-900: oklch(42.1% .095 57.708);
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-100: oklch(96.2% .044 156.743);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-green-900: oklch(39.3% .095 152.535);
        --color-blue-50: oklch(97% .014 254.604);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-blue-900: oklch(37.9% .146 265.522);
        --color-purple-50: oklch(97.7% .014 308.299);
        --color-purple-100: oklch(94.6% .033 307.174);
        --color-purple-400: oklch(71.4% .203 305.504);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-purple-900: oklch(38.1% .176 304.987);
        --color-gray-50: oklch(98.5% .002 247.839);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-gray-900: oklch(21% .034 264.665);
        --color-gray-950: oklch(13% .028 261.692);
        --color-white: #fff;
        --spacing: .25rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-7xl: 80rem;
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --radius-lg: .5rem;
        --blur-md: 12px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}
@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

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

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

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

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

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

    b, strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    :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% .006 285.885);
        --color-primary: oklch(45% .24 277.023);
        --color-primary-content: oklch(93% .034 272.788);
        --color-secondary: oklch(65% .241 354.308);
        --color-secondary-content: oklch(94% .028 342.258);
        --color-accent: oklch(77% .152 181.912);
        --color-accent-content: oklch(38% .063 188.416);
        --color-neutral: oklch(14% .005 285.823);
        --color-neutral-content: oklch(92% .004 286.32);
        --color-info: oklch(74% .16 232.661);
        --color-info-content: oklch(29% .066 243.157);
        --color-success: oklch(76% .177 163.223);
        --color-success-content: oklch(37% .077 168.94);
        --color-warning: oklch(82% .189 84.429);
        --color-warning-content: oklch(41% .112 45.904);
        --color-error: oklch(71% .194 13.428);
        --color-error-content: oklch(27% .105 12.094);
        --radius-selector: .5rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    @media (prefers-color-scheme: dark) {
        :root:not([data-theme]) {
            color-scheme: dark;
            --color-base-100: oklch(25.33% .016 252.42);
            --color-base-200: oklch(23.26% .014 253.1);
            --color-base-300: oklch(21.15% .012 254.09);
            --color-base-content: oklch(97.807% .029 256.847);
            --color-primary: oklch(58% .233 277.117);
            --color-primary-content: oklch(96% .018 272.314);
            --color-secondary: oklch(65% .241 354.308);
            --color-secondary-content: oklch(94% .028 342.258);
            --color-accent: oklch(77% .152 181.912);
            --color-accent-content: oklch(38% .063 188.416);
            --color-neutral: oklch(14% .005 285.823);
            --color-neutral-content: oklch(92% .004 286.32);
            --color-info: oklch(74% .16 232.661);
            --color-info-content: oklch(29% .066 243.157);
            --color-success: oklch(76% .177 163.223);
            --color-success-content: oklch(37% .077 168.94);
            --color-warning: oklch(82% .189 84.429);
            --color-warning-content: oklch(41% .112 45.904);
            --color-error: oklch(71% .194 13.428);
            --color-error-content: oklch(27% .105 12.094);
            --radius-selector: .5rem;
            --radius-field: .25rem;
            --radius-box: .5rem;
            --size-selector: .25rem;
            --size-field: .25rem;
            --border: 1px;
            --depth: 1;
            --noise: 0
        }
    }:root: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% .006 285.885);
         --color-primary: oklch(45% .24 277.023);
         --color-primary-content: oklch(93% .034 272.788);
         --color-secondary: oklch(65% .241 354.308);
         --color-secondary-content: oklch(94% .028 342.258);
         --color-accent: oklch(77% .152 181.912);
         --color-accent-content: oklch(38% .063 188.416);
         --color-neutral: oklch(14% .005 285.823);
         --color-neutral-content: oklch(92% .004 286.32);
         --color-info: oklch(74% .16 232.661);
         --color-info-content: oklch(29% .066 243.157);
         --color-success: oklch(76% .177 163.223);
         --color-success-content: oklch(37% .077 168.94);
         --color-warning: oklch(82% .189 84.429);
         --color-warning-content: oklch(41% .112 45.904);
         --color-error: oklch(71% .194 13.428);
         --color-error-content: oklch(27% .105 12.094);
         --radius-selector: .5rem;
         --radius-field: .25rem;
         --radius-box: .5rem;
         --size-selector: .25rem;
         --size-field: .25rem;
         --border: 1px;
         --depth: 1;
         --noise: 0
     }

    :root:has(input.theme-controller[value=dark]:checked), [data-theme=dark] {
        color-scheme: dark;
        --color-base-100: oklch(25.33% .016 252.42);
        --color-base-200: oklch(23.26% .014 253.1);
        --color-base-300: oklch(21.15% .012 254.09);
        --color-base-content: oklch(97.807% .029 256.847);
        --color-primary: oklch(58% .233 277.117);
        --color-primary-content: oklch(96% .018 272.314);
        --color-secondary: oklch(65% .241 354.308);
        --color-secondary-content: oklch(94% .028 342.258);
        --color-accent: oklch(77% .152 181.912);
        --color-accent-content: oklch(38% .063 188.416);
        --color-neutral: oklch(14% .005 285.823);
        --color-neutral-content: oklch(92% .004 286.32);
        --color-info: oklch(74% .16 232.661);
        --color-info-content: oklch(29% .066 243.157);
        --color-success: oklch(76% .177 163.223);
        --color-success-content: oklch(37% .077 168.94);
        --color-warning: oklch(82% .189 84.429);
        --color-warning-content: oklch(41% .112 45.904);
        --color-error: oklch(71% .194 13.428);
        --color-error-content: oklch(27% .105 12.094);
        --radius-selector: .5rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root {
        --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
        scrollbar-color: currentColor #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        :root {
            scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000
        }
    }@property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked), :root:has(.drawer:not([class*=drawer-open])>.drawer-toggle:checked) {
     --page-has-backdrop: 1;
     overflow: hidden
 }

    @media not all and (min-width: 40rem) {
        :root:has(.sm\:drawer-open>.drawer-toggle:checked) {
            --page-has-backdrop: 1;
            overflow: hidden
        }
    }@media not all and (min-width: 48rem) {
    :root:has(.md\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media not all and (min-width: 64rem) {
    :root:has(.lg\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media not all and (min-width: 80rem) {
    :root:has(.xl\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media not all and (min-width: 96rem) {
    :root:has(.\32 xl\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media (min-width: 40rem) {
    :root:has(.max-sm\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media (min-width: 48rem) {
    :root:has(.max-md\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media (min-width: 64rem) {
    :root:has(.max-lg\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media (min-width: 80rem) {
    :root:has(.max-xl\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}@media (min-width: 96rem) {
    :root:has(.max-2xl\:drawer-open>.drawer-toggle:checked) {
        --page-has-backdrop: 1;
        overflow: hidden
    }
}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked) {
     background-image: linear-gradient(var(--root-bg), var(--root-bg));
     background-color: var(--root-bg)
 }

    @supports (color:color-mix(in lab, red, red)) {
        :root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked) {
            background-color: color-mix(in srgb, var(--root-bg), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%))
        }
    }:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked) {
         scrollbar-gutter: stable;
         scrollbar-gutter: if(style(--page-has-scroll:1):stable;
         else: unset);
         animation: forwards set-page-has-scroll;
         animation-timeline: scroll()
     }

    @keyframes set-page-has-scroll {
        0%, to {
            --page-has-scroll: 1
        }
    }:root, [data-theme] {
         background-color: var(--root-bg, var(--color-base-100));
         color: var(--color-base-content)
     }

    :where(:root,[data-theme]) {
        --root-bg: var(--color-base-100)
    }
}
@layer components;
@layer utilities {
    @layer daisyui.component {
        .menu {
            --menu-active-fg: var(--color-neutral-content);
            --menu-active-bg: var(--color-neutral);
            flex-flow: column wrap;
            width: fit-content;
            padding: .5rem;
            font-size: .875rem;
            display: flex
        }

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

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

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

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

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

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

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

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

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

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

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

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

        @media (forced-colors: active) {
            .menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover) {
                outline-offset: 2px;
                outline: 2px solid #0000
            }
        }.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover) {
             box-shadow: inset 0 1px oklch(0% 0 0/.01), inset 0 -1px oklch(100% 0 0/.01)
         }

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

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

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

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

        @media (forced-colors: active) {
            .menu :where(li) > :not(ul,.menu-title,details,.btn):active, .menu :where(li) > :not(ul,.menu-title,details,.btn).menu-active, .menu :where(li) > details > summary:active {
                outline-offset: 2px;
                outline: 2px solid #0000
            }
        }.menu :where(li) > :not(ul,.menu-title,details,.btn):active, .menu :where(li) > :not(ul,.menu-title,details,.btn).menu-active, .menu :where(li) > details > summary:active {
             color: var(--menu-active-fg);
             background-color: var(--menu-active-bg);
             background-size: auto, calc(var(--noise) * 100%);
             background-image: none, var(--fx-noise)
         }

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

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

        @supports (color:color-mix(in lab, red, red)) {
            .menu :where(li).menu-disabled {
                color: color-mix(in oklab, var(--color-base-content) 20%, transparent)
            }
        }.menu .dropdown:focus-within .menu-dropdown-toggle:after {
             translate: 0 1px;
             rotate: 45deg
         }

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

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

        .dropdown {
            position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
            display: inline-block;
            position: relative
        }

        .dropdown > :not(summary):focus {
            --tw-outline-style: none;
            outline-style: none
        }

        @media (forced-colors: active) {
            .dropdown > :not(summary):focus {
                outline-offset: 2px;
                outline: 2px solid #0000
            }
        }.dropdown .dropdown-content {
             position: absolute
         }

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

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

        @media (prefers-reduced-motion: no-preference) {
            .dropdown[popover], .dropdown .dropdown-content {
                transition-behavior: allow-discrete;
                transition-property: opacity, scale, display;
                transition-duration: .2s;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                animation: .2s dropdown
            }
        }@starting-style {
        .dropdown[popover], .dropdown .dropdown-content {
            opacity: 0;
            scale: 95%
        }
    }:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within) > [tabindex]:first-child {
         pointer-events: none
     }

        :is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within) .dropdown-content {
            opacity: 1
        }

        .dropdown.dropdown-hover:hover .dropdown-content {
            opacity: 1;
            scale: 100%
        }

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

        :is(.dropdown.dropdown-open,.dropdown:focus,.dropdown:focus-within) .dropdown-content {
            scale: 100%
        }

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

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

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

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

            .dropdown[popover]::backdrop {
                background-color: oklab(0% none none/.3)
            }
        }.dropdown[popover]:not(.dropdown-open,:popover-open) {
             transform-origin: top;
             opacity: 0;
             display: none;
             scale: 95%
         }

        :where(.btn) {
            width: unset
        }

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

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

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

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

            @supports (color:color-mix(in lab, red, red)) {
                .btn:hover {
                    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
                }
            }
        }.btn:focus-visible, .btn:has(:focus-visible) {
             isolation: isolate;
             outline-width: 2px;
             outline-style: solid
         }

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

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

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

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

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

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

        .radial-progress {
            height: var(--size);
            width: var(--size);
            vertical-align: middle;
            box-sizing: content-box;
            --value: 0;
            --size: 5rem;
            --thickness: calc(var(--size) / 10);
            --radialprogress: calc(var(--value) * 1%);
            background-color: #0000;
            border-radius: 3.40282e38px;
            place-content: center;
            transition: --radialprogress .3s linear;
            display: inline-grid;
            position: relative
        }

        .radial-progress:before {
            content: "";
            background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);
            webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
            -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
            -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
            mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
            border-radius: 3.40282e38px;
            position: absolute;
            inset: 0
        }

        .radial-progress:after {
            content: "";
            inset: calc(50% - var(--thickness) / 2);
            transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
            background-color: currentColor;
            border-radius: 3.40282e38px;
            transition: transform .3s linear;
            position: absolute
        }

        .toggle {
            border: var(--border) solid currentColor;
            color: var(--input-color);
            cursor: pointer;
            appearance: none;
            vertical-align: middle;
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
            border-radius: calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));
            padding: var(--toggle-p);
            flex-shrink: 0;
            grid-template-columns:0fr 1fr 1fr;
            place-content: center;
            display: inline-grid;
            position: relative;
            box-shadow: inset 0 1px
        }

        @supports (color:color-mix(in lab, red, red)) {
            .toggle {
                box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset
            }
        }.toggle {
             --input-color: var(--color-base-content);
             transition: color .3s, grid-template-columns .2s
         }

        @supports (color:color-mix(in lab, red, red)) {
            .toggle {
                --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000)
            }
        }.toggle {
             --toggle-p: calc(var(--size) * .125);
             --size: calc(var(--size-selector, .25rem) * 6);
             width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
             height: var(--size)
         }

        .toggle > * {
            z-index: 1;
            cursor: pointer;
            appearance: none;
            background-color: #0000;
            border: none;
            grid-column: 2/span 1;
            grid-row-start: 1;
            height: 100%;
            padding: .125rem;
            transition: opacity .2s, rotate .4s
        }

        .toggle > :focus {
            --tw-outline-style: none;
            outline-style: none
        }

        @media (forced-colors: active) {
            .toggle > :focus {
                outline-offset: 2px;
                outline: 2px solid #0000
            }
        }.toggle > :nth-child(2) {
             color: var(--color-base-100);
             rotate: none
         }

        .toggle > :nth-child(3) {
            color: var(--color-base-100);
            opacity: 0;
            rotate: -15deg
        }

        .toggle:has(:checked) > :nth-child(2) {
            opacity: 0;
            rotate: 15deg
        }

        .toggle:has(:checked) > :nth-child(3) {
            opacity: 1;
            rotate: none
        }

        .toggle:before {
            aspect-ratio: 1;
            border-radius: var(--radius-selector);
            --tw-content: "";
            content: var(--tw-content);
            height: 100%;
            box-shadow: 0 -1px oklch(0% 0 0/calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth) * .1)) inset, 0 1px currentColor;
            background-color: currentColor;
            grid-row-start: 1;
            grid-column-start: 2;
            transition: background-color .1s, translate .2s, inset-inline-start .2s;
            position: relative;
            inset-inline-start: 0;
            translate: 0
        }

        @supports (color:color-mix(in lab, red, red)) {
            .toggle:before {
                box-shadow: 0 -1px oklch(0% 0 0/calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000)
            }
        }.toggle:before {
             background-size: auto, calc(var(--noise) * 100%);
             background-image: none, var(--fx-noise)
         }

        @media (forced-colors: active) {
            .toggle:before {
                outline-style: var(--tw-outline-style);
                outline-offset: calc(1px * -1);
                outline-width: 1px
            }
        }@media print {
        .toggle:before {
            outline-offset: -1rem;
            outline: .25rem solid
        }
    }.toggle:focus-visible, .toggle:has(:focus-visible) {
         outline-offset: 2px;
         outline: 2px solid
     }

        .toggle:checked, .toggle[aria-checked=true], .toggle:has(>input:checked) {
            background-color: var(--color-base-100);
            --input-color: var(--color-base-content);
            grid-template-columns:1fr 1fr 0fr
        }

        :is(.toggle:checked,.toggle[aria-checked=true],.toggle:has(>input:checked)):before {
            background-color: currentColor
        }

        @starting-style {
            :is(.toggle:checked,.toggle[aria-checked=true],.toggle:has(>input:checked)):before {
                opacity: 0
            }
        }.toggle:indeterminate {
             grid-template-columns:.5fr 1fr .5fr
         }

        .toggle:disabled {
            cursor: not-allowed;
            opacity: .3
        }

        .toggle:disabled:before {
            border: var(--border) solid currentColor;
            background-color: #0000
        }

        .steps {
            counter-reset: step;
            grid-auto-columns: 1fr;
            grid-auto-flow: column;
            display: inline-grid;
            overflow: auto hidden
        }

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

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

        .steps .step > .step-icon, .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)
        }

        .avatar {
            vertical-align: middle;
            display: inline-flex;
            position: relative
        }

        .avatar > div {
            aspect-ratio: 1;
            display: block;
            overflow: hidden
        }

        .avatar img {
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .navbar {
            align-items: center;
            width: 100%;
            min-height: 4rem;
            padding: .5rem;
            display: flex
        }

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

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

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

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

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

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

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

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

        .stats {
            border-radius: var(--radius-box);
            grid-auto-flow: column;
            display: inline-grid;
            position: relative;
            overflow-x: auto
        }

        .hero-content {
            isolation: isolate;
            justify-content: center;
            align-items: center;
            gap: 1rem;
            max-width: 80rem;
            padding: 1rem;
            display: flex
        }

        .hero {
            background-position: 50%;
            background-size: cover;
            place-items: center;
            width: 100%;
            display: grid
        }

        .hero > * {
            grid-row-start: 1;
            grid-column-start: 1
        }

        .stat-value {
            white-space: nowrap;
            grid-column-start: 1;
            font-size: 2rem;
            font-weight: 800
        }

        .stat-desc {
            white-space: nowrap;
            color: var(--color-base-content);
            grid-column-start: 1
        }

        @supports (color:color-mix(in lab, red, red)) {
            .stat-desc {
                color: color-mix(in oklab, var(--color-base-content) 60%, transparent)
            }
        }.stat-desc {
             font-size: .75rem
         }

        .badge {
            border-radius: var(--radius-selector);
            vertical-align: middle;
            color: var(--badge-fg);
            border: var(--border) solid var(--badge-color, var(--color-base-200));
            width: fit-content;
            padding-inline: calc(.25rem * 3 - var(--border));
            background-size: auto, calc(var(--noise) * 100%);
            background-image: none, var(--fx-noise);
            background-color: var(--badge-bg);
            --badge-bg: var(--badge-color, var(--color-base-100));
            --badge-fg: var(--color-base-content);
            --size: calc(var(--size-selector, .25rem) * 6);
            height: var(--size);
            justify-content: center;
            align-items: center;
            gap: .5rem;
            font-size: .875rem;
            display: inline-flex
        }

        .footer {
            grid-auto-flow: row;
            place-items: start;
            gap: 2.5rem 1rem;
            width: 100%;
            font-size: .875rem;
            line-height: 1.25rem;
            display: grid
        }

        .footer > * {
            place-items: start;
            gap: .5rem;
            display: grid
        }

        .footer.footer-center {
            text-align: center;
            grid-auto-flow: column dense;
            place-items: center
        }

        .footer.footer-center > * {
            place-items: center
        }

        .stat {
            grid-template-columns:repeat(1, 1fr);
            column-gap: 1rem;
            width: 100%;
            padding-block: 1rem;
            padding-inline: 1.5rem;
            display: inline-grid
        }

        .stat:not(:last-child) {
            border-inline-end: var(--border) dashed currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            .stat:not(:last-child) {
                border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000)
            }
        }.stat:not(:last-child) {
             border-block-end: none
         }

        .navbar-end {
            justify-content: flex-end;
            align-items: center;
            width: 50%;
            display: inline-flex
        }

        .navbar-start {
            justify-content: flex-start;
            align-items: center;
            width: 50%;
            display: inline-flex
        }

        .card-body {
            padding: var(--card-p, 1.5rem);
            font-size: var(--card-fs, .875rem);
            flex-direction: column;
            flex: auto;
            gap: .5rem;
            display: flex
        }

        .card-body :where(p) {
            flex-grow: 1
        }

        .navbar-center {
            flex-shrink: 0;
            align-items: center;
            display: inline-flex
        }

        .card-actions {
            flex-wrap: wrap;
            align-items: flex-start;
            gap: .5rem;
            display: flex
        }

        .card-title {
            font-size: var(--cardtitle-fs, 1.125rem);
            align-items: center;
            gap: .5rem;
            font-weight: 600;
            display: flex
        }

        .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
         }
    }.prose .btn {
         text-decoration-line: none
     }

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

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

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

        @supports (color:color-mix(in lab, red, red)) {
            .btn:disabled {
                --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000)
            }
        }@media (hover: hover) {
        .btn:disabled:hover {
            pointer-events: none;
            background-color: var(--color-neutral)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .btn:disabled:hover {
                background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent)
            }
        }.btn:disabled:hover {
             --btn-border: #0000;
             --btn-fg: var(--color-base-content)
         }

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

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

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

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

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

        @supports (color:color-mix(in lab, red, red)) {
            .btn[disabled]:hover {
                --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000)
            }
        }
    }.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)
        }

        .menu-horizontal {
            flex-direction: row;
            display: inline-flex
        }

        .menu-horizontal > li:not(.menu-title) > details > ul {
            margin-inline-start: 0;
            margin-top: 1rem;
            padding-block: .5rem;
            padding-inline-end: .5rem;
            position: absolute
        }

        .menu-horizontal > li > details > ul:before {
            --tw-content: none;
            content: var(--tw-content)
        }

        :where(.menu-horizontal>li:not(.menu-title)>details>ul) {
            border-radius: var(--radius-box);
            background-color: var(--color-base-100);
            box-shadow: 0 1px 3px oklch(0% 0 0/.1), 0 1px 2px -1px oklch(0% 0 0/.1)
        }

        :where(.navbar) {
            position: relative
        }

        .menu-sm :where(li:not(.menu-title)>:not(ul,details,.menu-title)), .menu-sm :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
            border-radius: var(--radius-field);
            padding-block: .25rem;
            padding-inline: .625rem;
            font-size: .75rem
        }

        .menu-sm .menu-title {
            padding-block: .5rem;
            padding-inline: .75rem
        }

        .badge-outline {
            color: var(--badge-color);
            --badge-bg: #0000;
            background-image: none;
            border-color: currentColor
        }

        .badge-lg {
            --size: calc(var(--size-selector, .25rem) * 7);
            padding-inline: calc(.25rem * 3.5 - var(--border));
            font-size: 1rem
        }

        .link-hover {
            text-decoration-line: none
        }

        @media (hover: hover) {
            .link-hover:hover {
                text-decoration-line: underline
            }
        }.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible) {
             --btn-shadow: "";
             --btn-bg: #0000;
             --btn-border: #0000;
             --btn-noise: none
         }

        .btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.btn-disabled) {
            --btn-fg: currentColor;
            outline-color: currentColor
        }

        @media (hover: none) {
            .btn-ghost:hover:not(.btn-active,:active,:focus-visible,:disabled,[disabled],.btn-disabled) {
                --btn-shadow: "";
                --btn-bg: #0000;
                --btn-border: #0000;
                --btn-noise: none;
                --btn-fg: currentColor
            }
        }.btn-outline:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked) {
             --btn-shadow: "";
             --btn-bg: #0000;
             --btn-fg: var(--btn-color);
             --btn-border: var(--btn-color);
             --btn-noise: none
         }

        @media (hover: none) {
            .btn-outline:hover:not(.btn-active,:active,:focus-visible,:disabled,[disabled],.btn-disabled,:checked) {
                --btn-shadow: "";
                --btn-bg: #0000;
                --btn-fg: var(--btn-color);
                --btn-border: var(--btn-color);
                --btn-noise: none
            }
        }.btn-lg {
             --fontsize: 1.125rem;
             --btn-p: 1.25rem;
             --size: calc(var(--size-field, .25rem) * 12)
         }

        .btn-sm {
            --fontsize: .75rem;
            --btn-p: .75rem;
            --size: calc(var(--size-field, .25rem) * 8)
        }

        .badge-primary {
            --badge-color: var(--color-primary);
            --badge-fg: var(--color-primary-content)
        }
    }.relative {
         position: relative
     }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

    .z-50 {
        z-index: 50
    }

    .z-\[1\] {
        z-index: 1
    }

    .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
    }
}.mx-auto {
     margin-inline: auto
 }

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

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

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

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

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

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

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

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

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

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

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-7xl {
        max-width: var(--container-7xl)
    }

    .grid-flow-col {
        grid-auto-flow: column
    }

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

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

    .flex-col {
        flex-direction: column
    }

    .place-items-center {
        place-items: center
    }

    .items-center {
        align-items: center
    }

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

    .justify-center {
        justify-content: center
    }

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

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

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

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

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

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

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

    .overflow-hidden {
        overflow: hidden
    }

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

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

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

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

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

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

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

    .border-blue-600 {
        border-color: var(--color-blue-600)
    }

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

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

    .border-green-600 {
        border-color: var(--color-green-600)
    }

    .border-purple-600 {
        border-color: var(--color-purple-600)
    }

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

    .border-yellow-600 {
        border-color: var(--color-yellow-600)
    }

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

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

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

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

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

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

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

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

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

    .from-base-100 {
        --tw-gradient-from: var(--color-base-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-blue-600 {
        --tw-gradient-from: var(--color-blue-600);
        --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))
    }

    .via-secondary {
        --tw-gradient-via: var(--color-secondary);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-accent {
        --tw-gradient-to: var(--color-accent);
        --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-base-200 {
        --tw-gradient-to: var(--color-base-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-purple-600 {
        --tw-gradient-to: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-secondary {
        --tw-gradient-to: var(--color-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

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

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

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

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

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

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

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

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

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

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

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

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

    .text-accent {
        color: var(--color-accent)
    }

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

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

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

    .text-gray-300 {
        color: var(--color-gray-300)
    }

    .text-gray-600 {
        color: var(--color-gray-600)
    }

    .text-gray-700 {
        color: var(--color-gray-700)
    }

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-primary-content {
        color: var(--color-primary-content)
    }

    .text-purple-600 {
        color: var(--color-purple-600)
    }

    .text-secondary {
        color: var(--color-secondary)
    }

    .text-transparent {
        color: #0000
    }

    .text-white {
        color: var(--color-white)
    }

    .text-yellow-600 {
        color: var(--color-yellow-600)
    }

    .normal-case {
        text-transform: none
    }

    .opacity-90 {
        opacity: .9
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    @layer daisyui.modifier.color {
        .btn-neutral {
            --btn-color: var(--color-neutral);
            --btn-fg: var(--color-neutral-content)
        }

        .btn-primary {
            --btn-color: var(--color-primary);
            --btn-fg: var(--color-primary-content)
        }
    }@media (hover: hover) {
    .hover\:bg-blue-50:hover {
        background-color: var(--color-blue-50)
    }

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

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

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

    .hover\:bg-purple-50:hover {
        background-color: var(--color-purple-50)
    }

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

    .hover\:bg-yellow-50:hover {
        background-color: var(--color-yellow-50)
    }

    .hover\:text-primary:hover {
        color: var(--color-primary)
    }

    .hover\:shadow-2xl:hover {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-xl:hover {
        --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)
    }
}@media (min-width: 40rem) {
    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }
}@media (min-width: 48rem) {
    .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\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .md\:text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height))
    }
}@media (min-width: 64rem) {
    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .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\:px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }
}@media (prefers-color-scheme: dark) {
    .dark\:block {
        display: block
    }

    .dark\:hidden {
        display: none
    }

    @layer daisyui.modifier {
        .dark\:badge-ghost {
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
            color: var(--color-base-content);
            background-image: none
        }

        .dark\:btn-outline:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked) {
            --btn-shadow: "";
            --btn-bg: #0000;
            --btn-fg: var(--btn-color);
            --btn-border: var(--btn-color);
            --btn-noise: none
        }

        @media (hover: none) {
            .dark\:btn-outline:hover:not(.btn-active,:active,:focus-visible,:disabled,[disabled],.btn-disabled,:checked) {
                --btn-shadow: "";
                --btn-bg: #0000;
                --btn-fg: var(--btn-color);
                --btn-border: var(--btn-color);
                --btn-noise: none
            }
        }
    }.dark\:border-blue-400 {
         border-color: var(--color-blue-400)
     }

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

    .dark\:border-gray-600 {
        border-color: var(--color-gray-600)
    }

    .dark\:border-gray-800 {
        border-color: var(--color-gray-800)
    }

    .dark\:border-green-400 {
        border-color: var(--color-green-400)
    }

    .dark\:border-purple-400 {
        border-color: var(--color-purple-400)
    }

    .dark\:border-yellow-400 {
        border-color: var(--color-yellow-400)
    }

    .dark\:bg-blue-900\/30 {
        background-color: #1c398e4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-blue-900\/30 {
            background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent)
        }
    }.dark\:bg-gray-900 {
         background-color: var(--color-gray-900)
     }

    .dark\:bg-gray-900\/80 {
        background-color: #101828cc
    }

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

    .dark\:bg-green-900\/30 {
        background-color: #0d542b4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-green-900\/30 {
            background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent)
        }
    }.dark\:bg-purple-900\/30 {
         background-color: #59168b4d
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-purple-900\/30 {
            background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent)
        }
    }.dark\:from-gray-950 {
         --tw-gradient-from: var(--color-gray-950);
         --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))
     }

    .dark\:from-primary\/80 {
        --tw-gradient-from: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:from-primary\/80 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary) 80%, transparent)
        }
    }.dark\:from-primary\/80 {
         --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))
     }

    .dark\:to-gray-900 {
        --tw-gradient-to: var(--color-gray-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:to-secondary\/80 {
        --tw-gradient-to: var(--color-secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:to-secondary\/80 {
            --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 80%, transparent)
        }
    }.dark\:to-secondary\/80 {
         --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))
     }

    .dark\:text-blue-400 {
        color: var(--color-blue-400)
    }

    .dark\:text-gray-300 {
        color: var(--color-gray-300)
    }

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

    .dark\:text-gray-500 {
        color: var(--color-gray-500)
    }

    .dark\:text-gray-600 {
        color: var(--color-gray-600)
    }

    .dark\:text-green-400 {
        color: var(--color-green-400)
    }

    .dark\:text-purple-400 {
        color: var(--color-purple-400)
    }

    .dark\:text-white {
        color: var(--color-white)
    }

    .dark\:text-yellow-400 {
        color: var(--color-yellow-400)
    }

    .dark\:shadow-gray-800 {
        --tw-shadow-color: oklch(27.8% .033 256.848)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:shadow-gray-800 {
            --tw-shadow-color: color-mix(in oklab, var(--color-gray-800) var(--tw-shadow-alpha), transparent)
        }
    }.dark\:shadow-gray-800\/50 {
         --tw-shadow-color: #1e293980
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:shadow-gray-800\/50 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-800) 50%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }.dark\:shadow-primary\/30 {
         --tw-shadow-color: var(--color-primary)
     }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:shadow-primary\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }@media (hover: hover) {
        .dark\:hover\:bg-blue-900\/20:hover {
            background-color: #1c398e33
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-blue-900\/20:hover {
                background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent)
            }
        }.dark\:hover\:bg-gray-300:hover {
             background-color: var(--color-gray-300)
         }

        .dark\:hover\:bg-gray-800:hover {
            background-color: var(--color-gray-800)
        }

        .dark\:hover\:bg-green-900\/20:hover {
            background-color: #0d542b33
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-green-900\/20:hover {
                background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent)
            }
        }.dark\:hover\:bg-purple-900\/20:hover {
             background-color: #59168b33
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-purple-900\/20:hover {
                background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent)
            }
        }.dark\:hover\:bg-yellow-900\/20:hover {
             background-color: #733e0a33
         }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-yellow-900\/20:hover {
                background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent)
            }
        }.dark\:hover\:text-primary:hover {
             color: var(--color-primary)
         }
    }
}
}

@supports (color-scheme:light dark) {
    :root {
        color-scheme: light dark
    }
}

@keyframes rating {
    0%, 40% {
        filter: brightness(1.05) contrast(1.05);
        scale: 1.1
    }
}

@keyframes dropdown {
    0% {
        opacity: 0
    }
}

@keyframes radio {
    0% {
        padding: 5px
    }
    50% {
        padding: 3px
    }
}

@keyframes toast {
    0% {
        opacity: 0;
        scale: .9
    }
    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes skeleton {
    0% {
        background-position: 150%
    }
    to {
        background-position: -50%
    }
}

@keyframes progress {
    50% {
        background-position-x: -115%
    }
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-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
}