/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */

@import url('https://fonts.googleapis.com/css2?family=The+Nautigal:wght@400;700&display=swap');


@font-face {
    font-family:"Fz_Qellia_Fix";
    src: url(../font/Fz_Qellia_Fix.ttf);
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,::backdrop,:after,:before {
            --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-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}

@layer theme {
    :host,:root {
        --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-50: oklch(97.1% .013 17.38);
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-300: oklch(80.8% .114 19.571);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-red-700: oklch(50.5% .213 27.518);
        --color-red-800: oklch(44.4% .177 26.899);
        --color-red-900: oklch(39.6% .141 25.723);
        --color-orange-50: oklch(98% .016 73.684);
        --color-orange-100: oklch(95.4% .038 75.164);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-orange-600: oklch(64.6% .222 41.116);
        --color-orange-800: oklch(47% .157 37.304);
        --color-amber-50: oklch(98.7% .022 95.277);
        --color-amber-100: oklch(96.2% .059 95.617);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-amber-600: oklch(66.6% .179 58.318);
        --color-amber-700: oklch(55.5% .163 48.998);
        --color-amber-900: oklch(41.4% .112 45.904);
        --color-yellow-50: oklch(98.7% .026 102.212);
        --color-yellow-100: oklch(97.3% .071 103.193);
        --color-yellow-200: oklch(94.5% .129 101.54);
        --color-yellow-300: oklch(90.5% .182 98.111);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-yellow-600: oklch(68.1% .162 75.834);
        --color-yellow-800: oklch(47.6% .114 61.907);
        --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-200: oklch(92.5% .084 155.995);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-green-700: oklch(52.7% .154 150.069);
        --color-green-800: oklch(44.8% .119 151.328);
        --color-emerald-50: oklch(97.9% .021 166.113);
        --color-emerald-100: oklch(95% .052 163.051);
        --color-emerald-200: oklch(90.5% .093 164.15);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-emerald-600: oklch(59.6% .145 163.225);
        --color-emerald-700: oklch(50.8% .118 165.612);
        --color-emerald-800: oklch(43.2% .095 166.913);
        --color-cyan-600: oklch(60.9% .126 221.723);
        --color-sky-500: oklch(68.5% .169 237.323);
        --color-blue-50: oklch(97% .014 254.604);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-200: oklch(88.2% .059 254.128);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-blue-700: oklch(48.8% .243 264.376);
        --color-blue-800: oklch(42.4% .199 265.638);
        --color-blue-900: oklch(37.9% .146 265.522);
        --color-indigo-50: oklch(96.2% .018 272.314);
        --color-indigo-100: oklch(93% .034 272.788);
        --color-purple-50: oklch(97.7% .014 308.299);
        --color-purple-100: oklch(94.6% .033 307.174);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-purple-800: oklch(43.8% .218 303.724);
        --color-fuchsia-500: oklch(66.7% .295 322.15);
        --color-pink-50: oklch(97.1% .014 343.198);
        --color-pink-100: oklch(94.8% .028 342.258);
        --color-pink-200: oklch(89.9% .061 343.231);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-pink-500: oklch(65.6% .241 354.308);
        --color-pink-600: oklch(59.2% .249 .584);
        --color-rose-50: oklch(96.9% .015 12.422);
        --color-rose-100: oklch(94.1% .03 12.58);
        --color-rose-200: oklch(89.2% .058 10.001);
        --color-rose-300: oklch(81% .117 11.638);
        --color-rose-400: oklch(71.2% .194 13.428);
        --color-rose-500: oklch(64.5% .246 16.439);
        --color-rose-600: oklch(58.6% .253 17.585);
        --color-slate-300: oklch(86.9% .022 252.894);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-slate-500: oklch(55.4% .046 257.417);
        --color-slate-600: oklch(44.6% .043 257.281);
        --color-slate-800: oklch(27.9% .041 260.031);
        --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-stone-900: oklch(21.6% .006 56.043);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.20rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25/1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-relaxed: 1.625;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --drop-shadow-lg: 0 4px 4px #00000026;
        --ease-in: cubic-bezier(.4,0,1,1);
        --ease-out: cubic-bezier(0,0,.2,1);
        --ease-in-out: cubic-bezier(.4,0,.2,1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}

@layer base {
    *,::backdrop,:after,:before {
        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
    }

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

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

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

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

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

    b,strong {
        font-weight: bolder
    }

    code,kbd,pre,samp {
        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
    }

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

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

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

    button,input,optgroup,select,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,::-webkit-datetime-edit-year-field {
        padding-block:0}

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

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

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

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

    :-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,::-webkit-outer-spin-button {
        height: auto
    }

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

    body {
        font-weight: 300
    }

    h1,h2,h3,h4,h5,h6 {
        font-family: "Gotham",var(--font-montserrat),"Montserrat","HelveticaNeue",sans-serif;
        font-weight: 400
    }

    :root {
        --color-z-red: 136 41 37;
        --color-z-linen: 236 223 214;
        --color-z-gray: 70 70 70;
        --color-z-green: 31 58 37;
        --color-z-red2: 206 64 63;
        --color-z-linen2: 236 232 214;
        --color-z-pink: 250 52 110;
        --color-z-cream: 255 254 247;
        --color-z-blue: 37 63 120;
        --color-z-white3: 232,236,214;
        --color-songlong-green-gold: 31 58 37;
        --color-songlong-green-gold-light: 236 232 214;
        --color-songlong-green-navy: 70 70 70;
        --color-songlong-green-cream: 255 254 247;
        --color-songlong-green-brown: 44 36 22;
        --color-songlong-blue-blush: 216 167 167;
        --color-songlong-blue-blush-light: 240 201 201;
        --color-songlong-blue-rose: 139 90 90;
        --color-songlong-blue-pink-bg: 255 245 245;
        --color-songlong-blue-brown: 74 51 51
    }

    :root:has(input.theme-controller[value=garden]: checked),[data-theme=garden] {
        color-scheme:light;
        --color-base-100: oklch(92.951% .002 17.197);
        --color-base-200: oklch(86.445% .002 17.197);
        --color-base-300: oklch(79.938% .001 17.197);
        --color-base-content: oklch(16.961% .001 17.32);
        --color-primary: oklch(62.45% .278 3.836);
        --color-primary-content: oklch(100% 0 0);
        --color-secondary: oklch(48.495% .11 355.095);
        --color-secondary-content: oklch(89.699% .022 355.095);
        --color-accent: oklch(56.273% .054 154.39);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(24.155% .049 89.07);
        --color-neutral-content: oklch(92.951% .002 17.197);
        --color-info: oklch(72.06% .191 231.6);
        --color-info-content: oklch(0% 0 0);
        --color-success: oklch(64.8% .15 160);
        --color-success-content: oklch(0% 0 0);
        --color-warning: oklch(84.71% .199 83.87);
        --color-warning-content: oklch(0% 0 0);
        --color-error: oklch(71.76% .221 22.18);
        --color-error-content: oklch(0% 0 0);
        --radius-selector: 1rem;
        --radius-field: .5rem;
        --radius-box: 1rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0
    }

    :root:has(input.theme-controller[value=halloween]: checked),[data-theme=halloween] {
        color-scheme:dark;
        --color-base-100: oklch(21% .006 56.043);
        --color-base-200: oklch(14% .004 49.25);
        --color-base-300: oklch(0% 0 0);
        --color-base-content: oklch(84.955% 0 0);
        --color-primary: oklch(77.48% .204 60.62);
        --color-primary-content: oklch(19.693% .004 196.779);
        --color-secondary: oklch(45.98% .248 305.03);
        --color-secondary-content: oklch(89.196% .049 305.03);
        --color-accent: oklch(64.8% .223 136.073);
        --color-accent-content: oklch(0% 0 0);
        --color-neutral: oklch(24.371% .046 65.681);
        --color-neutral-content: oklch(84.874% .009 65.681);
        --color-info: oklch(54.615% .215 262.88);
        --color-info-content: oklch(90.923% .043 262.88);
        --color-success: oklch(62.705% .169 149.213);
        --color-success-content: oklch(12.541% .033 149.213);
        --color-warning: oklch(66.584% .157 58.318);
        --color-warning-content: oklch(13.316% .031 58.318);
        --color-error: oklch(65.72% .199 27.33);
        --color-error-content: oklch(13.144% .039 27.33);
        --radius-selector: 1rem;
        --radius-field: .5rem;
        --radius-box: 1rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

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

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

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

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

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

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

    :root {
        --page-scroll-transition-on: background-color .3s ease-out;
        transition: var(--page-scroll-transition);
        scrollbar-gutter: var(--page-scroll-gutter,unset);
        scrollbar-gutter: if(style(--page-has-scroll:1):var(--page-scroll-gutter,unset);
        else:unset)}

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

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

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

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

@layer components;@layer utilities {
    @layer daisyui.l1.l2.l3 {
        .diff {
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            direction: ltr;
            grid-template-rows: 1fr 1.8rem 1fr;
            grid-template-columns: auto 1fr;
            width: 100%;
            display: grid;
            position: relative;
            overflow: hidden;
            container-type: inline-size
        }

        .diff:focus-visible,.diff:has(.diff-item-1:focus-visible) {
            outline-style: var(--tw-outline-style);
            outline-offset: 1px;
            outline-width: 2px;
            outline-color: var(--color-base-content)
        }

        .diff:focus-visible .diff-resizer {
            min-width: 95cqi;
            max-width: 95cqi
        }

        .diff:has(.diff-item-1:focus-visible) {
            outline-style: var(--tw-outline-style);
            outline-offset: 1px;
            outline-width: 2px
        }

        .diff:has(.diff-item-1:focus-visible) .diff-resizer {
            min-width: 5cqi;
            max-width: 5cqi
        }

        @supports (-webkit-overflow-scrolling:touch) and (overflow: -webkit-paged-x) {
            .diff:focus .diff-resizer {
                min-width:5cqi;
                max-width: 5cqi
            }

            .diff:has(.diff-item-1:focus) .diff-resizer {
                min-width: 95cqi;
                max-width: 95cqi
            }
        }

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

        .modal::backdrop {
            display: none
        }

        .tooltip {
            --tt-bg: var(--color-neutral);
            --tt-off: calc(100% + .5rem);
            --tt-tail: calc(100% + 1px + .25rem);
            display: inline-block;
            position: relative
        }

        .tooltip>.tooltip-content,.tooltip[data-tip]: before {
            border-radius:var(--radius-field);
            text-align: center;
            white-space: normal;
            max-width: 20rem;
            color: var(--color-neutral-content);
            z-index: 2;
            --tw-content: attr(data-tip);
            content: var(--tw-content);
            width: max-content;
            padding-block:.25rem;padding-inline:.5rem;font-size: .875rem;
            line-height: 1.25
        }

        .tooltip:after,.tooltip>.tooltip-content,.tooltip[data-tip]: before {
            opacity:0;
            background-color: var(--tt-bg);
            pointer-events: none;
            position: absolute
        }

        .tooltip:after {
            content: "";
            --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
            width: .625rem;
            height: .25rem;
            -webkit-mask-position: -1px 0;
            mask-position: -1px 0;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: var(--mask-tooltip);
            mask-image: var(--mask-tooltip);
            display: block
        }

        @media (prefers-reduced-motion:no-preference) {
            .tooltip:after,.tooltip>.tooltip-content,.tooltip[data-tip]:before {
                transition: opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms
            }
        }

        :is(.tooltip:is([data-tip]: not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after,: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 {
            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,: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 .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)
            }
        }

        .tab {
            cursor: pointer;
            appearance: none;
            text-align: center;
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            display: inline-flex;
            position: relative
        }

        @media (hover: hover) {
            .tab:hover {
                color:var(--color-base-content)
            }
        }

        .tab {
            --tab-p: .75rem;
            --tab-bg: var(--color-base-100);
            --tab-border-color: var(--color-base-300);
            --tab-radius-ss: 0;
            --tab-radius-se: 0;
            --tab-radius-es: 0;
            --tab-radius-ee: 0;
            --tab-order: 0;
            --tab-radius-min: calc(.75rem - var(--border));
            --tab-radius-limit: min(var(--radius-field),var(--tab-radius-min));
            --tab-radius-grad: #0000 calc(69% - var(--border)),var(--tab-border-color)calc(69% - var(--border) + .25px),var(--tab-border-color)69%,var(--tab-bg)calc(69% + .25px);
            order: var(--tab-order);
            height: var(--tab-height);
            padding-inline:var(--tab-p);border-color: #0000;
            font-size: .875rem
        }

        .tab:is(input[type=radio]) {
            min-width: fit-content
        }

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

        .tab:is(label) {
            position: relative
        }

        .tab:is(label) input {
            cursor: pointer;
            appearance: none;
            opacity: 0;
            position: absolute;
            inset: 0
        }

        :is(.tab:checked,.tab:is(label: has(:checked)),.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]))+.tab-content {
            display:block
        }

        .tab:not(:checked,label: has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]) {
            color:var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .tab:not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]) {
                color:color-mix(in oklab,var(--color-base-content)50%,transparent)
            }
        }

        .tab:not(input): empty {
            cursor:default;
            flex-grow: 1
        }

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

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

        .tab:focus-visible,.tab:is(label: has(:checked:focus-visible)) {
            outline-offset:-5px;
            outline: 2px solid
        }

        .tab[disabled] {
            pointer-events: none;
            opacity: .4
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .menu :where(li>.menu-dropdown-toggle.menu-dropdown-show): after,.menu :where(li>details[open]>summary):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).menu-active,.menu :where(li)>:not(ul,.menu-title,details,.btn):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).menu-active,.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>details>summary:active {
                outline-offset: 2px;
                outline: 2px solid #0000
            }
        }

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

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

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

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

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

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

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

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

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

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

        .dropdown .dropdown-content {
            position: absolute
        }

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

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

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

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

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

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

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

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

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

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

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

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

            .dropdown[popover]::backdrop {
                background-color: oklab(0 none none/.3)
            }
        }

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

        :where(.btn) {
            width: unset
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .btn:active:not(.btn-active) {
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0)
        }

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

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

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

        .\!loading {
            pointer-events: none!important;
            aspect-ratio: 1!important;
            vertical-align: middle!important;
            width: calc(var(--size-selector,.25rem)*6)!important;
            background-color: currentColor!important;
            display: inline-block!important;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")!important;
            mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")!important;
            -webkit-mask-position: 50%!important;
            mask-position: 50%!important;
            -webkit-mask-size: 100%!important;
            mask-size: 100%!important;
            -webkit-mask-repeat: no-repeat!important;
            mask-repeat: no-repeat!important
        }

        .loading {
            pointer-events: none;
            aspect-ratio: 1;
            vertical-align: middle;
            width: calc(var(--size-selector,.25rem)*6);
            background-color: currentColor;
            display: inline-block;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
            -webkit-mask-position: 50%;
            mask-position: 50%;
            -webkit-mask-size: 100%;
            mask-size: 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }

        .countdown {
            display: inline-flex
        }

        .countdown>* {
            visibility: hidden;
            --value-v: calc(mod(max(0,var(--value)),1000));
            --value-hundreds: calc(round(to-zero,var(--value-v)/100,1));
            --value-tens: calc(round(to-zero,mod(var(--value-v),100)/10,1));
            --value-ones: calc(mod(var(--value-v),100));
            --show-hundreds: clamp(clamp(0,var(--digits,1) - 2,1),var(--value-hundreds),1);
            --show-tens: clamp(clamp(0,var(--digits,1) - 1,1),var(--value-tens) + var(--show-hundreds),1);
            --first-digits: calc(round(to-zero,var(--value-v)/10,1));
            height: 1em;
            width: calc(1ch + var(--show-tens)*1ch + var(--show-hundreds)*1ch);
            direction: ltr;
            transition: width .4s ease-out .2s;
            display: inline-block;
            position: relative;
            overflow-y: clip
        }

        .countdown>:after,.countdown>:before {
            visibility: visible;
            --tw-content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";
            content: var(--tw-content);
            font-variant-numeric: tabular-nums;
            white-space: pre;
            text-align: end;
            direction: rtl;
            transition: all 1s cubic-bezier(1,0,0,1),width .2s ease-out .2s,opacity .2s ease-out .2s;
            position: absolute;
            overflow-x: clip
        }

        .countdown>:before {
            width: calc(1ch + var(--show-hundreds)*1ch);
            top: calc(var(--first-digits)*-1em);
            opacity: var(--show-tens);
            inset-inline-end: 0
        }

        .countdown>:after {
            width: 1ch;
            top: calc(var(--value-ones)*-1em);
            inset-inline-start: 0
        }

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

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

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

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

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

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

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

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

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

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

        .collapse:is(details) {
            width: 100%
        }

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

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

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

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

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

        .collapse:is(details) summary {
            outline: none
        }

        .collapse-content {
            content-visibility: hidden;
            min-height: 0;
            cursor: unset;
            grid-row-start: 2;
            grid-column-start: 1;
            padding-left: 1rem;
            padding-right: 1rem
        }

        @supports not (content-visibility:hidden) {
            .collapse-content {
                visibility: hidden
            }
        }

        @media (prefers-reduced-motion:no-preference) {
            .collapse-content {
                transition: content-visibility allow-discrete .2s,visibility allow-discrete .2s,padding .2s ease-out,background-color .2s ease-out
            }
        }

        .list {
            flex-direction: column;
            font-size: .875rem;
            display: flex
        }

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

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

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

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

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

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

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

        @starting-style {
            :is(.toggle:checked,.toggle[aria-checked=true],.toggle: has(>input:checked)):before {
                opacity:0
            }
        }

        .toggle:indeterminate {
            grid-template-columns: .5fr 1fr .5fr
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .indicator {
            width: max-content;
            display: inline-flex;
            position: relative
        }

        .indicator :where(.indicator-item) {
            z-index: 1;
            white-space: nowrap;
            top: var(--indicator-t,0);
            bottom: var(--indicator-b,auto);
            left: var(--indicator-s,auto);
            right: var(--indicator-e,0);
            translate: var(--indicator-x,50%)var(--indicator-y,-50%);
            position: absolute
        }

        .table {
            border-collapse: separate;
            --tw-border-spacing-x: calc(.25rem*0);
            --tw-border-spacing-y: calc(.25rem*0);
            width: 100%;
            border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y);
            border-radius: var(--radius-box);
            text-align: left;
            font-size: .875rem;
            position: relative
        }

        .table:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: right
        }

        @media (hover: hover) {
            :is(.table tr.row-hover,.table tr.row-hover:nth-child(2n)):hover {
                background-color:var(--color-base-200)
            }
        }

        .table :where(th,td) {
            vertical-align: middle;
            padding-block:.75rem;padding-inline:1rem}

        .table :where(thead,tfoot) {
            white-space: nowrap;
            color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .table :where(thead,tfoot) {
                color:color-mix(in oklab,var(--color-base-content)60%,transparent)
            }
        }

        .table :where(thead,tfoot) {
            font-size: .875rem;
            font-weight: 600
        }

        .table :where(tfoot tr: first-child :is(td,th)) {
            border-top:var(--border)solid var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .table :where(tfoot tr:first-child :is(td,th)) {
                border-top:var(--border)solid color-mix(in oklch,var(--color-base-content)5%,#0000)
            }
        }

        .table :where(.table-pin-rows thead tr) {
            z-index: 1;
            background-color: var(--color-base-100);
            position: sticky;
            top: 0
        }

        .table :where(.table-pin-rows tfoot tr) {
            z-index: 1;
            background-color: var(--color-base-100);
            position: sticky;
            bottom: 0
        }

        .table :where(.table-pin-cols tr th) {
            background-color: var(--color-base-100);
            position: sticky;
            left: 0;
            right: 0
        }

        .table :where(thead tr : is(td,th),tbody tr:not(:last-child) :is(td,th)) {
            border-bottom:var(--border)solid var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .table :where(thead tr :is(td,th),tbody tr:not(:last-child) :is(td,th)) {
                border-bottom:var(--border)solid color-mix(in oklch,var(--color-base-content)5%,#0000)
            }
        }

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

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

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

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

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

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

        .range {
            appearance: none;
            webkit-appearance: none;
            --range-thumb: var(--color-base-100);
            --range-thumb-size: calc(var(--size-selector,.25rem)*6);
            --range-progress: currentColor;
            --range-fill: 1;
            --range-p: .25rem;
            --range-bg: currentColor
        }

        @supports (color: color-mix(in lab,red,red)) {
            .range {
                --range-bg:color-mix(in oklab,currentColor 10%,#0000)
            }
        }

        .range {
            cursor: pointer;
            vertical-align: middle;
            --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
            border-radius: calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));
            width: clamp(3rem,20rem,100%);
            height: var(--range-thumb-size);
            background-color: #0000;
            border: none;
            overflow: hidden
        }

        [dir=rtl] .range {
            --range-dir: -1
        }

        .range:focus {
            outline: none
        }

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

        .range::-webkit-slider-runnable-track {
            background-color: var(--range-bg);
            border-radius: var(--radius-selector);
            width: 100%;
            height: calc(var(--range-thumb-size)*.5)
        }

        @media (forced-colors:active) {
            .range::-webkit-slider-runnable-track {
                border: 1px solid
            }

            .range::-moz-range-track {
                border: 1px solid
            }
        }

        .range::-webkit-slider-thumb {
            box-sizing: border-box;
            border-radius: calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));
            background-color: var(--range-thumb);
            height: var(--range-thumb-size);
            width: var(--range-thumb-size);
            border: var(--range-p)solid;
            appearance: none;
            webkit-appearance: none;
            color: var(--range-progress);
            box-shadow: 0 -1px oklch(0 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px currentColor,0 0 0 2rem var(--range-thumb)inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2))0 0 calc(100rem*var(--range-fill));
            position: relative;
            top: 50%;
            transform: translateY(-50%)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .range::-webkit-slider-thumb {
                box-shadow:0 -1px oklch(0 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2))0 0 calc(100rem*var(--range-fill))
            }
        }

        .range::-moz-range-track {
            background-color: var(--range-bg);
            border-radius: var(--radius-selector);
            width: 100%;
            height: calc(var(--range-thumb-size)*.5)
        }

        .range::-moz-range-thumb {
            box-sizing: border-box;
            border-radius: calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));
            height: var(--range-thumb-size);
            width: var(--range-thumb-size);
            border: var(--range-p)solid;
            color: var(--range-progress);
            box-shadow: 0 -1px oklch(0 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px currentColor,0 0 0 2rem var(--range-thumb)inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2))0 0 calc(100rem*var(--range-fill));
            background-color: currentColor;
            position: relative;
            top: 50%
        }

        @supports (color: color-mix(in lab,red,red)) {
            .range::-moz-range-thumb {
                box-shadow:0 -1px oklch(0 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,calc((var(--range-dir,1)*-100rem) - (var(--range-dir,1)*var(--range-thumb-size)/2))0 0 calc(100rem*var(--range-fill))
            }
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .timeline {
            display: flex;
            position: relative
        }

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

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

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

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

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

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

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

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

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

        .swap {
            cursor: pointer;
            vertical-align: middle;
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            place-content: center;
            display: inline-grid;
            position: relative
        }

        .swap input {
            appearance: none;
            border: none
        }

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

        @media (prefers-reduced-motion:no-preference) {
            .swap>* {
                transition-property: transform,rotate,opacity;
                transition-duration: .2s;
                transition-timing-function: cubic-bezier(0,0,.2,1)
            }
        }

        .swap .swap-indeterminate,.swap .swap-on,.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
        }

        .collapse-title {
            grid-row-start: 1;
            grid-column-start: 1;
            width: 100%;
            min-height: 1lh;
            padding: 1rem;
            padding-inline-end:3rem;transition: background-color .2s ease-out;
            position: relative
        }

        .mockup-code {
            border-radius: var(--radius-box);
            background-color: var(--color-neutral);
            color: var(--color-neutral-content);
            direction: ltr;
            padding-block:1.25rem;font-size: .875rem;
            position: relative;
            overflow: auto hidden
        }

        .mockup-code:before {
            content: "";
            opacity: .3;
            border-radius: 3.40282e+38px;
            width: .75rem;
            height: .75rem;
            margin-bottom: 1rem;
            display: block;
            box-shadow: 1.4em 0,2.8em 0,4.2em 0
        }

        .mockup-code pre {
            padding-right: 1.25rem
        }

        .mockup-code pre: before {
            content:"";
            margin-right: 2ch
        }

        .mockup-code pre[data-prefix]: before {
            --tw-content:attr(data-prefix);
            content: var(--tw-content);
            text-align: right;
            opacity: .5;
            width: 2rem;
            display: inline-block
        }

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

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

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

        .checkbox {
            border: var(--border)solid var(--input-color,var(--color-base-content))
        }

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

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

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

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

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

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

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

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

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

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

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

        .radio {
            cursor: pointer;
            appearance: none;
            vertical-align: middle;
            border: var(--border)solid var(--input-color,currentColor);
            border-radius: 3.40282e+38px;
            flex-shrink: 0;
            padding: .25rem;
            display: inline-block;
            position: relative
        }

        @supports (color: color-mix(in lab,red,red)) {
            .radio {
                border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000))
            }
        }

        .radio {
            box-shadow: 0 1px oklch(0 0 0/calc(var(--depth)*.1))inset;
            --size: calc(var(--size-selector,.25rem)*6);
            width: var(--size);
            height: var(--size);
            color: var(--input-color,currentColor)
        }

        .radio:before {
            --tw-content: "";
            content: var(--tw-content);
            background-size: auto,calc(var(--noise)*100%);
            background-image: none,var(--fx-noise);
            border-radius: 3.40282e+38px;
            width: 100%;
            height: 100%;
            display: block
        }

        .radio:focus-visible {
            outline: 2px solid
        }

        .radio:checked,.radio[aria-checked=true] {
            background-color: var(--color-base-100);
            border-color: currentColor
        }

        @media (prefers-reduced-motion:no-preference) {
            .radio:checked,.radio[aria-checked=true] {
                animation: radio .2s ease-out
            }
        }

        :is(.radio:checked,.radio[aria-checked=true]): before {
            box-shadow:0 -1px oklch(0 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0 0 0/calc(var(--depth)*.1));
            background-color: currentColor
        }

        @media (forced-colors:active) {
            :is(.radio:checked,.radio[aria-checked=true]):before {
                outline-style: var(--tw-outline-style);
                outline-offset: calc(1px*-1);
                outline-width: 1px
            }
        }

        @media print {
            :is(.radio:checked,.radio[aria-checked=true]):before {
                outline-offset: -1rem;
                outline: .25rem solid
            }
        }

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

        .rating input {
            appearance: none;
            border: none
        }

        .rating :where(*) {
            background-color: var(--color-base-content);
            opacity: .2;
            border-radius: 0;
            width: 1.5rem;
            height: 1.5rem
        }

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

        .rating :where(*):is(input) {
            cursor: pointer
        }

        .rating .rating-hidden {
            background-color: #0000;
            width: .5rem
        }

        .rating input[type=radio]: checked {
            background-image:none
        }

        .rating :checked,.rating :has(~:checked,~[aria-checked=true],~[aria-current=true]),.rating [aria-checked=true],.rating [aria-current=true] {
            opacity: 1
        }

        .rating :focus-visible {
            scale: 1.1
        }

        @media (prefers-reduced-motion:no-preference) {
            .rating :focus-visible {
                transition: scale .2s ease-out
            }
        }

        .rating :active:focus {
            animation: none;
            scale: 1.1
        }

        .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 {
            grid-auto-flow: column;
            display: inline-grid;
            overflow-x: auto
        }

        .progress,.stats {
            border-radius: var(--radius-box);
            position: relative
        }

        .progress {
            appearance: none;
            background-color: currentColor;
            width: 100%;
            height: .5rem;
            overflow: hidden
        }

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

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

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

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

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

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

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

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

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

        .file-input {
            cursor: pointer;
            border: var(--border)solid #0000;
            appearance: none;
            background-color: var(--color-base-100);
            vertical-align: middle;
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            width: clamp(3rem,20rem,100%);
            height: var(--size);
            border-color: var(--input-color);
            box-shadow: 0 1px var(--input-color)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;
            border-start-start-radius: var(--join-ss,var(--radius-field));
            border-start-end-radius: var(--join-se,var(--radius-field));
            border-end-end-radius: var(--join-ee,var(--radius-field));
            border-end-start-radius: var(--join-es,var(--radius-field));
            align-items: center;
            padding-inline-end:.75rem;font-size: .875rem;
            line-height: 2;
            display: inline-flex
        }

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

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

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

        .file-input::file-selector-button {
            cursor: pointer;
            webkit-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            height: calc(100% + var(--border)*2);
            margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color: var(--btn-fg);
            border-width: var(--border);
            border-style: solid;
            border-color: var(--btn-border);
            background-color: var(--btn-bg);
            background-size: calc(var(--noise)*100%);
            background-image: var(--btn-noise);
            text-shadow: 0 .5px oklch(1 0 0/calc(var(--depth)*.15));
            box-shadow: 0 .5px 0 .5px white inset,var(--btn-shadow);
            border-start-start-radius: calc(var(--join-ss,var(--radius-field) - var(--border)));
            border-end-start-radius: calc(var(--join-es,var(--radius-field) - var(--border)));
            margin-inline-start:calc(var(--border)*-1);padding-inline: 1rem;
            font-size: .875rem;
            font-weight: 600
        }

        @supports (color: color-mix(in lab,red,red)) {
            .file-input::file-selector-button {
                box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow)
            }
        }

        .file-input::file-selector-button {
            --size: calc(var(--size-field,.25rem)*10);
            --btn-bg: var(--btn-color,var(--color-base-200));
            --btn-fg: var(--color-base-content);
            --btn-border: var(--btn-bg)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .file-input::file-selector-button {
                --btn-border:color-mix(in oklab,var(--btn-bg),#000 5%)
            }
        }

        .file-input::file-selector-button {
            --btn-shadow: 0 3px 2px -2px var(--btn-bg),0 4px 3px -2px var(--btn-bg)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .file-input::file-selector-button {
                --btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000)
            }
        }

        .file-input::file-selector-button {
            --btn-noise: var(--fx-noise)
        }

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

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

        .file-input:focus {
            outline: 2px solid var(--input-color);
            outline-offset: 2px;
            isolation: isolate
        }

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

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

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

        .file-input:has(>input[disabled]),.file-input: is(:disabled,[disabled]) {
            box-shadow:none;
            color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]) {
                color:color-mix(in oklch,var(--color-base-content)20%,#0000)
            }
        }

        :is(.file-input:has(>input[disabled]),.file-input: is(:disabled,[disabled]))::file-selector-button {
            cursor:not-allowed;
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
            --btn-border: #0000;
            --btn-noise: none;
            --btn-fg: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            :is(.file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]))::file-selector-button {
                --btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)
            }
        }

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

        .textarea {
            border: var(--border)solid #0000;
            appearance: none;
            border-radius: var(--radius-field);
            background-color: var(--color-base-100);
            vertical-align: middle;
            width: clamp(3rem,20rem,100%);
            min-height: 5rem;
            font-size: max(var(--font-size,.875rem),.875rem);
            touch-action: manipulation;
            border-color: var(--input-color);
            box-shadow: 0 1px var(--input-color)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;
            flex-shrink: 1;
            padding-block:.5rem;padding-inline:.75rem}

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

        .textarea {
            --input-color: var(--color-base-content)
        }

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

        .textarea textarea {
            appearance: none;
            background-color: #0000;
            border: none
        }

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

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

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

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

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

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

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

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

        :is(.textarea:has(>textarea[disabled]),.textarea: is(:disabled,[disabled]))::placeholder {
            color:var(--color-base-content)
        }

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

        .textarea:has(>textarea[disabled]),.textarea: is(:disabled,[disabled]) {
            box-shadow:none
        }

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

        .stack {
            grid-template-rows: 3px 4px 1fr 4px 3px;
            grid-template-columns: 3px 4px 1fr 4px 3px;
            display: inline-grid
        }

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

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

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

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

        .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
        }

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

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

        .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;
            width: 91.6667%;
            max-width: 32rem;
            max-height: 100vh;
            padding: 1.5rem;
            transition: translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;
            overflow-y: auto;
            scale: 95%;
            box-shadow: 0 25px 50px -12px oklch(0 0 0/.25)
        }

        .stat-value {
            font-size: 2rem;
            font-weight: 800
        }

        .stat-desc,.stat-value {
            white-space: nowrap;
            grid-column-start: 1
        }

        .stat-desc {
            color: var(--color-base-content)
        }

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

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

        @supports (color: color-mix(in lab,red,red)) {
            .stat-title {
                color:color-mix(in oklab,var(--color-base-content)60%,transparent)
            }
        }

        .stat-title {
            font-size: .75rem
        }

        .divider {
            white-space: nowrap;
            height: 1rem;
            margin: var(--divider-m,1rem 0);
            --divider-color: var(--color-base-content);
            flex-direction: row;
            align-self: stretch;
            align-items: center;
            display: flex
        }

        @supports (color: color-mix(in lab,red,red)) {
            .divider {
                --divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
            }
        }

        .divider:after,.divider:before {
            content: "";
            background-color: var(--divider-color);
            flex-grow: 1;
            width: 100%;
            height: .125rem
        }

        @media print {
            .divider:after,.divider:before {
                border: .5px solid
            }
        }

        .divider:not(:empty) {
            gap: 1rem
        }

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

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

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

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

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

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

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

        .label {
            white-space: nowrap;
            color: currentColor;
            align-items: center;
            gap: .375rem;
            display: inline-flex
        }

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

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

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

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

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

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

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

        .modal-action {
            justify-content: flex-end;
            gap: .5rem;
            margin-top: 1.5rem;
            display: flex
        }

        .breadcrumbs {
            max-width: 100%;
            padding-block:.5rem;overflow-x: auto
        }

        .breadcrumbs>menu,.breadcrumbs>ol,.breadcrumbs>ul {
            white-space: nowrap;
            align-items: center;
            min-height: min-content;
            display: flex
        }

        :is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li {
            align-items: center;
            display: flex
        }

        :is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>* {
            cursor: pointer;
            align-items: center;
            gap: .5rem;
            display: flex
        }

        @media (hover: hover) {
            :is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>:hover {
                text-decoration-line:underline
            }
        }

        :is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>: focus {
            --tw-outline-style:none;
            outline-style: none
        }

        @media (forced-colors:active) {
            :is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>:focus {
                outline-offset: 2px;
                outline: 2px solid #0000
            }
        }

        :is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li>: focus-visible {
            outline-offset:2px;
            outline: 2px solid
        }

        :is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li+: before {
            content:"";
            opacity: .4;
            background-color: #0000;
            border-top: 1px solid;
            border-right: 1px solid;
            width: .375rem;
            height: .375rem;
            margin-left: .5rem;
            margin-right: .75rem;
            display: block;
            rotate: 45deg
        }

        [dir=rtl] : is(:is(.breadcrumbs>menu,.breadcrumbs>ul,.breadcrumbs>ol)>li)+:before {
            rotate:-135deg
        }

        .fieldset-legend {
            color: var(--color-base-content);
            justify-content: space-between;
            align-items: center;
            gap: .5rem;
            margin-bottom: -.25rem;
            padding-block:.5rem;font-weight: 600;
            display: flex
        }

        .carousel-item {
            box-sizing: content-box;
            scroll-snap-align: start;
            flex: none;
            display: flex
        }

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

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

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

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

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

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

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

        .badge,.kbd {
            vertical-align: middle;
            justify-content: center;
            align-items: center;
            display: inline-flex
        }

        .kbd {
            border-radius: var(--radius-field);
            background-color: var(--color-base-200);
            border: var(--border)solid var(--color-base-content);
            padding-inline:.5em}

        @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,.25rem)*6);
            height: var(--size);
            min-width: var(--size);
            font-size: .875rem
        }

        .tabs {
            --tabs-height: auto;
            --tabs-direction: row;
            --tab-height: calc(var(--size-field,.25rem)*10);
            height: var(--tabs-height);
            flex-wrap: wrap;
            flex-direction: var(--tabs-direction);
            display: flex
        }

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

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

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

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

        .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
        }

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

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

        .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
        }

        .fieldset-label {
            color: var(--color-base-content);
            align-items: center;
            gap: .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
        }

        .carousel {
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            display: inline-flex;
            overflow-x: scroll
        }

        @media (prefers-reduced-motion:no-preference) {
            .carousel {
                scroll-behavior: smooth
            }
        }

        .carousel::-webkit-scrollbar {
            display: none
        }

        .alert {
            --alert-border-color: var(--color-base-200);
            border-radius: var(--radius-box);
            color: var(--color-base-content);
            background-color: var(--alert-color,var(--color-base-200));
            text-align: start;
            background-size: auto,calc(var(--noise)*100%);
            background-image: none,var(--fx-noise);
            box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px #000,0 4px 3px -2px oklch(0 0 0/calc(var(--depth)*.08));
            border-style: solid;
            grid-template-columns: auto;
            grid-auto-flow: column;
            justify-content: start;
            place-items: center start;
            gap: 1rem;
            padding-block:.75rem;padding-inline:1rem;font-size: .875rem;
            line-height: 1.25rem;
            display: grid
        }

        @supports (color: color-mix(in lab,red,red)) {
            .alert {
                box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0 0 0/calc(var(--depth)*.08))
            }
        }

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

        .fieldset {
            grid-template-columns: 1fr;
            grid-auto-rows: max-content;
            gap: .375rem;
            font-size: .75rem
        }

        .chat,.fieldset {
            padding-block:.25rem;display: grid
        }

        .chat {
            --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
            grid-auto-rows: min-content;
            column-gap: .75rem
        }

        .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
        }

        .skeleton {
            border-radius: var(--radius-box);
            background-color: var(--color-base-300)
        }

        @media (prefers-reduced-motion:reduce) {
            .skeleton {
                transition-duration: 15s
            }
        }

        .skeleton {
            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:no-preference) {
            .skeleton {
                animation: skeleton 1.8s ease-in-out infinite
            }
        }

        .link {
            cursor: pointer;
            text-decoration-line: underline
        }

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

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

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

        .menu-title {
            color: var(--color-base-content);
            padding-block:.5rem;padding-inline:.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: .875rem;
            font-weight: 600
        }

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

        .btn-info {
            --btn-color: var(--color-info);
            --btn-fg: var(--color-info-content)
        }

        .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)
        }

        .btn-secondary {
            --btn-color: var(--color-secondary);
            --btn-fg: var(--color-secondary-content)
        }

        .btn-success {
            --btn-color: var(--color-success);
            --btn-fg: var(--color-success-content)
        }

        .btn-warning {
            --btn-color: var(--color-warning);
            --btn-fg: var(--color-warning-content)
        }
    }

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

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

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

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

        .tooltip>.tooltip-content,.tooltip[data-tip]: before {
            transform:translateX(-50%)translateY(var(--tt-pos,.25rem));
            inset: auto auto var(--tt-off)50%
        }

        .tooltip:after {
            transform: translateX(-50%)translateY(var(--tt-pos,.25rem));
            inset: auto auto var(--tt-tail)50%
        }

        .collapse-arrow>.collapse-title:after {
            width: .5rem;
            height: .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: .2s;
                transition-timing-function: cubic-bezier(.4,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
        }

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

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

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

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

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

        .btn[disabled]: not(.btn-link,.btn-ghost) {
            background-color:var(--color-base-content)
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .collapse-open {
            grid-template-rows: max-content 1fr
        }

        .collapse-open>.collapse-content {
            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>:not(.list-col-wrap) {
            grid-row-start: 1
        }

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

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

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

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

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

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

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

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

        .checkbox:disabled,.radio:disabled {
            cursor: not-allowed;
            opacity: .2
        }

        .rating.rating-xs :where(:not(.rating-hidden)) {
            width: 1rem;
            height: 1rem
        }

        .rating.rating-sm :where(:not(.rating-hidden)) {
            width: 1.25rem;
            height: 1.25rem
        }

        .rating.rating-md :where(:not(.rating-hidden)) {
            width: 1.5rem;
            height: 1.5rem
        }

        .rating.rating-lg :where(:not(.rating-hidden)) {
            width: 1.75rem;
            height: 1.75rem
        }

        .rating.rating-xl :where(:not(.rating-hidden)) {
            width: 2rem;
            height: 2rem
        }

        :where(.navbar) {
            position: relative
        }

        .toast-center {
            --toast-x: -50%;
            inset-inline: 50%
        }

        .dropdown-end {
            --anchor-h: span-left
        }

        .dropdown-end :where(.dropdown-content) {
            inset-inline-end: 0;
            translate: 0
        }

        [dir=rtl] : is(.dropdown-end :where(.dropdown-content)) {
            translate:0
        }

        .dropdown-end.dropdown-left {
            --anchor-h: left;
            --anchor-v: span-top
        }

        .dropdown-end.dropdown-left .dropdown-content {
            top: auto;
            bottom: 0
        }

        .dropdown-end.dropdown-right {
            --anchor-h: right;
            --anchor-v: span-top
        }

        .dropdown-end.dropdown-right .dropdown-content {
            top: auto;
            bottom: 0
        }

        .dropdown-top {
            --anchor-v: top
        }

        .dropdown-top .dropdown-content {
            transform-origin: bottom;
            top: auto;
            bottom: 100%
        }

        .toast-top {
            --toast-y: 0;
            top: 1rem;
            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 7%)
            }
        }

        .btn-active {
            --btn-shadow: 0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);
            isolation: isolate
        }

        :is(.stack,.stack.stack-bottom)>* {
            grid-area: 3/3/6/4
        }

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

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

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

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

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

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

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

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

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

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

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

        .input-lg {
            --size: calc(var(--size-field,.25rem)*12);
            font-size: max(var(--font-size,1.125rem),1.125rem)
        }

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

        .input-sm {
            --size: calc(var(--size-field,.25rem)*8);
            font-size: max(var(--font-size,.75rem),.75rem)
        }

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

        .input-xs {
            --size: calc(var(--size-field,.25rem)*6);
            font-size: max(var(--font-size,.6875rem),.6875rem)
        }

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

        .steps-vertical {
            grid-auto-rows: 1fr;
            grid-auto-flow: row
        }

        .steps-vertical .step {
            grid-template-rows: auto;
            grid-template-columns: 40px 1fr;
            justify-items: start;
            gap: .5rem;
            min-height: 4rem;
            display: grid
        }

        .steps-vertical .step:before {
            width: .5rem;
            height: 100%;
            margin-inline-start:50%;translate: -50% -50%
        }

        [dir=rtl] : is(.steps-vertical .step):before {
            translate:50% -50%
        }

        .avatar-placeholder>div {
            justify-content: center;
            align-items: center;
            display: flex
        }

        .modal-bottom {
            place-items: end
        }

        .modal-bottom .modal-box {
            --modal-tl: var(--radius-box);
            --modal-tr: var(--radius-box);
            --modal-bl: 0;
            --modal-br: 0;
            width: 100%;
            max-width: none;
            height: auto;
            max-height: calc(100vh - 5em);
            translate: 0 100%;
            scale: 1
        }

        .card-side {
            flex-direction: row;
            align-items: stretch
        }

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

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

        .card-side figure>* {
            max-width: unset
        }

        .card-side :where(figure>*) {
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .divider-horizontal {
            --divider-m: 0 1rem
        }

        .divider-horizontal.divider {
            flex-direction: column;
            width: 1rem;
            height: auto
        }

        .divider-horizontal.divider:after,.divider-horizontal.divider:before {
            width: .125rem;
            height: 100%
        }

        .btn-circle {
            border-radius: 3.40282e+38px
        }

        .btn-circle,.btn-square {
            width: var(--size);
            height: var(--size);
            padding-inline:0}

        .loading-lg {
            width: calc(var(--size-selector,.25rem)*7)
        }

        .loading-md {
            width: calc(var(--size-selector,.25rem)*6)
        }

        .loading-sm {
            width: calc(var(--size-selector,.25rem)*5)
        }

        .loading-xs {
            width: calc(var(--size-selector,.25rem)*4)
        }

        .carousel-center .carousel-item {
            scroll-snap-align: center
        }

        .stats-horizontal {
            grid-auto-flow: column;
            overflow-x: auto
        }

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

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

        .stats-horizontal .stat:not(:last-child) {
            border-block-end:none}

        .stats-vertical {
            grid-auto-flow: row;
            overflow-y: auto
        }

        .stats-vertical .stat:not(:last-child) {
            border-inline-end:none;border-block-end:var(--border)dashed currentColor}

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

        .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-ghost {
            border-color: var(--color-base-200);
            background-color: var(--color-base-200);
            color: var(--color-base-content);
            background-image: none
        }

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

        .table-zebra tbody tr: where(:nth-child(2n)),.table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) {
            background-color:var(--color-base-200)
        }

        @media (hover: hover) {
            :is(.table-zebra tbody tr.row-hover,.table-zebra tbody tr.row-hover:where(:nth-child(2n))):hover {
                background-color:var(--color-base-300)
            }
        }

        .loading-dots {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E")
        }

        .loading-spinner {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
        }

        .checkbox-sm {
            --size: calc(var(--size-selector,.25rem)*5)
        }

        .checkbox-sm,.radio-sm {
            padding: .1875rem
        }

        .radio-sm[type=radio] {
            --size: calc(var(--size-selector,.25rem)*5)
        }

        .select-sm {
            --size: calc(var(--size-field,.25rem)*8);
            font-size: .75rem
        }

        .select-sm option {
            padding-block: .25rem;
            padding-inline:.625rem}

        .select-xs {
            --size: calc(var(--size-field,.25rem)*6);
            font-size: .6875rem
        }

        .select-xs option {
            padding-block: .25rem;
            padding-inline:.5rem}

        .table-sm :not(thead,tfoot) tr {
            font-size: .75rem
        }

        .table-sm :where(th,td) {
            padding-block: .5rem;
            padding-inline:.75rem}

        .table-xs :not(thead,tfoot) tr {
            font-size: .6875rem
        }

        .table-xs :where(th,td) {
            padding-block: .25rem;
            padding-inline:.5rem}

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

        .badge-sm {
            --size: calc(var(--size-selector,.25rem)*5);
            font-size: .75rem
        }

        .badge-xs {
            --size: calc(var(--size-selector,.25rem)*4);
            font-size: .625rem
        }

        .kbd-sm {
            --size: calc(var(--size-selector,.25rem)*5);
            font-size: .75rem
        }

        .textarea-sm {
            font-size: max(var(--font-size,.75rem),.75rem)
        }

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

        .alert-info {
            color: var(--color-info-content);
            --alert-border-color: var(--color-info);
            --alert-color: var(--color-info)
        }

        .alert-success {
            color: var(--color-success-content);
            --alert-border-color: var(--color-success);
            --alert-color: var(--color-success)
        }

        .alert-warning {
            color: var(--color-warning-content);
            --alert-border-color: var(--color-warning);
            --alert-color: var(--color-warning)
        }

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

        @media (hover: hover) {
            .link-primary:hover {
                color:var(--color-primary)
            }

            @supports (color: color-mix(in lab,red,red)) {
                .link-primary:hover {
                    color:color-mix(in oklab,var(--color-primary)80%,#000)
                }
            }
        }

        .range-primary {
            color: var(--color-primary);
            --range-thumb: var(--color-primary-content)
        }

        .progress-info {
            color: var(--color-info)
        }

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

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

        @media (hover: hover) {
            .link-hover:hover {
                text-decoration-line:underline
            }
        }

        .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)
        }

        .btn-xs {
            --fontsize: .6875rem;
            --btn-p: .5rem;
            --size: calc(var(--size-field,.25rem)*6)
        }

        .card-sm .card-body {
            --card-p: 1rem;
            --card-fs: .75rem
        }

        .card-sm .card-title {
            --cardtitle-fs: 1rem
        }

        .badge-accent {
            --badge-color: var(--color-accent);
            --badge-fg: var(--color-accent-content)
        }

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

        .badge-info {
            --badge-color: var(--color-info);
            --badge-fg: var(--color-info-content)
        }

        .badge-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-secondary {
            --badge-color: var(--color-secondary);
            --badge-fg: var(--color-secondary-content)
        }

        .badge-success {
            --badge-color: var(--color-success);
            --badge-fg: var(--color-success-content)
        }

        .badge-warning {
            --badge-color: var(--color-warning);
            --badge-fg: var(--color-warning-content)
        }

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

        .input-error,.input-error:focus,.input-error:focus-within {
            --input-color: var(--color-error)
        }

        .input-primary,.input-primary:focus,.input-primary:focus-within {
            --input-color: var(--color-primary)
        }

        .range-sm {
            --range-thumb-size: calc(var(--size-selector,.25rem)*5)
        }

        .toggle-primary:checked,.toggle-primary[aria-checked=true] {
            --input-color: var(--color-primary)
        }

        .toggle-sm:has([type=checkbox]),.toggle-sm[type=checkbox] {
            --size: calc(var(--size-selector,.25rem)*5)
        }

        .toggle-xs:has([type=checkbox]),.toggle-xs[type=checkbox] {
            --size: calc(var(--size-selector,.25rem)*4)
        }
    }

    .pointer-events-auto {
        pointer-events: auto
    }

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

    .countdown.countdown {
        line-height: 1em
    }

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

    .collapse {
        visibility: collapse
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden
    }

    .absolute,.sr-only {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

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

    .-top-2\.5 {
        top: calc(var(--spacing)*-2.5)
    }

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

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

    .-top-\[10px\] {
        top: -10px
    }

    .-top-\[15px\] {
        top: -15px
    }

    .-top-\[20px\] {
        top: -20px
    }

    .-top-\[30px\] {
        top: -30px
    }

    .-top-\[40px\] {
        top: -40px
    }

    .-top-\[50px\] {
        top: -50px
    }

    .-top-\[77px\] {
        top: -77px
    }

    .-top-\[100px\] {
        top: -100px
    }

    .-top-\[388px\] {
        top: -388px
    }

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

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

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

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

    .top-1\/3 {
        top: 33.3333%
    }

    .top-1\/4 {
        top: 25%
    }

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

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

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

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

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

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

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

    .top-\[-120px\] {
        top: -120px
    }

    .top-\[-220px\] {
        top: -220px
    }

    .top-\[10\%\] {
        top: 10%
    }

    .top-\[10px\] {
        top: 10px
    }

    .top-\[30px\] {
        top: 30px
    }

    .top-\[60px\] {
        top: 60px
    }

    .top-\[65px\] {
        top: 65px
    }

    .top-\[66px\] {
        top: 66px
    }

    .top-\[150px\] {
        top: 150px
    }

    .top-\[165px\] {
        top: 165px
    }

    .top-\[786px\] {
        top: 786px
    }

    .top-\[800px\] {
        top: 800px
    }

    .top-\[1050px\] {
        top: 1050px
    }

    .top-\[1401px\] {
        top: 1401px
    }

    .top-\[1450px\] {
        top: 1450px
    }

    .top-\[1750px\] {
        top: 1750px
    }

    .top-\[2000px\] {
        top: 2000px
    }

    .top-\[2800px\] {
        top: 2800px
    }

    .top-\[2850px\] {
        top: 2850px
    }

    .top-full {
        top: 100%
    }

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

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

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

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

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

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

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

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

    .-right-\[5px\] {
        right: -5px
    }

    .-right-\[15px\] {
        right: -15px
    }

    .-right-\[20px\] {
        right: -20px
    }

    .-right-\[34px\] {
        right: -34px
    }

    .-right-\[40px\] {
        right: -40px
    }

    .-right-\[50px\] {
        right: -50px
    }

    .-right-\[70px\] {
        right: -70px
    }

    .-right-\[100px\] {
        right: -100px
    }

    .-right-\[120px\] {
        right: -120px
    }

    .-right-\[140px\] {
        right: -140px
    }

    .-right-\[400px\] {
        right: -400px
    }

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

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

    .right-1\/4 {
        right: 25%
    }

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

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

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

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

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

    .right-\[-15px\] {
        right: -15px
    }

    .right-\[-20px\] {
        right: -20px
    }

    .right-\[-60px\] {
        right: -60px
    }

    .right-\[8\%\] {
        right: 8%
    }

    .right-\[20px\] {
        right: 20px
    }

    .right-\[50\%\] {
        right: 50%
    }

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

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

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

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

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

    .-bottom-\[20px\] {
        bottom: -20px
    }

    .-bottom-\[30px\] {
        bottom: -30px
    }

    .-bottom-\[40px\] {
        bottom: -40px
    }

    .-bottom-\[50px\] {
        bottom: -50px
    }

    .-bottom-\[100px\] {
        bottom: -100px
    }

    .-bottom-\[120px\] {
        bottom: -120px
    }

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

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

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

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

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

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

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

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

    .bottom-\[-400px\] {
        bottom: -400px
    }

    .bottom-\[10px\] {
        bottom: 10px
    }

    .bottom-\[40px\] {
        bottom: 40px
    }

    .bottom-\[80px\] {
        bottom: 80px
    }

    .bottom-\[100px\] {
        bottom: 100px
    }

    .bottom-\[250px\] {
        bottom: 250px
    }

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

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

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

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

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

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

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

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

    .-left-\[5px\] {
        left: -5px
    }

    .-left-\[20px\] {
        left: -20px
    }

    .-left-\[40px\] {
        left: -40px
    }

    .-left-\[50px\] {
        left: -50px
    }

    .-left-\[60px\] {
        left: -60px
    }

    .-left-\[70px\] {
        left: -70px
    }

    .-left-\[95px\] {
        left: -95px
    }

    .-left-\[100px\] {
        left: -100px
    }

    .-left-\[300px\] {
        left: -300px
    }

    .-left-\[320px\] {
        left: -320px
    }

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

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

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

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

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

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

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

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

    .left-\[-35px\] {
        left: -35px
    }

    .left-\[-90px\] {
        left: -90px
    }

    .left-\[5\%\] {
        left: 5%
    }

    .left-\[15px\] {
        left: 15px
    }

    .left-\[20px\] {
        left: 20px
    }

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

    .left-\[55px\] {
        left: 55px
    }

    .left-\[60\%\] {
        left: 60%
    }

    .left-\[calc\(50\%\+77\.5px\)\] {
        left: calc(50% + 77.5px)
    }

    .isolate {
        isolation: isolate
    }

    .-z-0 {
        z-index: calc(0*-1)
    }

    .-z-10 {
        z-index: calc(10*-1)
    }

    .z-0 {
        z-index: 0
    }

    .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-\[1\] {
        z-index: 1
    }

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

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

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

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

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

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

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

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

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .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 {
        margin: calc(var(--spacing)*-2)
    }

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

    .m-auto {
        margin: auto
    }

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

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

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

    .join-vertical {
        flex-direction: column
    }

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

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

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

    .join-vertical .join-item:where(:not(:first-child)) {
        margin-block-start:calc(var(--border,1px)*-1);margin-inline-start: 0
    }

    .join-item:where(:not(:first-child,:disabled,[disabled],.btn-disabled)) {
        margin-block-start: 0;
        margin-inline-start:calc(var(--border,1px)*-1)}

    .join-item: where(:is(:disabled,[disabled],.btn-disabled)) {
        border-width:var(--border,1px)0 var(--border,1px)var(--border,1px)
    }

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

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

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

    .-mt-\[1px\] {
        margin-top: -1px
    }

    .-mt-\[30px\] {
        margin-top: -30px
    }

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

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

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

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

    .mt-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-10 {
        margin-top: calc(var(--spacing)*10)
    }

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

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

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

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

    .mt-\[10px\] {
        margin-top: 10px
    }

    .mt-\[15px\] {
        margin-top: 15px
    }

    .mt-\[90px\] {
        margin-top: 90px
    }

    .mt-px {
        margin-top: 1px
    }

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

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

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

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

    .mr-auto {
        margin-right: auto
    }

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

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

    .mb-0\.5 {
        margin-bottom: calc(var(--spacing)*.5)
    }

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

    .mb-1\.5 {
        margin-bottom: calc(var(--spacing)*1.5)
    }

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

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

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

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

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

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

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

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

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

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

    .mb-\[114px\] {
        margin-bottom: 114px
    }

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

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

    .ml-0\.5 {
        margin-left: calc(var(--spacing)*.5)
    }

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

    .ml-1\.5 {
        margin-left: calc(var(--spacing)*1.5)
    }

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

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

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

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

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

    .ml-\[15px\] {
        margin-left: 15px
    }

    .ml-\[50px\] {
        margin-left: 50px
    }

    .ml-auto {
        margin-left: auto
    }

    .kbd {
        box-shadow: none
    }

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

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

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

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

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

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

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

    .line-clamp-1 {
        -webkit-line-clamp: 1
    }

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

    .line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .line-clamp-3 {
        -webkit-line-clamp: 3
    }

    .line-clamp-3,.line-clamp-4 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-4 {
        -webkit-line-clamp: 4
    }

    :root .prose {
        --tw-prose-body: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-body:color-mix(in oklab,var(--color-base-content)80%,#0000)
        }
    }

    :root .prose {
        --tw-prose-headings: var(--color-base-content);
        --tw-prose-lead: var(--color-base-content);
        --tw-prose-links: var(--color-base-content);
        --tw-prose-bold: var(--color-base-content);
        --tw-prose-counters: var(--color-base-content);
        --tw-prose-bullets: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-bullets:color-mix(in oklab,var(--color-base-content)50%,#0000)
        }
    }

    :root .prose {
        --tw-prose-hr: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-hr:color-mix(in oklab,var(--color-base-content)20%,#0000)
        }
    }

    :root .prose {
        --tw-prose-quotes: var(--color-base-content);
        --tw-prose-quote-borders: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-quote-borders:color-mix(in oklab,var(--color-base-content)20%,#0000)
        }
    }

    :root .prose {
        --tw-prose-captions: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-captions:color-mix(in oklab,var(--color-base-content)50%,#0000)
        }
    }

    :root .prose {
        --tw-prose-code: var(--color-base-content);
        --tw-prose-pre-code: var(--color-neutral-content);
        --tw-prose-pre-bg: var(--color-neutral);
        --tw-prose-th-borders: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-th-borders:color-mix(in oklab,var(--color-base-content)50%,#0000)
        }
    }

    :root .prose {
        --tw-prose-td-borders: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-td-borders:color-mix(in oklab,var(--color-base-content)20%,#0000)
        }
    }

    :root .prose {
        --tw-prose-kbd: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root .prose {
            --tw-prose-kbd:color-mix(in oklab,var(--color-base-content)80%,#0000)
        }
    }

    :root .prose :where(code): not(pre>code) {
        background-color:var(--color-base-200);
        border-radius: var(--radius-selector);
        border: var(--border)solid var(--color-base-300);
        font-weight: inherit;
        padding-block:.2em;padding-inline:.5em}

    :root .prose :where(code): not(pre>code):after,:root .prose :where(code):not(pre>code):before {
        display:none
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .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
    }

    .aspect-\[2\/3\] {
        aspect-ratio: 2/3
    }

    .aspect-\[3\/2\] {
        aspect-ratio: 3/2
    }

    .aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }

    .aspect-\[9\/16\] {
        aspect-ratio: 9/16
    }

    .aspect-\[16\/10\] {
        aspect-ratio: 16/10
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

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

    .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-3\.5 {
        height: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[1em\] {
        height: 1em
    }

    .h-\[18px\] {
        height: 18px
    }

    .h-\[25px\] {
        height: 25px
    }

    .h-\[32px\] {
        height: 32px
    }

    .h-\[40px\] {
        height: 40px
    }

    .h-\[49px\] {
        height: 49px
    }

    .h-\[50px\] {
        height: 50px
    }

    .h-\[52px\] {
        height: 52px
    }

    .h-\[54px\] {
        height: 54px
    }

    .h-\[60px\] {
        height: 60px
    }

    .h-\[70px\] {
        height: 70px
    }

    .h-\[72vw\] {
        height: 72vw
    }

    .h-\[85vh\] {
        height: 85vh
    }

    .h-\[100dvh\] {
        height: 100dvh
    }

    .h-\[100px\] {
        height: 100px
    }

    .h-\[110px\] {
        height: 110px
    }

    .h-\[120px\] {
        height: 120px
    }

    .h-\[130px\] {
        height: 130px
    }

    .h-\[140px\] {
        height: 140px
    }

    .h-\[155px\] {
        height: 155px
    }

    .h-\[160px\] {
        height: 160px
    }

    .h-\[200px\] {
        height: 200px
    }

    .h-\[240px\] {
        height: 240px
    }

    .h-\[260px\] {
        height: 260px
    }

    .h-\[267px\] {
        height: 267px
    }

    .h-\[280px\] {
        height: 280px
    }

    .h-\[300px\] {
        height: 300px
    }

    .h-\[320px\] {
        height: 320px
    }

    .h-\[350px\] {
        height: 350px
    }

    .h-\[354px\] {
        height: 354px
    }

    .h-\[390px\] {
        height: 390px
    }

    .h-\[400px\] {
        height: 400px
    }

    .h-\[440px\] {
        height: 440px
    }

    .h-\[472px\] {
        height: 472px
    }

    .h-\[480px\] {
        height: 480px
    }

    .h-\[560px\] {
        height: 560px
    }

    .h-\[600px\] {
        height: 600px
    }

    .h-\[850px\] {
        height: 850px
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-h-\[120px\] {
        max-height: 120px
    }

    .max-h-\[200px\] {
        max-height: 200px
    }

    .max-h-\[300px\] {
        max-height: 300px
    }

    .max-h-\[500px\] {
        max-height: 500px
    }

    .max-h-\[calc\(85vh-72px\)\] {
        max-height: calc(85vh - 72px)
    }

    .max-h-full {
        max-height: 100%
    }

    .max-h-none {
        max-height: none
    }

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

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

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

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

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

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

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

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

    .min-h-\[min\(100svh\,900px\)\] {
        min-height: min(100svh,900px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-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-20 {
        width: calc(var(--spacing)*20)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[1em\] {
        width: 1em
    }

    .w-\[1px\] {
        width: 1px
    }

    .w-\[2px\] {
        width: 2px
    }

    .w-\[18px\] {
        width: 18px
    }

    .w-\[25px\] {
        width: 25px
    }

    .w-\[30px\] {
        width: 30px
    }

    .w-\[32px\] {
        width: 32px
    }

    .w-\[45px\] {
        width: 45px
    }

    .w-\[50px\] {
        width: 50px
    }

    .w-\[52px\] {
        width: 52px
    }

    .w-\[54vw\] {
        width: 54vw
    }

    .w-\[56px\] {
        width: 56px
    }

    .w-\[61px\] {
        width: 61px
    }

    .w-\[62px\] {
        width: 62px
    }

    .w-\[70px\] {
        width: 70px
    }

    .w-\[80\%\] {
        width: 80%
    }

    .w-\[80px\] {
        width: 80px
    }

    .w-\[85\%\] {
        width: 85%
    }

    .w-\[90\%\] {
        width: 90%
    }

    .w-\[92\%\] {
        width: 92%
    }

    .w-\[98px\] {
        width: 98px
    }

    .w-\[100px\] {
        width: 100px
    }

    .w-\[110px\] {
        width: 110px
    }

    .w-\[120px\] {
        width: 120px
    }

    .w-\[130px\] {
        width: 130px
    }

    .w-\[140px\] {
        width: 140px
    }

    .w-\[150px\] {
        width: 150px
    }

    .w-\[155px\] {
        width: 155px
    }

    .w-\[160px\] {
        width: 160px
    }

    .w-\[170px\] {
        width: 170px
    }

    .w-\[180px\] {
        width: 180px
    }

    .w-\[192px\] {
        width: 192px
    }

    .w-\[200px\] {
        width: 200px
    }

    .w-\[207px\] {
        width: 207px
    }

    .w-\[220px\] {
        width: 220px
    }

    .w-\[230px\] {
        width: 230px
    }

    .w-\[245px\] {
        width: 245px
    }

    .w-\[250px\] {
        width: 250px
    }

    .w-\[260px\] {
        width: 260px
    }

    .w-\[280px\] {
        width: 280px
    }

    .w-\[300px\] {
        width: 300px
    }

    .w-\[310px\] {
        width: 310px
    }

    .w-\[320px\] {
        width: 320px
    }

    .w-\[340px\] {
        width: 340px
    }

    .w-\[350px\] {
        width: 350px
    }

    .w-\[390px\] {
        width: 390px
    }

    .w-\[400px\] {
        width: 400px
    }

    .w-\[403px\] {
        width: 403px
    }

    .w-\[500px\] {
        width: 500px
    }

    .w-\[600px\] {
        width: 600px
    }

    .w-\[700px\] {
        width: 700px
    }

    .w-\[900px\] {
        width: 900px
    }

    .w-\[1200px\] {
        width: 1200px
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-screen {
        width: 100vw
    }

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

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

    .max-w-\[1px\] {
        max-width: 1px
    }

    .max-w-\[90vw\] {
        max-width: 90vw
    }

    .max-w-\[100px\] {
        max-width: 100px
    }

    .max-w-\[120px\] {
        max-width: 120px
    }

    .max-w-\[150px\] {
        max-width: 150px
    }

    .max-w-\[160px\] {
        max-width: 160px
    }

    .max-w-\[169px\] {
        max-width: 169px
    }

    .max-w-\[180px\] {
        max-width: 180px
    }

    .max-w-\[200px\] {
        max-width: 200px
    }

    .max-w-\[220px\] {
        max-width: 220px
    }

    .max-w-\[260px\] {
        max-width: 260px
    }

    .max-w-\[278px\] {
        max-width: 278px
    }

    .max-w-\[294px\] {
        max-width: 294px
    }

    .max-w-\[300px\] {
        max-width: 300px
    }

    .max-w-\[320px\] {
        max-width: 320px
    }

    .max-w-\[326px\] {
        max-width: 326px
    }

    .max-w-\[334px\] {
        max-width: 334px
    }

    .max-w-\[336px\] {
        max-width: 336px
    }

    .max-w-\[338px\] {
        max-width: 338px
    }

    .max-w-\[340px\] {
        max-width: 340px
    }

    .max-w-\[390px\] {
        max-width: 390px
    }

    .max-w-\[398px\] {
        max-width: 398px
    }

    .max-w-\[400px\] {
        max-width: 400px
    }

    .max-w-\[414px\] {
        max-width: 414px
    }

    .max-w-\[420px\] {
        max-width: 420px
    }

    .max-w-\[432px\] {
        max-width: 432px
    }

    .max-w-\[480px\] {
        max-width: 480px
    }

    .max-w-\[520px\] {
        max-width: 520px
    }

    .max-w-\[540px\] {
        max-width: 540px
    }

    .max-w-\[640px\] {
        max-width: 640px
    }

    .max-w-\[720px\] {
        max-width: 720px
    }

    .max-w-\[900px\] {
        max-width: 900px
    }

    .max-w-full {
        max-width: 100%
    }

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

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

    .max-w-none {
        max-width: none
    }

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

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

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

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

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

    .min-w-\[20px\] {
        min-width: 20px
    }

    .min-w-\[40px\] {
        min-width: 40px
    }

    .min-w-\[80px\] {
        min-width: 80px
    }

    .flex-1 {
        flex: 1
    }

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

    .grow {
        flex-grow: 1
    }

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

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

    .-translate-x-1\/2,.-translate-x-full {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-full {
        --tw-translate-x: -100%
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[calc\(100\%-0\.5rem\)\] {
        --tw-translate-x: calc(100% - .5rem);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-0\.5 {
        --tw-translate-y: calc(var(--spacing)*-.5)
    }

    .-translate-y-0\.5,.-translate-y-1\/2 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .translate-y-4 {
        --tw-translate-y: calc(var(--spacing)*4)
    }

    .translate-y-4,.translate-y-\[0\.15em\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[0\.15em\] {
        --tw-translate-y: .15em
    }

    .scale-0 {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%
    }

    .scale-0,.scale-95 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%
    }

    .scale-100,.scale-105 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%
    }

    .scale-110 {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%
    }

    .-scale-x-100,.scale-110 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .-scale-x-100 {
        --tw-scale-x: calc(100%*-1)
    }

    .-scale-y-100 {
        --tw-scale-y: calc(100%*-1);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .-rotate-\[-30deg\] {
        rotate: 30deg
    }

    .rotate-5 {
        rotate: 5deg
    }

    .rotate-10 {
        rotate: 10deg
    }

    .rotate-12 {
        rotate: 12deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[-6deg\] {
        rotate: -6deg
    }

    .rotate-\[-8deg\] {
        rotate: -8deg
    }

    .rotate-\[-11\.447deg\] {
        rotate: -11.447deg
    }

    .rotate-\[-13deg\] {
        rotate: -13deg
    }

    .rotate-\[-17deg\] {
        rotate: -17deg
    }

    .rotate-\[-25deg\] {
        rotate: -25deg
    }

    .rotate-\[-70deg\] {
        rotate: -70deg
    }

    .rotate-\[6deg\] {
        rotate: 6deg
    }

    .rotate-\[8deg\] {
        rotate: 8deg
    }

    .rotate-\[11\.447deg\] {
        rotate: 11.447deg
    }

    .rotate-\[13deg\] {
        rotate: 13deg
    }

    .rotate-\[17deg\] {
        rotate: 17deg
    }

    .rotate-\[30deg\] {
        rotate: 30deg
    }

    .rotate-\[160deg\] {
        rotate: 160deg
    }

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

    .animate-\[spin_3s_ease-in-out_infinite\] {
        animation: spin 3s ease-in-out infinite
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

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

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

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .touch-pan-y {
        --tw-pan-y: pan-y;
        touch-action: var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }

    .snap-center {
        scroll-snap-align: center
    }

    .snap-start {
        scroll-snap-align: start
    }

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

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

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

    .list-decimal {
        list-style-type: decimal
    }

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

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

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

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

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

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

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

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

    .flex-wrap {
        flex-wrap: wrap
    }

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

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

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

    .items-stretch {
        align-items: stretch
    }

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

    .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 {
        gap: calc(var(--spacing)*0)
    }

    .gap-0\.5 {
        gap: calc(var(--spacing)*.5)
    }

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

    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing)*.5)
    }

    .gap-y-1\.5 {
        row-gap: calc(var(--spacing)*1.5)
    }

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

    .gap-y-10 {
        row-gap: calc(var(--spacing)*10)
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style:var(--tw-border-style);border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
        border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}

    : where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse:0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-base-200>:not(:last-child)) {
        border-color: var(--color-base-200)
    }

    :where(.divide-base-content\/5>: not(:last-child)) {
        border-color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        :where(.divide-base-content\/5>:not(:last-child)) {
            border-color:color-mix(in oklab,var(--color-base-content)5%,transparent)
        }
    }

    .self-center {
        align-self: center
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

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

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-\[6px\] {
        border-radius: 6px
    }

    .rounded-\[10px\] {
        border-radius: 10px
    }

    .rounded-\[13px\] {
        border-radius: 13px
    }

    .rounded-\[15px\] {
        border-radius: 15px
    }

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

    .rounded-full {
        border-radius: 3.40282e+38px
    }

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

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

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

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

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

    .rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

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

    .rounded-b-lg,.rounded-r-lg {
        border-bottom-right-radius: var(--radius-lg)
    }

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

    .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-\[2\.3vw\] {
        border-style: var(--tw-border-style);
        border-width: 2.3vw
    }

    .border-\[5px\] {
        border-style: var(--tw-border-style);
        border-width: 5px
    }

    .border-\[8px\] {
        border-style: var(--tw-border-style);
        border-width: 8px
    }

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

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

    .border-t-8,.border-t-\[8px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: 8px
    }

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

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

    .border-r-\[6px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: 6px
    }

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

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

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

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

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

    .border-l-8 {
        border-left-style: var(--tw-border-style);
        border-left-width: 8px
    }

    .border-l-\[6px\] {
        border-left-style: var(--tw-border-style);
        border-left-width: 6px
    }

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

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

    .border-\[\#4E6439\]\/30 {
        border-color: oklab(47.3721% -.0459454 .0533179/.3)
    }

    .border-\[\#8B000022\] {
        border-color: #8b000022
    }

    .border-\[\#00000011\] {
        border-color: #0001
    }

    .border-\[\#0071e3\] {
        border-color: #0071e3
    }

    .border-\[\#d2d2d7\] {
        border-color: #d2d2d7
    }

    .border-\[\#e8e8ed\] {
        border-color: #e8e8ed
    }

    .border-\[\#f5f5f7\] {
        border-color: #f5f5f7
    }

    .border-\[\#fde68a\] {
        border-color: #fde68a
    }

    .border-\[\#ff3b30\] {
        border-color: #ff3b30
    }

    .border-\[\#ffc107\]\/30 {
        border-color: oklab(84.4171% .0152028 .171486/.3)
    }

    .border-\[\#ffffff22\] {
        border-color: #fff2
    }

    .border-\[\#ffffff33\] {
        border-color: #fff3
    }

    .border-amber-400 {
        border-color: var(--color-amber-400)
    }

    .border-amber-700\/30 {
        border-color: #b750004d
    }

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

    .border-base-200,.border-base-200\/60 {
        border-color: var(--color-base-200)
    }

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

    .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\/30 {
        border-color: var(--color-base-300)
    }

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

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

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

    .border-base-content\/5 {
        border-color: var(--color-base-content)
    }

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

    .border-base-content\/10 {
        border-color: var(--color-base-content)
    }

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

    .border-base-content\/20 {
        border-color: var(--color-base-content)
    }

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

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

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

    .border-black\/10 {
        border-color: #0000001a
    }

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

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

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

    .border-emerald-500 {
        border-color: var(--color-emerald-500)
    }

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

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

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

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

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

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

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

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

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

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

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

    .border-pink-500 {
        border-color: var(--color-pink-500)
    }

    .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-primary\/40 {
        border-color: var(--color-primary)
    }

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

    .border-red-100 {
        border-color: var(--color-red-100)
    }

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

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

    .border-red-400 {
        border-color: var(--color-red-400)
    }

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

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

    .border-slate-400\/50 {
        border-color: #90a1b980
    }

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

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

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

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

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

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

    .border-warning,.border-warning\/20 {
        border-color: var(--color-warning)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .border-warning\/20 {
            border-color:color-mix(in oklab,var(--color-warning)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-white {
        border-color: var(--color-white)
    }

    .border-white\/10 {
        border-color: #ffffff1a
    }

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

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

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

    .border-white\/40 {
        border-color: #fff6
    }

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

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

    .border-yellow-500\/50 {
        border-color: #edb20080
    }

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

    .border-t-transparent {
        border-top-color: #0000
    }

    .border-r-gray-800 {
        border-right-color: var(--color-gray-800)
    }

    .border-r-transparent {
        border-right-color: #0000
    }

    .border-b-transparent {
        border-bottom-color: #0000
    }

    .border-l-gray-800 {
        border-left-color: var(--color-gray-800)
    }

    .border-l-transparent {
        border-left-color: #0000
    }

    .glass {
        -webkit-backdrop-filter: blur(var(--glass-blur,40px));
        backdrop-filter: blur(var(--glass-blur,40px));
        background-color: #0000;
        background-image: linear-gradient(135deg,oklch(100% 0 0/var(--glass-opacity,30%))0,oklch(0 0 0/0) 100%),linear-gradient(var(--glass-reflect-degree,100deg),oklch(100% 0 0/var(--glass-reflect-opacity,5%))25%,oklch(0 0 0/0) 25%);
        box-shadow: 0 0 0 1px oklch(100% 0 0/var(--glass-border-opacity,20%))inset,0 0 0 2px oklch(0 0 0/.05);
        text-shadow: 0 1px oklch(0 0 0/var(--glass-text-shadow-opacity,5%));
        border: none
    }

    .bg-\[\#0A202F\] {
        background-color: #0a202f
    }

    .bg-\[\#0a0a0a\] {
        background-color: #0a0a0a
    }

    .bg-\[\#1d1d1f\] {
        background-color: #1d1d1f
    }

    .bg-\[\#4E6439\]\/5 {
        background-color: oklab(47.3721% -.0459454 .0533179/.05)
    }

    .bg-\[\#30d158\] {
        background-color: #30d158
    }

    .bg-\[\#0068FF\] {
        background-color: #0068ff
    }

    .bg-\[\#0071e3\] {
        background-color: #0071e3
    }

    .bg-\[\#0084FF\]\/10 {
        background-color: oklab(62.3562% -.0529378 -.199366/.1)
    }

    .bg-\[\#680e0e\] {
        background-color: #680e0e
    }

    .bg-\[\#1877F2\] {
        background-color: #1877f2
    }

    .bg-\[\#162614\] {
        background-color: #162614
    }

    .bg-\[\#f0f5ff\] {
        background-color: #f0f5ff
    }

    .bg-\[\#f5f5f7\] {
        background-color: #f5f5f7
    }

    .bg-\[\#fff3cd\] {
        background-color: #fff3cd
    }

    .bg-\[\#fffbeb\] {
        background-color: #fffbeb
    }

    .bg-\[\#ffffff0f\] {
        background-color: #ffffff0f
    }

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

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

    .bg-amber-50\/50 {
        background-color: #fffbeb80
    }

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

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

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

    .bg-amber-500\/10 {
        background-color: #f99c001a
    }

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

    .bg-amber-500\/15 {
        background-color: #f99c0026
    }

    @supports (color: color-mix(in lab,red,red)) {
        .bg-amber-500\/15 {
            background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)
        }
    }

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

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

    .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-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\/95 {
        background-color: var(--color-base-100)
    }

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

    .bg-base-200,.bg-base-200\/30 {
        background-color: var(--color-base-200)
    }

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

    .bg-base-200\/50 {
        background-color: var(--color-base-200)
    }

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

    .bg-base-200\/60 {
        background-color: var(--color-base-200)
    }

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

    .bg-base-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,.bg-base-300\/50 {
        background-color: var(--color-base-300)
    }

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

    .bg-base-300\/60 {
        background-color: var(--color-base-300)
    }

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

    .bg-base-content\/4 {
        background-color: var(--color-base-content)
    }

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

    .bg-base-content\/5 {
        background-color: var(--color-base-content)
    }

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

    .bg-base-content\/10 {
        background-color: var(--color-base-content)
    }

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

    .bg-base-content\/15 {
        background-color: var(--color-base-content)
    }

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

    .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-base-content\/30 {
        background-color: var(--color-base-content)
    }

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

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

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

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

    .bg-black\/20 {
        background-color: #0003
    }

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

    .bg-black\/30 {
        background-color: #0000004d
    }

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

    .bg-black\/40 {
        background-color: #0006
    }

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

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

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

    .bg-black\/55 {
        background-color: #0000008c
    }

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

    .bg-black\/60 {
        background-color: #0009
    }

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

    .bg-black\/70 {
        background-color: #000000b3
    }

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

    .bg-black\/85 {
        background-color: #000000d9
    }

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

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

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

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

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

    .bg-current {
        background-color: currentColor
    }

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

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

    .bg-emerald-50\/50 {
        background-color: #ecfdf580
    }

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

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

    .bg-emerald-500 {
        background-color: var(--color-emerald-500)
    }

    .bg-error,.bg-error\/5 {
        background-color: var(--color-error)
    }

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

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

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

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

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

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

    .bg-gray-50\/50 {
        background-color: #f9fafb80
    }

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

    .bg-gray-50\/80 {
        background-color: #f9fafbcc
    }

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

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

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

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

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

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

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

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

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

    .bg-green-600\/20 {
        background-color: #00a54433
    }

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

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

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

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

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

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

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

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

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

    .bg-pink-100\/40 {
        background-color: #fce7f366
    }

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

    .bg-pink-200\/30 {
        background-color: #fccee84d
    }

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

    .bg-pink-500 {
        background-color: var(--color-pink-500)
    }

    .bg-pink-500\/10 {
        background-color: #f6339a1a
    }

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

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

    .bg-primary-content\/20 {
        background-color: var(--color-primary-content)
    }

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

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

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

    .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\/15 {
        background-color: var(--color-primary)
    }

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

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

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

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

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

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

    .bg-purple-500\/10 {
        background-color: #ac4bff1a
    }

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

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

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

    .bg-red-50\/50 {
        background-color: #fef2f280
    }

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

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

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

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

    .bg-rose-200\/30 {
        background-color: #ffccd34d
    }

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

    .bg-rose-500 {
        background-color: var(--color-rose-500)
    }

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

    .bg-sky-500 {
        background-color: var(--color-sky-500)
    }

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

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

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

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

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

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

    .bg-transparent {
        background-color: #0000
    }

    .bg-warning,.bg-warning\/5 {
        background-color: var(--color-warning)
    }

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

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

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

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

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

    .bg-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-white {
        background-color: var(--color-white)
    }

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

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

    .bg-white\/15 {
        background-color: #ffffff26
    }

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

    .bg-white\/20 {
        background-color: #fff3
    }

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

    .bg-white\/30 {
        background-color: #ffffff4d
    }

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

    .bg-white\/50 {
        background-color: #ffffff80
    }

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

    .bg-white\/90 {
        background-color: #ffffffe6
    }

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

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

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

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab
    }

    .bg-gradient-to-b,.bg-gradient-to-br {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab
    }

    .bg-gradient-to-l {
        --tw-gradient-position: to left in oklab
    }

    .bg-gradient-to-l,.bg-gradient-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab
    }

    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab
    }

    .bg-gradient-to-t,.bg-gradient-to-tr {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-tr {
        --tw-gradient-position: to top right in oklab
    }

    .from-\[\#4E6439\]\/20 {
        --tw-gradient-from: oklab(47.3721% -.0459454 .0533179/.2);
        --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-\[\#ba4a59\]\/20 {
        --tw-gradient-from: oklab(56.1606% .139872 .0374081/.2);
        --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-amber-700 {
        --tw-gradient-from: var(--color-amber-700);
        --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-amber-700\/10 {
        --tw-gradient-from: #b750001a
    }

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

    .from-amber-700\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .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-black\/40 {
        --tw-gradient-from: #0006
    }

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

    .from-black\/40 {
        --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-black\/70 {
        --tw-gradient-from: #000000b3
    }

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

    .from-black\/70 {
        --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-black\/80 {
        --tw-gradient-from: #000c
    }

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

    .from-black\/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))
    }

    .from-black\/90 {
        --tw-gradient-from: #000000e6
    }

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

    .from-black\/90 {
        --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-50 {
        --tw-gradient-from: var(--color-blue-50);
        --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-500 {
        --tw-gradient-from: var(--color-blue-500);
        --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-pink-50 {
        --tw-gradient-from: var(--color-pink-50);
        --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-pink-100 {
        --tw-gradient-from: var(--color-pink-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-pink-400 {
        --tw-gradient-from: var(--color-pink-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

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

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

    .from-primary\/5 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

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

    .from-primary\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

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

    .from-primary\/20 {
        --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-red-50 {
        --tw-gradient-from: var(--color-red-50);
        --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-red-500 {
        --tw-gradient-from: var(--color-red-500);
        --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-rose-50 {
        --tw-gradient-from: var(--color-rose-50);
        --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-rose-400 {
        --tw-gradient-from: var(--color-rose-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-rose-500 {
        --tw-gradient-from: var(--color-rose-500);
        --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-secondary\/5 {
        --tw-gradient-from: var(--color-secondary)
    }

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

    .from-secondary\/5 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .from-slate-400\/10 {
        --tw-gradient-from: #90a1b91a
    }

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

    .from-slate-400\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-transparent {
        --tw-gradient-from: 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))
    }

    .from-white\/30 {
        --tw-gradient-from: #ffffff4d
    }

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

    .from-white\/30 {
        --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-yellow-50 {
        --tw-gradient-from: var(--color-yellow-50);
        --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-yellow-500 {
        --tw-gradient-from: var(--color-yellow-500);
        --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-yellow-500\/10 {
        --tw-gradient-from: #edb2001a
    }

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

    .from-yellow-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .via-base-content\/10 {
        --tw-gradient-via: var(--color-base-content)
    }

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

    .via-base-content\/10 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-black\/20 {
        --tw-gradient-via: #0003
    }

    @supports (color: color-mix(in lab,red,red)) {
        .via-black\/20 {
            --tw-gradient-via:color-mix(in oklab,var(--color-black)20%,transparent)
        }
    }

    .via-black\/20 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-black\/30 {
        --tw-gradient-via: #0000004d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .via-black\/30 {
            --tw-gradient-via:color-mix(in oklab,var(--color-black)30%,transparent)
        }
    }

    .via-black\/30 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-black\/50 {
        --tw-gradient-via: #00000080
    }

    @supports (color: color-mix(in lab,red,red)) {
        .via-black\/50 {
            --tw-gradient-via:color-mix(in oklab,var(--color-black)50%,transparent)
        }
    }

    .via-black\/50 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-black\/70 {
        --tw-gradient-via: #000000b3
    }

    @supports (color: color-mix(in lab,red,red)) {
        .via-black\/70 {
            --tw-gradient-via:color-mix(in oklab,var(--color-black)70%,transparent)
        }
    }

    .via-black\/70 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

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

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

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

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

    .via-white\/20 {
        --tw-gradient-via: #fff3
    }

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

    .via-white\/20 {
        --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-\[\#23381E\]\/20 {
        --tw-gradient-to: oklab(31.5023% -.0397498 .0337197/.2);
        --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-\[\#ae4c51\]\/20 {
        --tw-gradient-to: oklab(54.414% .121289 .0424055/.2);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .to-amber-400\/10 {
        --tw-gradient-to: #fcbb001a
    }

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

    .to-amber-400\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-amber-600 {
        --tw-gradient-to: var(--color-amber-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-amber-600\/10 {
        --tw-gradient-to: #dd74001a
    }

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

    .to-amber-600\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-base-100 {
        --tw-gradient-to: 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))
    }

    .to-base-200\/50 {
        --tw-gradient-to: var(--color-base-200)
    }

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

    .to-base-200\/50 {
        --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-blue-600 {
        --tw-gradient-to: 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))
    }

    .to-fuchsia-500 {
        --tw-gradient-to: var(--color-fuchsia-500);
        --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-indigo-50 {
        --tw-gradient-to: var(--color-indigo-50);
        --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-indigo-100 {
        --tw-gradient-to: var(--color-indigo-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))
    }

    .to-orange-50 {
        --tw-gradient-to: var(--color-orange-50);
        --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-orange-500 {
        --tw-gradient-to: var(--color-orange-500);
        --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-pink-50 {
        --tw-gradient-to: var(--color-pink-50);
        --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-pink-400 {
        --tw-gradient-to: var(--color-pink-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-500 {
        --tw-gradient-to: var(--color-pink-500);
        --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\/10 {
        --tw-gradient-to: var(--color-primary)
    }

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

    .to-primary\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

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

    .to-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))
    }

    .to-purple-50 {
        --tw-gradient-to: var(--color-purple-50);
        --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-rose-100 {
        --tw-gradient-to: var(--color-rose-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))
    }

    .to-rose-500 {
        --tw-gradient-to: var(--color-rose-500);
        --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))
    }

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

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

    .to-secondary\/5 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

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

    .to-secondary\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    @supports (color: color-mix(in lab,red,red)) {
        .to-secondary\/20 {
            --tw-gradient-to:color-mix(in oklab,var(--color-secondary)20%,transparent)
        }
    }

    .to-secondary\/20 {
        --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-slate-300 {
        --tw-gradient-to: var(--color-slate-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-slate-300\/10 {
        --tw-gradient-to: #cad5e21a
    }

    @supports (color: color-mix(in lab,red,red)) {
        .to-slate-300\/10 {
            --tw-gradient-to:color-mix(in oklab,var(--color-slate-300)10%,transparent)
        }
    }

    .to-slate-300\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-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))
    }

    .to-white {
        --tw-gradient-to: var(--color-white);
        --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
    }

    .fill-primary {
        fill: var(--color-primary)
    }

    .stroke-current {
        stroke: currentColor
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-top {
        object-position: top
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-0\.5 {
        padding: calc(var(--spacing)*.5)
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing)*1.5)
    }

    .p-2 {
        padding: calc(var(--spacing)*2)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .p-5 {
        padding: calc(var(--spacing)*5)
    }

    .p-6 {
        padding: calc(var(--spacing)*6)
    }

    .p-8 {
        padding: calc(var(--spacing)*8)
    }

    .px-0 {
        padding-inline:calc(var(--spacing)*0)}

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .px-2 {
        padding-inline:calc(var(--spacing)*2)}

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-3 {
        padding-inline:calc(var(--spacing)*3)}

    .px-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)}

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-10 {
        padding-inline:calc(var(--spacing)*10)}

    .px-\[calc\(\(100vw-288px\)\/2\)\] {
        padding-inline: calc(50vw - 144px)
    }

    .py-0 {
        padding-block:calc(var(--spacing)*0)}

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

    .py-1 {
        padding-block:calc(var(--spacing)*1)}

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

    .py-2 {
        padding-block:calc(var(--spacing)*2)}

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block:calc(var(--spacing)*3)}

    .py-3\.5 {
        padding-block: calc(var(--spacing)*3.5)
    }

    .py-4 {
        padding-block:calc(var(--spacing)*4)}

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-6 {
        padding-block:calc(var(--spacing)*6)}

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-10 {
        padding-block:calc(var(--spacing)*10)}

    .py-12 {
        padding-block: calc(var(--spacing)*12)
    }

    .py-16 {
        padding-block:calc(var(--spacing)*16)}

    .py-20 {
        padding-block: calc(var(--spacing)*20)
    }

    .pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

    .pt-1\.5 {
        padding-top: calc(var(--spacing)*1.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-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pt-24 {
        padding-top: calc(var(--spacing)*24)
    }

    .pt-28 {
        padding-top: calc(var(--spacing)*28)
    }

    .pt-\[50px\] {
        padding-top: 50px
    }

    .pt-\[160px\] {
        padding-top: 160px
    }

    .pr-2 {
        padding-right: calc(var(--spacing)*2)
    }

    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }

    .pr-4 {
        padding-right: calc(var(--spacing)*4)
    }

    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }

    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .pr-10 {
        padding-right: calc(var(--spacing)*10)
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .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)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing)*12)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

    .pb-24 {
        padding-bottom: calc(var(--spacing)*24)
    }

    .pb-40 {
        padding-bottom: calc(var(--spacing)*40)
    }

    .pb-48 {
        padding-bottom: calc(var(--spacing)*48)
    }

    .pb-\[50px\] {
        padding-bottom: 50px
    }

    .pb-\[148px\] {
        padding-bottom: 148px
    }

    .pb-\[200px\] {
        padding-bottom: 200px
    }

    .pl-2 {
        padding-left: calc(var(--spacing)*2)
    }

    .pl-3 {
        padding-left: calc(var(--spacing)*3)
    }

    .pl-4 {
        padding-left: calc(var(--spacing)*4)
    }

    .pl-6 {
        padding-left: calc(var(--spacing)*6)
    }

    .pl-8 {
        padding-left: calc(var(--spacing)*8)
    }

    .pl-10 {
        padding-left: calc(var(--spacing)*10)
    }

    .pl-\[20\%\] {
        padding-left: 20%
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .align-middle {
        vertical-align: middle
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .font-serif {
        font-family: var(--font-serif)
    }

    .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-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading,var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading,var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .\!text-\[24px\] {
        font-size: 24px!important
    }

    .text-\[0\.85em\] {
        font-size: .85em
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[11px\] {
        font-size: 11px
    }

    .text-\[12px\] {
        font-size: 12px
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .text-\[15px\] {
        font-size: 15px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[18px\] {
        font-size: 18px
    }

    .text-\[20px\] {
        font-size: 20px
    }

    .text-\[22px\] {
        font-size: 22px
    }

    .text-\[24px\] {
        font-size: 24px
    }

    .text-\[25px\] {
        font-size: 25px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[30px\] {
        font-size: 30px
    }

    .text-\[32px\] {
        font-size: 32px
    }

    .text-\[35px\] {
        font-size: 35px
    }

    .text-\[36px\] {
        font-size: 36px
    }

    .text-\[37px\] {
        font-size: 37px
    }

    .text-\[38px\] {
        font-size: 38px
    }

    .text-\[45px\] {
        font-size: 45px
    }

    .text-\[48px\] {
        font-size: 48px
    }

    .text-\[50px\] {
        font-size: 50px
    }

    .text-\[65px\] {
        font-size: 65px
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
    }

    .leading-\[50px\] {
        --tw-leading: 50px;
        line-height: 50px
    }

    .leading-\[55px\] {
        --tw-leading: 55px;
        line-height: 55px
    }

    .leading-\[56px\] {
        --tw-leading: 56px;
        line-height: 56px
    }

    .leading-\[65px\] {
        --tw-leading: 65px;
        line-height: 65px;
        font-family: "Fz_Qellia_Fix" !important;
    }

    .leading-\[72px\] {
        --tw-leading: 72px;
        line-height: 72px
    }

    .leading-\[75px\] {
        --tw-leading: 75px;
        line-height: 75px
    }

    .leading-\[98px\] {
        --tw-leading: 98px;
        line-height: 98px
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .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\.2em\] {
        --tw-tracking: .2em;
        letter-spacing: .2em
    }

    .tracking-\[0\.3em\] {
        --tw-tracking: .3em;
        letter-spacing: .3em
    }

    .tracking-\[0\.05em\] {
        --tw-tracking: .05em;
        letter-spacing: .05em
    }

    .tracking-\[0\.25em\] {
        --tw-tracking: .25em;
        letter-spacing: .25em
    }

    .tracking-\[1px\] {
        --tw-tracking: 1px;
        letter-spacing: 1px
    }

    .tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .text-\[\#1d1d1f\] {
        color: #1d1d1f
    }

    .text-\[\#4E6439\]\/40 {
        color: oklab(47.3721% -.0459454 .0533179/.4)
    }

    .text-\[\#30d158\] {
        color: #30d158
    }

    .text-\[\#0071e3\] {
        color: #0071e3
    }

    .text-\[\#0084FF\] {
        color: #0084ff
    }

    .text-\[\#86868b\] {
        color: #86868b
    }

    .text-\[\#92400e\] {
        color: #92400e
    }

    .text-\[\#856404\] {
        color: #856404
    }

    .text-\[\#FFC662\] {
        color: #ffc662
    }

    .text-\[\#e9ce9e\] {
        color: #e9ce9e
    }

    .text-\[\#ff3b30\] {
        color: #ff3b30
    }

    .text-accent {
        color: var(--color-accent)
    }

    .text-amber-100 {
        color: var(--color-amber-100)
    }

    .text-amber-500 {
        color: var(--color-amber-500)
    }

    .text-amber-600 {
        color: var(--color-amber-600)
    }

    .text-amber-700 {
        color: var(--color-amber-700)
    }

    .text-base-200 {
        color: var(--color-base-200)
    }

    .text-base-content,.text-base-content\/20 {
        color: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-base-content\/20 {
            color:color-mix(in oklab,var(--color-base-content)20%,transparent)
        }
    }

    .text-base-content\/25 {
        color: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-base-content\/25 {
            color:color-mix(in oklab,var(--color-base-content)25%,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\/50 {
        color: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-base-content\/50 {
            color:color-mix(in oklab,var(--color-base-content)50%,transparent)
        }
    }

    .text-base-content\/60 {
        color: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-base-content\/60 {
            color:color-mix(in oklab,var(--color-base-content)60%,transparent)
        }
    }

    .text-base-content\/70 {
        color: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-base-content\/70 {
            color:color-mix(in oklab,var(--color-base-content)70%,transparent)
        }
    }

    .text-base-content\/80 {
        color: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-base-content\/80 {
            color:color-mix(in oklab,var(--color-base-content)80%,transparent)
        }
    }

    .text-black {
        color: var(--color-black)
    }

    .text-blue-400 {
        color: var(--color-blue-400)
    }

    .text-blue-500 {
        color: var(--color-blue-500)
    }

    .text-blue-600 {
        color: var(--color-blue-600)
    }

    .text-blue-800 {
        color: var(--color-blue-800)
    }

    .text-blue-900 {
        color: var(--color-blue-900)
    }

    .text-emerald-500 {
        color: var(--color-emerald-500)
    }

    .text-emerald-600 {
        color: var(--color-emerald-600)
    }

    .text-emerald-700 {
        color: var(--color-emerald-700)
    }

    .text-emerald-800 {
        color: var(--color-emerald-800)
    }

    .text-error {
        color: var(--color-error)
    }

    .text-error-content {
        color: var(--color-error-content)
    }

    .text-error\/60 {
        color: var(--color-error)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-error\/60 {
            color:color-mix(in oklab,var(--color-error)60%,transparent)
        }
    }

    .text-error\/70 {
        color: var(--color-error)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-error\/70 {
            color:color-mix(in oklab,var(--color-error)70%,transparent)
        }
    }

    .text-gray-400 {
        color: var(--color-gray-400)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-gray-600 {
        color: var(--color-gray-600)
    }

    .text-gray-700 {
        color: var(--color-gray-700)
    }

    .text-gray-800 {
        color: var(--color-gray-800)
    }

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-green-400 {
        color: var(--color-green-400)
    }

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-green-700 {
        color: var(--color-green-700)
    }

    .text-green-800 {
        color: var(--color-green-800)
    }

    .text-info,.text-info\/50 {
        color: var(--color-info)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-info\/50 {
            color:color-mix(in oklab,var(--color-info)50%,transparent)
        }
    }

    .text-info\/60 {
        color: var(--color-info)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-info\/60 {
            color:color-mix(in oklab,var(--color-info)60%,transparent)
        }
    }

    .text-info\/70 {
        color: var(--color-info)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-info\/70 {
            color:color-mix(in oklab,var(--color-info)70%,transparent)
        }
    }

    .text-neutral-content {
        color: var(--color-neutral-content)
    }

    .text-orange-600 {
        color: var(--color-orange-600)
    }

    .text-orange-800 {
        color: var(--color-orange-800)
    }

    .text-pink-400 {
        color: var(--color-pink-400)
    }

    .text-pink-500 {
        color: var(--color-pink-500)
    }

    .text-pink-600 {
        color: var(--color-pink-600)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-primary-content,.text-primary-content\/80 {
        color: var(--color-primary-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-primary-content\/80 {
            color:color-mix(in oklab,var(--color-primary-content)80%,transparent)
        }
    }

    .text-primary\/50 {
        color: var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-primary\/50 {
            color:color-mix(in oklab,var(--color-primary)50%,transparent)
        }
    }

    .text-primary\/70 {
        color: var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-primary\/70 {
            color:color-mix(in oklab,var(--color-primary)70%,transparent)
        }
    }

    .text-primary\/80 {
        color: var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-primary\/80 {
            color:color-mix(in oklab,var(--color-primary)80%,transparent)
        }
    }

    .text-purple-600 {
        color: var(--color-purple-600)
    }

    .text-purple-800 {
        color: var(--color-purple-800)
    }

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-red-600 {
        color: var(--color-red-600)
    }

    .text-red-700 {
        color: var(--color-red-700)
    }

    .text-red-800 {
        color: var(--color-red-800)
    }

    .text-red-900 {
        color: var(--color-red-900)
    }

    .text-rose-300 {
        color: var(--color-rose-300)
    }

    .text-rose-400 {
        color: var(--color-rose-400)
    }

    .text-rose-500 {
        color: var(--color-rose-500)
    }

    .text-secondary {
        color: var(--color-secondary)
    }

    .text-slate-600 {
        color: var(--color-slate-600)
    }

    .text-slate-800 {
        color: var(--color-slate-800)
    }

    .text-stone-900 {
        color: var(--color-stone-900)
    }

    .text-success {
        color: var(--color-success)
    }

    .text-success-content {
        color: var(--color-success-content)
    }

    .text-success\/70 {
        color: var(--color-success)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-success\/70 {
            color:color-mix(in oklab,var(--color-success)70%,transparent)
        }
    }

    .text-transparent {
        color: #0000
    }

    .text-warning {
        color: var(--color-warning)
    }

    .text-warning-content {
        color: var(--color-warning-content)
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/40 {
        color: #fff6
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-white\/40 {
            color:color-mix(in oklab,var(--color-white)40%,transparent)
        }
    }

    .text-white\/70 {
        color: #ffffffb3
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-white\/70 {
            color:color-mix(in oklab,var(--color-white)70%,transparent)
        }
    }

    .text-white\/80 {
        color: #fffc
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-white\/80 {
            color:color-mix(in oklab,var(--color-white)80%,transparent)
        }
    }

    .text-white\/90 {
        color: #ffffffe6
    }

    @supports (color: color-mix(in lab,red,red)) {
        .text-white\/90 {
            color:color-mix(in oklab,var(--color-white)90%,transparent)
        }
    }

    .text-yellow-500 {
        color: var(--color-yellow-500)
    }

    .text-yellow-600 {
        color: var(--color-yellow-600)
    }

    .text-yellow-800 {
        color: var(--color-yellow-800)
    }

    .text-yellow-900 {
        color: var(--color-yellow-900)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .normal-case {
        text-transform: none
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
    }

    .line-through {
        text-decoration-line: line-through
    }

    .prose :where(.btn-link):not(:where([class~=not-prose],[class~=not-prose] *)) {
        text-decoration-line: none
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-1 {
        text-decoration-thickness: 1px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .accent-\[\#1d1d1f\] {
        accent-color: #1d1d1f
    }

    .accent-\[\#0071e3\] {
        accent-color: #0071e3
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-5 {
        opacity: .05
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.2\] {
        opacity: .2
    }

    .opacity-\[0\.08\] {
        opacity: .08
    }

    .opacity-\[0\.15\] {
        opacity: .15
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)
    }

    .shadow,.shadow-2xl {
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040)
    }

    .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.15\)\] {
        --tw-shadow: 0 4px 20px var(--tw-shadow-color,#00000026)
    }

    .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.15\)\],.shadow-lg {
        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)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)
    }

    .shadow-md,.shadow-none {
        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
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)
    }

    .shadow-sm,.shadow-xl {
        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)
    }

    .ring,.ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)
    }

    .ring,.ring-1,.ring-2 {
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)
    }

    .shadow-amber-900\/30 {
        --tw-shadow-color: #7b33064d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .shadow-amber-900\/30 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-amber-900)30%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-primary\/15 {
        --tw-shadow-color: var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .shadow-primary\/15 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary)15%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-primary\/30 {
        --tw-shadow-color: var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .shadow-primary\/30 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary)30%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-rose-500\/30 {
        --tw-shadow-color: #ff23574d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .shadow-rose-500\/30 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-rose-500)30%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-slate-500\/30 {
        --tw-shadow-color: #62748e4d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .shadow-slate-500\/30 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-500)30%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-yellow-500\/30 {
        --tw-shadow-color: #edb2004d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .shadow-yellow-500\/30 {
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-yellow-500)30%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .ring-\[\#30d158\] {
        --tw-ring-color: #30d158
    }

    .ring-base-300 {
        --tw-ring-color: var(--color-base-300)
    }

    .ring-base-content\/5 {
        --tw-ring-color: var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .ring-base-content\/5 {
            --tw-ring-color:color-mix(in oklab,var(--color-base-content)5%,transparent)
        }
    }

    .ring-black\/5 {
        --tw-ring-color: #0000000d
    }

    @supports (color: color-mix(in lab,red,red)) {
        .ring-black\/5 {
            --tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)
        }
    }

    .ring-primary,.ring-primary\/50 {
        --tw-ring-color: var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .ring-primary\/50 {
            --tw-ring-color:color-mix(in oklab,var(--color-primary)50%,transparent)
        }
    }

    .ring-success {
        --tw-ring-color: var(--color-success)
    }

    .ring-offset-2 {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .ring-offset-base-100 {
        --tw-ring-offset-color: var(--color-base-100)
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    @layer daisyui.l1 {
        .btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible,input: checked:not(.filter .btn)) {
            --btn-shadow:"";
            --btn-bg: #0000;
            --btn-border: #0000;
            --btn-noise: none
        }

        .btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible,input: checked:not(.filter .btn)):not(:disabled,[disabled],.btn-disabled) {
            --btn-fg:var(--btn-color,currentColor);
            outline-color: currentColor
        }

        @media (hover: none) {
            .btn-ghost:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover {
                --btn-shadow:"";
                --btn-bg: #0000;
                --btn-fg: var(--btn-color,currentColor);
                --btn-border: #0000;
                --btn-noise: none;
                outline-color: currentColor
            }
        }

        .btn-outline:not(.btn-active,:hover,:active:focus,:focus-visible,input: checked:not(.filter .btn),:disabled,[disabled],.btn-disabled) {
            --btn-shadow:"";
            --btn-bg: #0000;
            --btn-fg: var(--btn-color);
            --btn-border: var(--btn-color);
            --btn-noise: none
        }

        @media (hover: none) {
            .btn-outline:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover {
                --btn-shadow:"";
                --btn-bg: #0000;
                --btn-fg: var(--btn-color);
                --btn-border: var(--btn-color);
                --btn-noise: none
            }
        }

        .btn-soft:not(.btn-active,:hover,:active:focus,:focus-visible,input: checked:not(.filter .btn),:disabled,[disabled],.btn-disabled) {
            --btn-shadow:"";
            --btn-fg: var(--btn-color,var(--color-base-content));
            --btn-bg: var(--btn-color,var(--color-base-content))
        }

        @supports (color: color-mix(in lab,red,red)) {
            .btn-soft:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled) {
                --btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100))
            }
        }

        .btn-soft:not(.btn-active,:hover,:active:focus,:focus-visible,input: checked:not(.filter .btn),:disabled,[disabled],.btn-disabled) {
            --btn-border:var(--btn-color,var(--color-base-content))
        }

        @supports (color: color-mix(in lab,red,red)) {
            .btn-soft:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled) {
                --btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100))
            }
        }

        .btn-soft:not(.btn-active,:hover,:active:focus,:focus-visible,input: checked:not(.filter .btn),:disabled,[disabled],.btn-disabled) {
            --btn-noise:none
        }

        @media (hover: none) {
            .btn-soft:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover {
                --btn-shadow:"";
                --btn-fg: var(--btn-color,var(--color-base-content));
                --btn-bg: var(--btn-color,var(--color-base-content))
            }

            @supports (color: color-mix(in lab,red,red)) {
                .btn-soft:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover {
                    --btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100))
                }
            }

            .btn-soft:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover {
                --btn-border: var(--btn-color,var(--color-base-content))
            }

            @supports (color: color-mix(in lab,red,red)) {
                .btn-soft:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover {
                    --btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100))
                }
            }

            .btn-soft:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover {
                --btn-noise: none
            }
        }
    }

    .blur {
        --tw-blur: blur(8px)
    }

    .blur,.blur-2xl {
        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,)
    }

    .blur-2xl {
        --tw-blur: blur(var(--blur-2xl))
    }

    .blur-3xl {
        --tw-blur: blur(var(--blur-3xl))
    }

    .blur-3xl,.blur-\[2px\] {
        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,)
    }

    .blur-\[2px\] {
        --tw-blur: blur(2px)
    }

    .blur-sm {
        --tw-blur: blur(var(--blur-sm))
    }

    .blur-sm,.drop-shadow-lg {
        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,)
    }

    .drop-shadow-lg {
        --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg))
    }

    .sepia {
        --tw-sepia: sepia(100%)
    }

    .filter,.sepia {
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }

    .backdrop-blur,.backdrop-blur-lg {
        -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-lg {
        --tw-backdrop-blur: blur(var(--blur-lg))
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md))
    }

    .backdrop-blur-md,.backdrop-blur-sm {
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm))
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -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,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-\[object-position\] {
        transition-property: object-position;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .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))
    }

    .delay-100 {
        transition-delay: .1s
    }

    .delay-200 {
        transition-delay: .2s
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .duration-\[12s\] {
        --tw-duration: 12s;
        transition-duration: 12s
    }

    .duration-\[15s\] {
        --tw-duration: 15s;
        transition-duration: 15s
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[text-shadow\: _0_1px_3px_rgb\(0_0_0_\/_80\%\)\] {
        text-shadow:0 1px 3px #000c
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    @media (hover: hover) {
        .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
            --tw-translate-x:calc(var(--spacing)*.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:translate-x-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing)*1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:translate-x-full:is(:where(.group):hover *) {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:translate-y-0:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
            scale: 1.03
        }

        .group-hover\:border-primary\/40:is(:where(.group):hover *) {
            border-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:border-primary\/40:is(:where(.group):hover *) {
                border-color:color-mix(in oklab,var(--color-primary)40%,transparent)
            }
        }

        .group-hover\:bg-base-300:is(:where(.group):hover *) {
            background-color: var(--color-base-300)
        }

        .group-hover\:bg-primary\/10:is(:where(.group):hover *) {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:bg-primary\/10:is(:where(.group):hover *) {
                background-color:color-mix(in oklab,var(--color-primary)10%,transparent)
            }
        }

        .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
                background-color:color-mix(in oklab,var(--color-primary)20%,transparent)
            }
        }

        .group-hover\:bg-primary\/80:is(:where(.group):hover *) {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:bg-primary\/80:is(:where(.group):hover *) {
                background-color:color-mix(in oklab,var(--color-primary)80%,transparent)
            }
        }

        .group-hover\:object-bottom:is(:where(.group):hover *) {
            object-position: bottom
        }

        .group-hover\:text-base-content\/70:is(:where(.group):hover *) {
            color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:text-base-content\/70:is(:where(.group):hover *) {
                color:color-mix(in oklab,var(--color-base-content)70%,transparent)
            }
        }

        .group-hover\:text-primary:is(:where(.group):hover *),.group-hover\:text-primary\/80:is(:where(.group):hover *) {
            color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:text-primary\/80:is(:where(.group):hover *) {
                color:color-mix(in oklab,var(--color-primary)80%,transparent)
            }
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }

        .group-hover\:shadow-lg:is(:where(.group):hover *) {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        .group-hover\:shadow-primary\/20:is(:where(.group):hover *) {
            --tw-shadow-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:shadow-primary\/20:is(:where(.group):hover *) {
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary)20%,transparent)var(--tw-shadow-alpha),transparent)
            }
        }

        .group-hover\:ring-primary\/30:is(:where(.group):hover *) {
            --tw-ring-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .group-hover\:ring-primary\/30:is(:where(.group):hover *) {
                --tw-ring-color:color-mix(in oklab,var(--color-primary)30%,transparent)
            }
        }

        .group-hover\/copy\:opacity-60:is(:where(.group\/copy):hover *) {
            opacity: .6
        }
    }

    .placeholder\: text-base-content\/30::placeholder {
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .placeholder\:text-base-content\/30::placeholder {
            color:color-mix(in oklab,var(--color-base-content)30%,transparent)
        }
    }

    .placeholder\: text-gray-400::placeholder {
        color:var(--color-gray-400)
    }

    .first\: mt-0:first-child {
        margin-top:calc(var(--spacing)*0)
    }

    .last\: border-0:last-child {
        border-style:var(--tw-border-style);
        border-width: 0
    }

    .last\: border-b-0:last-child {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width: 0
    }

    @media (hover: hover) {
        .hover\:-translate-y-0\.5:hover {
            --tw-translate-y:calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-110:hover {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-\[1\.01\]:hover {
            scale: 1.01
        }

        .hover\:scale-\[1\.02\]:hover {
            scale: 1.02
        }

        .hover\:scale-\[1\.03\]:hover {
            scale: 1.03
        }

        .hover\:border-\[\#0071e3\]:hover {
            border-color: #0071e3
        }

        .hover\:border-base-300:hover {
            border-color: var(--color-base-300)
        }

        .hover\:border-base-content\/30:hover {
            border-color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:border-base-content\/30:hover {
                border-color:color-mix(in oklab,var(--color-base-content)30%,transparent)
            }
        }

        .hover\:border-gray-200:hover {
            border-color: var(--color-gray-200)
        }

        .hover\:border-gray-300:hover {
            border-color: var(--color-gray-300)
        }

        .hover\:border-pink-500:hover {
            border-color: var(--color-pink-500)
        }

        .hover\:border-primary:hover,.hover\:border-primary\/30:hover {
            border-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:border-primary\/30:hover {
                border-color:color-mix(in oklab,var(--color-primary)30%,transparent)
            }
        }

        .hover\:border-primary\/40:hover {
            border-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:border-primary\/40:hover {
                border-color:color-mix(in oklab,var(--color-primary)40%,transparent)
            }
        }

        .hover\:border-primary\/50:hover {
            border-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:border-primary\/50:hover {
                border-color:color-mix(in oklab,var(--color-primary)50%,transparent)
            }
        }

        .hover\:bg-\[\#0060c0\]:hover {
            background-color: #0060c0
        }

        .hover\:bg-\[\#0068FF\]\/90:hover {
            background-color: oklab(56.7225% -.0391876 -.235277/.9)
        }

        .hover\:bg-\[\#0084FF\]\/20:hover {
            background-color: oklab(62.3562% -.0529378 -.199366/.2)
        }

        .hover\:bg-\[\#1877F2\]\/90:hover {
            background-color: oklab(58.9125% -.0426608 -.198334/.9)
        }

        .hover\:bg-\[\#e8e8ed\]:hover {
            background-color: #e8e8ed
        }

        .hover\:bg-\[\#f0f5ff\]:hover {
            background-color: #f0f5ff
        }

        .hover\:bg-\[\#f5f5f7\]:hover {
            background-color: #f5f5f7
        }

        .hover\:bg-base-100:hover,.hover\:bg-base-100\/80:hover {
            background-color: var(--color-base-100)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-base-100\/80:hover {
                background-color:color-mix(in oklab,var(--color-base-100)80%,transparent)
            }
        }

        .hover\:bg-base-200:hover,.hover\:bg-base-200\/50:hover {
            background-color: var(--color-base-200)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-base-200\/50:hover {
                background-color:color-mix(in oklab,var(--color-base-200)50%,transparent)
            }
        }

        .hover\:bg-base-300:hover {
            background-color: var(--color-base-300)
        }

        .hover\:bg-base-content\/5:hover {
            background-color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-base-content\/5:hover {
                background-color:color-mix(in oklab,var(--color-base-content)5%,transparent)
            }
        }

        .hover\:bg-base-content\/10:hover {
            background-color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-base-content\/10:hover {
                background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
            }
        }

        .hover\:bg-base-content\/20:hover {
            background-color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-base-content\/20:hover {
                background-color:color-mix(in oklab,var(--color-base-content)20%,transparent)
            }
        }

        .hover\:bg-base-content\/30:hover {
            background-color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-base-content\/30:hover {
                background-color:color-mix(in oklab,var(--color-base-content)30%,transparent)
            }
        }

        .hover\:bg-base-content\/40:hover {
            background-color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-base-content\/40:hover {
                background-color:color-mix(in oklab,var(--color-base-content)40%,transparent)
            }
        }

        .hover\:bg-blue-200:hover {
            background-color: var(--color-blue-200)
        }

        .hover\:bg-blue-700:hover {
            background-color: var(--color-blue-700)
        }

        .hover\:bg-emerald-200:hover {
            background-color: var(--color-emerald-200)
        }

        .hover\:bg-error\/5:hover {
            background-color: var(--color-error)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-error\/5:hover {
                background-color:color-mix(in oklab,var(--color-error)5%,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-error\/30:hover {
            background-color: var(--color-error)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-error\/30:hover {
                background-color:color-mix(in oklab,var(--color-error)30%,transparent)
            }
        }

        .hover\:bg-error\/90:hover {
            background-color: var(--color-error)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-error\/90:hover {
                background-color:color-mix(in oklab,var(--color-error)90%,transparent)
            }
        }

        .hover\:bg-gray-50:hover {
            background-color: var(--color-gray-50)
        }

        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100)
        }

        .hover\:bg-gray-200:hover {
            background-color: var(--color-gray-200)
        }

        .hover\:bg-gray-300:hover {
            background-color: var(--color-gray-300)
        }

        .hover\:bg-gray-700:hover {
            background-color: var(--color-gray-700)
        }

        .hover\:bg-gray-800:hover {
            background-color: var(--color-gray-800)
        }

        .hover\:bg-gray-900:hover {
            background-color: var(--color-gray-900)
        }

        .hover\:bg-green-200:hover {
            background-color: var(--color-green-200)
        }

        .hover\:bg-pink-50:hover {
            background-color: var(--color-pink-50)
        }

        .hover\:bg-pink-500\/10:hover {
            background-color: #f6339a1a
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-pink-500\/10:hover {
                background-color:color-mix(in oklab,var(--color-pink-500)10%,transparent)
            }
        }

        .hover\:bg-pink-600:hover {
            background-color: var(--color-pink-600)
        }

        .hover\:bg-primary\/5:hover {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary\/5:hover {
                background-color:color-mix(in oklab,var(--color-primary)5%,transparent)
            }
        }

        .hover\:bg-primary\/10:hover {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary\/10:hover {
                background-color:color-mix(in oklab,var(--color-primary)10%,transparent)
            }
        }

        .hover\:bg-primary\/15:hover {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary\/15:hover {
                background-color:color-mix(in oklab,var(--color-primary)15%,transparent)
            }
        }

        .hover\:bg-primary\/20:hover {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary\/20:hover {
                background-color:color-mix(in oklab,var(--color-primary)20%,transparent)
            }
        }

        .hover\:bg-primary\/25:hover {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary\/25:hover {
                background-color:color-mix(in oklab,var(--color-primary)25%,transparent)
            }
        }

        .hover\:bg-primary\/30:hover {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary\/30:hover {
                background-color:color-mix(in oklab,var(--color-primary)30%,transparent)
            }
        }

        .hover\:bg-primary\/90:hover {
            background-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-primary\/90:hover {
                background-color:color-mix(in oklab,var(--color-primary)90%,transparent)
            }
        }

        .hover\:bg-red-200:hover {
            background-color: var(--color-red-200)
        }

        .hover\:bg-rose-600:hover {
            background-color: var(--color-rose-600)
        }

        .hover\:bg-success\/10:hover {
            background-color: var(--color-success)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-success\/10:hover {
                background-color:color-mix(in oklab,var(--color-success)10%,transparent)
            }
        }

        .hover\:bg-success\/90:hover {
            background-color: var(--color-success)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-success\/90:hover {
                background-color:color-mix(in oklab,var(--color-success)90%,transparent)
            }
        }

        .hover\:bg-warning\/30:hover {
            background-color: var(--color-warning)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-warning\/30:hover {
                background-color:color-mix(in oklab,var(--color-warning)30%,transparent)
            }
        }

        .hover\:bg-warning\/90:hover {
            background-color: var(--color-warning)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-warning\/90:hover {
                background-color:color-mix(in oklab,var(--color-warning)90%,transparent)
            }
        }

        .hover\:bg-white:hover {
            background-color: var(--color-white)
        }

        .hover\:bg-white\/20:hover {
            background-color: #fff3
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-white\/20:hover {
                background-color:color-mix(in oklab,var(--color-white)20%,transparent)
            }
        }

        .hover\:bg-white\/25:hover {
            background-color: #ffffff40
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:bg-white\/25:hover {
                background-color:color-mix(in oklab,var(--color-white)25%,transparent)
            }
        }

        .hover\:bg-yellow-200:hover {
            background-color: var(--color-yellow-200)
        }

        .hover\:from-blue-600:hover {
            --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))
        }

        .hover\:from-red-600:hover {
            --tw-gradient-from: var(--color-red-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))
        }

        .hover\:from-yellow-600:hover {
            --tw-gradient-from: var(--color-yellow-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))
        }

        .hover\:to-blue-700:hover {
            --tw-gradient-to: var(--color-blue-700);
            --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))
        }

        .hover\:to-orange-600:hover {
            --tw-gradient-to: var(--color-orange-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))
        }

        .hover\:to-pink-600:hover {
            --tw-gradient-to: var(--color-pink-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))
        }

        .hover\:text-\[\#1d1d1f\]:hover {
            color: #1d1d1f
        }

        .hover\:text-\[\#0071e3\]:hover {
            color: #0071e3
        }

        .hover\:text-base-content:hover,.hover\:text-base-content\/60:hover {
            color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:text-base-content\/60:hover {
                color:color-mix(in oklab,var(--color-base-content)60%,transparent)
            }
        }

        .hover\:text-base-content\/70:hover {
            color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:text-base-content\/70:hover {
                color:color-mix(in oklab,var(--color-base-content)70%,transparent)
            }
        }

        .hover\:text-base-content\/80:hover {
            color: var(--color-base-content)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:text-base-content\/80:hover {
                color:color-mix(in oklab,var(--color-base-content)80%,transparent)
            }
        }

        .hover\:text-blue-800:hover {
            color: var(--color-blue-800)
        }

        .hover\:text-error:hover {
            color: var(--color-error)
        }

        .hover\:text-gray-600:hover {
            color: var(--color-gray-600)
        }

        .hover\:text-gray-700:hover {
            color: var(--color-gray-700)
        }

        .hover\:text-gray-800:hover {
            color: var(--color-gray-800)
        }

        .hover\:text-primary:hover,.hover\:text-primary\/80:hover {
            color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:text-primary\/80:hover {
                color:color-mix(in oklab,var(--color-primary)80%,transparent)
            }
        }

        .hover\:text-red-600:hover {
            color: var(--color-red-600)
        }

        .hover\:text-red-700:hover {
            color: var(--color-red-700)
        }

        .hover\:text-red-800:hover {
            color: var(--color-red-800)
        }

        .hover\:text-rose-500:hover {
            color: var(--color-rose-500)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:text-yellow-800:hover {
            color: var(--color-yellow-800)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:\!opacity-100:hover {
            opacity: 1!important
        }

        .hover\:opacity-70:hover {
            opacity: .7
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:opacity-90:hover {
            opacity: .9
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:shadow-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)
        }

        .hover\:shadow-lg:hover,.hover\:shadow-md:hover {
            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-md:hover {
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)
        }

        .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)
        }

        .hover\:shadow-primary\/15:hover {
            --tw-shadow-color: var(--color-primary)
        }

        @supports (color: color-mix(in lab,red,red)) {
            .hover\:shadow-primary\/15:hover {
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary)15%,transparent)var(--tw-shadow-alpha),transparent)
            }
        }

        .hover\:brightness-90:hover {
            --tw-brightness: brightness(90%)
        }

        .hover\:brightness-110:hover,.hover\:brightness-90:hover {
            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,)
        }

        .hover\:brightness-110:hover {
            --tw-brightness: brightness(110%)
        }

        @layer daisyui.l1.l2 {
            .hover\: badge-primary:hover {
                --badge-color:var(--color-primary);
                --badge-fg: var(--color-primary-content)
            }
        }
    }

    .focus\: border-\[\#0071e3\]:focus {
        border-color:#0071e3
    }

    .focus\: border-blue-400:focus {
        border-color:var(--color-blue-400)
    }

    .focus\: border-green-400:focus {
        border-color:var(--color-green-400)
    }

    .focus\: border-primary:focus,.focus\:border-primary\/30:focus {
        border-color:var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .focus\:border-primary\/30:focus {
            border-color:color-mix(in oklab,var(--color-primary)30%,transparent)
        }
    }

    .focus\: border-red-400:focus {
        border-color:var(--color-red-400)
    }

    .focus\: border-transparent:focus {
        border-color:#0000
    }

    .focus\: ring-2:focus {
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .focus\: ring-blue-200:focus {
        --tw-ring-color:var(--color-blue-200)
    }

    .focus\: ring-gray-900:focus {
        --tw-ring-color:var(--color-gray-900)
    }

    .focus\: ring-green-200:focus {
        --tw-ring-color:var(--color-green-200)
    }

    .focus\: ring-pink-500:focus {
        --tw-ring-color:var(--color-pink-500)
    }

    .focus\: ring-primary\/30:focus {
        --tw-ring-color:var(--color-primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .focus\:ring-primary\/30:focus {
            --tw-ring-color:color-mix(in oklab,var(--color-primary)30%,transparent)
        }
    }

    .focus\: ring-red-200:focus {
        --tw-ring-color:var(--color-red-200)
    }

    .focus\: outline-none:focus {
        --tw-outline-style:none;
        outline-style: none
    }

    .active\: translate-y-0:active {
        --tw-translate-y:calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .active\: scale-95:active {
        --tw-scale-x:95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\: scale-\[0\.98\]:active {
        scale:.98
    }

    .active\: scale-\[0\.99\]:active {
        scale:.99
    }

    .active\: bg-base-300:active,.active\:bg-base-300\/50:active {
        background-color:var(--color-base-300)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .active\:bg-base-300\/50:active {
            background-color:color-mix(in oklab,var(--color-base-300)50%,transparent)
        }
    }

    .active\: bg-white\/35:active {
        background-color:#ffffff59
    }

    @supports (color: color-mix(in lab,red,red)) {
        .active\:bg-white\/35:active {
            background-color:color-mix(in oklab,var(--color-white)35%,transparent)
        }
    }

    .active\: text-base-content\/60:active {
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .active\:text-base-content\/60:active {
            color:color-mix(in oklab,var(--color-base-content)60%,transparent)
        }
    }

    .active\: shadow-md:active {
        --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)
    }

    .disabled\: transform-none:disabled {
        transform:none
    }

    .disabled\: cursor-not-allowed:disabled {
        cursor:not-allowed
    }

    .disabled\: text-base-content\/30:disabled {
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .disabled\:text-base-content\/30:disabled {
            color:color-mix(in oklab,var(--color-base-content)30%,transparent)
        }
    }

    .disabled\: opacity-20:disabled {
        opacity:.2
    }

    .disabled\: opacity-30:disabled {
        opacity:.3
    }

    .disabled\: opacity-40:disabled {
        opacity:.4
    }

    .disabled\: opacity-50:disabled {
        opacity:.5
    }

    .disabled\: opacity-60:disabled {
        opacity:.6
    }

    @media (hover: hover) {
        .disabled\:hover\:scale-100:disabled:hover {
            --tw-scale-x:100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .disabled\:hover\:shadow-none:disabled:hover {
            --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)
        }
    }

    @media (min-width: 40rem) {
        .sm\:absolute {
            position:absolute
        }

        .sm\:top-1 {
            top: calc(var(--spacing)*1)
        }

        .sm\:top-4 {
            top: calc(var(--spacing)*4)
        }

        .sm\:top-\[88px\] {
            top: 88px
        }

        .sm\:top-full {
            top: 100%
        }

        .sm\:right-0 {
            right: calc(var(--spacing)*0)
        }

        .sm\:right-1 {
            right: calc(var(--spacing)*1)
        }

        .sm\:right-2 {
            right: calc(var(--spacing)*2)
        }

        .sm\:right-4 {
            right: calc(var(--spacing)*4)
        }

        .sm\:right-6 {
            right: calc(var(--spacing)*6)
        }

        .sm\:bottom-24 {
            bottom: calc(var(--spacing)*24)
        }

        .sm\:bottom-auto {
            bottom: auto
        }

        .sm\:left-2 {
            left: calc(var(--spacing)*2)
        }

        .sm\:left-4 {
            left: calc(var(--spacing)*4)
        }

        .sm\:left-6 {
            left: calc(var(--spacing)*6)
        }

        .sm\:left-auto {
            left: auto
        }

        .sm\:mx-auto {
            margin-inline:auto}

        .sm\:mt-2 {
            margin-top: calc(var(--spacing)*2)
        }

        .sm\:mt-3 {
            margin-top: calc(var(--spacing)*3)
        }

        .sm\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .sm\:mb-1\.5 {
            margin-bottom: calc(var(--spacing)*1.5)
        }

        .sm\:ml-auto {
            margin-left: auto
        }

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline {
            display: inline
        }

        .sm\:table-cell {
            display: table-cell
        }

        @layer daisyui.l1.l2 {
            .sm\: modal-middle {
                place-items:center
            }

            .sm\: modal-middle .modal-box {
                --modal-tl:var(--radius-box);
                --modal-tr: var(--radius-box);
                --modal-bl: var(--radius-box);
                --modal-br: var(--radius-box);
                width: 91.6667%;
                max-width: 32rem;
                height: auto;
                max-height: calc(100vh - 5em);
                translate: 0 2%;
                scale: 98%
            }

            .sm\: badge-sm {
                --size:calc(var(--size-selector,.25rem)*5);
                font-size: .75rem
            }

            .sm\: btn-md {
                --fontsize:.875rem;
                --btn-p: 1rem;
                --size: calc(var(--size-field,.25rem)*10)
            }
        }

        .sm\:h-3 {
            height: calc(var(--spacing)*3)
        }

        .sm\:h-5 {
            height: calc(var(--spacing)*5)
        }

        .sm\:h-6 {
            height: calc(var(--spacing)*6)
        }

        .sm\:h-7 {
            height: calc(var(--spacing)*7)
        }

        .sm\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .sm\:h-9 {
            height: calc(var(--spacing)*9)
        }

        .sm\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .sm\:h-14 {
            height: calc(var(--spacing)*14)
        }

        .sm\:h-16 {
            height: calc(var(--spacing)*16)
        }

        .sm\:h-36 {
            height: calc(var(--spacing)*36)
        }

        .sm\:h-40 {
            height: calc(var(--spacing)*40)
        }

        .sm\:h-44 {
            height: calc(var(--spacing)*44)
        }

        .sm\:h-48 {
            height: calc(var(--spacing)*48)
        }

        .sm\:h-72 {
            height: calc(var(--spacing)*72)
        }

        .sm\:h-96 {
            height: calc(var(--spacing)*96)
        }

        .sm\:h-\[50px\] {
            height: 50px
        }

        .sm\:h-\[70px\] {
            height: 70px
        }

        .sm\:h-\[90px\] {
            height: 90px
        }

        .sm\:h-\[140px\] {
            height: 140px
        }

        .sm\:h-\[160px\] {
            height: 160px
        }

        .sm\:h-\[600px\] {
            height: 600px
        }

        .sm\:max-h-\[240px\] {
            max-height: 240px
        }

        .sm\:min-h-\[170px\] {
            min-height: 170px
        }

        .sm\:w-3 {
            width: calc(var(--spacing)*3)
        }

        .sm\:w-5 {
            width: calc(var(--spacing)*5)
        }

        .sm\:w-6 {
            width: calc(var(--spacing)*6)
        }

        .sm\:w-9 {
            width: calc(var(--spacing)*9)
        }

        .sm\:w-10 {
            width: calc(var(--spacing)*10)
        }

        .sm\:w-16 {
            width: calc(var(--spacing)*16)
        }

        .sm\:w-32 {
            width: calc(var(--spacing)*32)
        }

        .sm\:w-36 {
            width: calc(var(--spacing)*36)
        }

        .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-\[70px\] {
            width: 70px
        }

        .sm\:w-\[140px\] {
            width: 140px
        }

        .sm\:w-\[160px\] {
            width: 160px
        }

        .sm\:w-\[340px\] {
            width: 340px
        }

        .sm\:w-\[480px\] {
            width: 480px
        }

        .sm\:max-w-\[80vw\] {
            max-width: 80vw
        }

        .sm\:max-w-\[150px\] {
            max-width: 150px
        }

        .sm\:max-w-\[180px\] {
            max-width: 180px
        }

        .sm\:max-w-\[200px\] {
            max-width: 200px
        }

        .sm\:max-w-md {
            max-width: var(--container-md)
        }

        .sm\:max-w-none {
            max-width: none
        }

        .sm\:max-w-xl {
            max-width: var(--container-xl)
        }

        .sm\:min-w-\[280px\] {
            min-width: 280px
        }

        .sm\:flex-none {
            flex: none
        }

        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .sm\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:justify-between {
            justify-content: space-between
        }

        .sm\:gap-0\.5 {
            gap: calc(var(--spacing)*.5)
        }

        .sm\:gap-1 {
            gap: calc(var(--spacing)*1)
        }

        .sm\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .sm\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .sm\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .sm\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        :where(.sm\: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)))
        }

        .sm\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .sm\:rounded-lg {
            border-radius: var(--radius-lg)
        }

        .sm\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .sm\:border-2 {
            border-style: var(--tw-border-style);
            border-width: 2px
        }

        .sm\:p-2 {
            padding: calc(var(--spacing)*2)
        }

        .sm\:p-3 {
            padding: calc(var(--spacing)*3)
        }

        .sm\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .sm\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .sm\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .sm\:px-3 {
            padding-inline:calc(var(--spacing)*3)}

        .sm\: px-4 {
            padding-inline:calc(var(--spacing)*4)
        }

        .sm\:px-6 {
            padding-inline:calc(var(--spacing)*6)}

        .sm\: px-8 {
            padding-inline:calc(var(--spacing)*8)
        }

        .sm\:px-10 {
            padding-inline:calc(var(--spacing)*10)}

        .sm\: px-12 {
            padding-inline:calc(var(--spacing)*12)
        }

        .sm\:py-1\.5 {
            padding-block:calc(var(--spacing)*1.5)}

        .sm\: py-3 {
            padding-block:calc(var(--spacing)*3)
        }

        .sm\:py-4 {
            padding-block:calc(var(--spacing)*4)}

        .sm\: py-8 {
            padding-block:calc(var(--spacing)*8)
        }

        .sm\:py-12 {
            padding-block:calc(var(--spacing)*12)}

        .sm\: pt-12 {
            padding-top:calc(var(--spacing)*12)
        }

        .sm\:pt-32 {
            padding-top: calc(var(--spacing)*32)
        }

        .sm\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .sm\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }

        .sm\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading,var(--text-2xl--line-height))
        }

        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading,var(--text-3xl--line-height))
        }

        .sm\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading,var(--text-4xl--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))
        }

        .sm\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading,var(--text-xs--line-height))
        }

        .sm\:text-\[9px\] {
            font-size: 9px
        }

        .sm\:text-\[11px\] {
            font-size: 11px
        }

        .sm\:font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
        }
    }

    @media (min-width: 48rem) {
        .md\:-top-\[20px\] {
            top:-20px
        }

        .md\:-top-\[40px\] {
            top: -40px
        }

        .md\:-top-\[50px\] {
            top: -50px
        }

        .md\:-top-\[60px\] {
            top: -60px
        }

        .md\:-top-\[80px\] {
            top: -80px
        }

        .md\:-top-\[140px\] {
            top: -140px
        }

        .md\:-top-\[896px\] {
            top: -896px
        }

        .md\:top-3 {
            top: calc(var(--spacing)*3)
        }

        .md\:top-4 {
            top: calc(var(--spacing)*4)
        }

        .md\:top-16 {
            top: calc(var(--spacing)*16)
        }

        .md\:top-\[-225px\] {
            top: -225px
        }

        .md\:top-\[-270px\] {
            top: -270px
        }

        .md\:top-\[10px\] {
            top: 10px
        }

        .md\:top-\[25px\] {
            top: 25px
        }

        .md\:top-\[45px\] {
            top: 45px
        }

        .md\:top-\[48px\] {
            top: 48px
        }

        .md\:top-\[125px\] {
            top: 125px
        }

        .md\:top-\[260px\] {
            top: 260px
        }

        .md\:top-\[1150px\] {
            top: 1150px
        }

        .md\:top-\[1200px\] {
            top: 1200px
        }

        .md\:top-\[2050px\] {
            top: 2050px
        }

        .md\:top-\[2900px\] {
            top: 2900px
        }

        .md\:-right-8 {
            right: calc(var(--spacing)*-8)
        }

        .md\:-right-16 {
            right: calc(var(--spacing)*-16)
        }

        .md\:-right-\[20px\] {
            right: -20px
        }

        .md\:-right-\[50px\] {
            right: -50px
        }

        .md\:-right-\[52px\] {
            right: -52px
        }

        .md\:-right-\[60px\] {
            right: -60px
        }

        .md\:-right-\[70px\] {
            right: -70px
        }

        .md\:-right-\[90px\] {
            right: -90px
        }

        .md\:-right-\[110px\] {
            right: -110px
        }

        .md\:-right-\[140px\] {
            right: -140px
        }

        .md\:right-0 {
            right: calc(var(--spacing)*0)
        }

        .md\:right-3 {
            right: calc(var(--spacing)*3)
        }

        .md\:right-4 {
            right: calc(var(--spacing)*4)
        }

        .md\:right-\[-35px\] {
            right: -35px
        }

        .md\:right-\[10px\] {
            right: 10px
        }

        .md\:right-\[30px\] {
            right: 30px
        }

        .md\:-bottom-\[30px\] {
            bottom: -30px
        }

        .md\:-bottom-\[40px\] {
            bottom: -40px
        }

        .md\:-bottom-\[60px\] {
            bottom: -60px
        }

        .md\:-bottom-\[80px\] {
            bottom: -80px
        }

        .md\:-bottom-\[100px\] {
            bottom: -100px
        }

        .md\:-bottom-\[110px\] {
            bottom: -110px
        }

        .md\:-bottom-\[140px\] {
            bottom: -140px
        }

        .md\:bottom-4 {
            bottom: calc(var(--spacing)*4)
        }

        .md\:bottom-\[-300px\] {
            bottom: -300px
        }

        .md\:bottom-\[10px\] {
            bottom: 10px
        }

        .md\:bottom-\[30px\] {
            bottom: 30px
        }

        .md\:bottom-\[104px\] {
            bottom: 104px
        }

        .md\:bottom-\[205px\] {
            bottom: 205px
        }

        .md\:-left-16 {
            left: calc(var(--spacing)*-16)
        }

        .md\:-left-20 {
            left: calc(var(--spacing)*-20)
        }

        .md\:-left-\[20px\] {
            left: -20px
        }

        .md\:-left-\[30px\] {
            left: -30px
        }

        .md\:-left-\[50px\] {
            left: -50px
        }

        .md\:-left-\[70px\] {
            left: -70px
        }

        .md\:-left-\[90px\] {
            left: -90px
        }

        .md\:-left-\[100px\] {
            left: -100px
        }

        .md\:-left-\[140px\] {
            left: -140px
        }

        .md\:left-0 {
            left: calc(var(--spacing)*0)
        }

        .md\:left-4 {
            left: calc(var(--spacing)*4)
        }

        .md\:left-\[-55px\] {
            left: -55px
        }

        .md\:left-\[-169px\] {
            left: -169px
        }

        .md\:left-\[10px\] {
            left: 10px
        }

        .md\:left-\[25px\] {
            left: 25px
        }

        .md\:left-\[115px\] {
            left: 115px
        }

        .md\:left-\[calc\(50\%\+145\.5px\)\] {
            left: calc(50% + 145.5px)
        }

        .md\:order-none {
            order: 0
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:container {
            width: 100%
        }

        @media (min-width: 40rem) {
            .md\:container {
                max-width:40rem
            }
        }

        @media (min-width: 48rem) {
            .md\:container {
                max-width:48rem
            }
        }

        @media (min-width: 64rem) {
            .md\:container {
                max-width:64rem
            }
        }

        @media (min-width: 80rem) {
            .md\:container {
                max-width:80rem
            }
        }

        @media (min-width: 96rem) {
            .md\:container {
                max-width:96rem
            }
        }

        .md\:mx-3 {
            margin-inline:calc(var(--spacing)*3)}

        .md\: mx-4 {
            margin-inline:calc(var(--spacing)*4)
        }

        .md\:mx-auto {
            margin-inline:auto}

        .md\:my-3 {
            margin-block:calc(var(--spacing)*3)}

        .md\: my-7 {
            margin-block:calc(var(--spacing)*7)
        }

        .md\:my-10 {
            margin-block:calc(var(--spacing)*10)}

        .md\: -mt-\[70px\] {
            margin-top:-70px
        }

        .md\:-mt-\[200px\] {
            margin-top: -200px
        }

        .md\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .md\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .md\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .md\:mt-12 {
            margin-top: calc(var(--spacing)*12)
        }

        .md\:mt-14 {
            margin-top: calc(var(--spacing)*14)
        }

        .md\:mt-32 {
            margin-top: calc(var(--spacing)*32)
        }

        .md\:mt-\[42px\] {
            margin-top: 42px
        }

        .md\:mt-\[85px\] {
            margin-top: 85px
        }

        .md\:mt-\[120px\] {
            margin-top: 120px
        }

        .md\:mr-\[21px\] {
            margin-right: 21px
        }

        .md\:mb-3 {
            margin-bottom: calc(var(--spacing)*3)
        }

        .md\:mb-4 {
            margin-bottom: calc(var(--spacing)*4)
        }

        .md\:mb-5 {
            margin-bottom: calc(var(--spacing)*5)
        }

        .md\:mb-6 {
            margin-bottom: calc(var(--spacing)*6)
        }

        .md\:mb-7 {
            margin-bottom: calc(var(--spacing)*7)
        }

        .md\:mb-8 {
            margin-bottom: calc(var(--spacing)*8)
        }

        .md\:mb-10 {
            margin-bottom: calc(var(--spacing)*10)
        }

        .md\:mb-12 {
            margin-bottom: calc(var(--spacing)*12)
        }

        .md\:mb-16 {
            margin-bottom: calc(var(--spacing)*16)
        }

        .md\:mb-\[21px\] {
            margin-bottom: 21px
        }

        .md\:mb-\[42px\] {
            margin-bottom: 42px
        }

        .md\:mb-\[146px\] {
            margin-bottom: 146px
        }

        .md\:ml-\[21px\] {
            margin-left: 21px
        }

        .md\:ml-\[80px\] {
            margin-left: 80px
        }

        .md\:\!flex {
            display: flex!important
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:table-cell {
            display: table-cell
        }

        .md\:h-4 {
            height: calc(var(--spacing)*4)
        }

        .md\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .md\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .md\:h-14 {
            height: calc(var(--spacing)*14)
        }

        .md\:h-72 {
            height: calc(var(--spacing)*72)
        }

        .md\:h-\[32px\] {
            height: 32px
        }

        .md\:h-\[48px\] {
            height: 48px
        }

        .md\:h-\[53vw\] {
            height: 53vw
        }

        .md\:h-\[61px\] {
            height: 61px
        }

        .md\:h-\[68px\] {
            height: 68px
        }

        .md\:h-\[70px\] {
            height: 70px
        }

        .md\:h-\[96px\] {
            height: 96px
        }

        .md\:h-\[100px\] {
            height: 100px
        }

        .md\:h-\[120px\] {
            height: 120px
        }

        .md\:h-\[128px\] {
            height: 128px
        }

        .md\:h-\[150px\] {
            height: 150px
        }

        .md\:h-\[206px\] {
            height: 206px
        }

        .md\:h-\[240px\] {
            height: 240px
        }

        .md\:h-\[260px\] {
            height: 260px
        }

        .md\:h-\[291px\] {
            height: 291px
        }

        .md\:h-\[330px\] {
            height: 330px
        }

        .md\:h-\[360px\] {
            height: 360px
        }

        .md\:h-\[380px\] {
            height: 380px
        }

        .md\:h-\[400px\] {
            height: 400px
        }

        .md\:h-\[450px\] {
            height: 450px
        }

        .md\:h-\[488px\] {
            height: 488px
        }

        .md\:h-\[500px\] {
            height: 500px
        }

        .md\:h-\[572px\] {
            height: 572px
        }

        .md\:h-\[600px\] {
            height: 600px
        }

        .md\:h-\[640px\] {
            height: 640px
        }

        .md\:h-\[650px\] {
            height: 650px
        }

        .md\:h-\[728px\] {
            height: 728px
        }

        .md\:h-\[731px\] {
            height: 731px
        }

        .md\:h-\[900px\] {
            height: 900px
        }

        .md\:h-\[1125px\] {
            height: 1125px
        }

        .md\:h-\[1594px\] {
            height: 1594px
        }

        .md\:min-h-\[90px\] {
            min-height: 90px
        }

        .md\:min-h-\[780px\] {
            min-height: 780px
        }

        .md\:w-14 {
            width: calc(var(--spacing)*14)
        }

        .md\:w-20 {
            width: calc(var(--spacing)*20)
        }

        .md\:w-24 {
            width: calc(var(--spacing)*24)
        }

        .md\:w-32 {
            width: calc(var(--spacing)*32)
        }

        .md\:w-72 {
            width: calc(var(--spacing)*72)
        }

        .md\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .md\:w-96 {
            width: calc(var(--spacing)*96)
        }

        .md\:w-\[35px\] {
            width: 35px
        }

        .md\:w-\[40px\] {
            width: 40px
        }

        .md\:w-\[40vw\] {
            width: 40vw
        }

        .md\:w-\[48px\] {
            width: 48px
        }

        .md\:w-\[65px\] {
            width: 65px
        }

        .md\:w-\[70px\] {
            width: 70px
        }

        .md\:w-\[75px\] {
            width: 75px
        }

        .md\:w-\[78px\] {
            width: 78px
        }

        .md\:w-\[80\%\] {
            width: 80%
        }

        .md\:w-\[85px\] {
            width: 85px
        }

        .md\:w-\[96px\] {
            width: 96px
        }

        .md\:w-\[100px\] {
            width: 100px
        }

        .md\:w-\[120px\] {
            width: 120px
        }

        .md\:w-\[140px\] {
            width: 140px
        }

        .md\:w-\[160px\] {
            width: 160px
        }

        .md\:w-\[180px\] {
            width: 180px
        }

        .md\:w-\[182px\] {
            width: 182px
        }

        .md\:w-\[210px\] {
            width: 210px
        }

        .md\:w-\[220px\] {
            width: 220px
        }

        .md\:w-\[230px\] {
            width: 230px
        }

        .md\:w-\[235px\] {
            width: 235px
        }

        .md\:w-\[240px\] {
            width: 240px
        }

        .md\:w-\[250px\] {
            width: 250px
        }

        .md\:w-\[280px\] {
            width: 280px
        }

        .md\:w-\[291px\] {
            width: 291px
        }

        .md\:w-\[300px\] {
            width: 300px
        }

        .md\:w-\[318px\] {
            width: 318px
        }

        .md\:w-\[332px\] {
            width: 332px
        }

        .md\:w-\[338px\] {
            width: 338px
        }

        .md\:w-\[340px\] {
            width: 340px
        }

        .md\:w-\[350px\] {
            width: 350px
        }

        .md\:w-\[360px\] {
            width: 360px
        }

        .md\:w-\[380px\] {
            width: 380px
        }

        .md\:w-\[400px\] {
            width: 400px
        }

        .md\:w-\[420px\] {
            width: 420px
        }

        .md\:w-\[431px\] {
            width: 431px
        }

        .md\:w-\[442px\] {
            width: 442px
        }

        .md\:w-\[455px\] {
            width: 455px
        }

        .md\:w-\[500px\] {
            width: 500px
        }

        .md\:w-\[507px\] {
            width: 507px
        }

        .md\:w-\[520px\] {
            width: 520px
        }

        .md\:w-\[523px\] {
            width: 523px
        }

        .md\:w-\[580px\] {
            width: 580px
        }

        .md\:w-\[650px\] {
            width: 650px
        }

        .md\:w-\[780px\] {
            width: 780px
        }

        .md\:w-\[900px\] {
            width: 900px
        }

        .md\:w-\[910px\] {
            width: 910px
        }

        .md\:w-\[1680px\] {
            width: 1680px
        }

        .md\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .md\:max-w-\[200px\] {
            max-width: 200px
        }

        .md\:max-w-\[280px\] {
            max-width: 280px
        }

        .md\:max-w-\[337px\] {
            max-width: 337px
        }

        .md\:max-w-\[340px\] {
            max-width: 340px
        }

        .md\:max-w-\[360px\] {
            max-width: 360px
        }

        .md\:max-w-\[380px\] {
            max-width: 380px
        }

        .md\:max-w-\[400px\] {
            max-width: 400px
        }

        .md\:max-w-\[420px\] {
            max-width: 420px
        }

        .md\:max-w-\[500px\] {
            max-width: 500px
        }

        .md\:max-w-\[520px\] {
            max-width: 520px
        }

        .md\:max-w-\[550px\] {
            max-width: 550px
        }

        .md\:max-w-\[560px\] {
            max-width: 560px
        }

        .md\:max-w-\[600px\] {
            max-width: 600px
        }

        .md\:max-w-\[640px\] {
            max-width: 640px
        }

        .md\:max-w-\[702px\] {
            max-width: 702px
        }

        .md\:max-w-\[900px\] {
            max-width: 900px
        }

        .md\:-rotate-\[-30deg\],.md\:rotate-\[30deg\] {
            rotate: 30deg
        }

        .md\:snap-start {
            scroll-snap-align: start
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5,minmax(0,1fr))
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .md\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .md\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .md\:gap-20 {
            gap: calc(var(--spacing)*20)
        }

        .md\:gap-\[31px\] {
            gap: 31px
        }

        :where(.md\: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)))
        }

        .md\:rounded-\[8px\] {
            border-radius: 8px
        }

        .md\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .md\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .md\:border-\[1\.7vw\] {
            border-style: var(--tw-border-style);
            border-width: 1.7vw
        }

        .md\:border-\[10px\] {
            border-style: var(--tw-border-style);
            border-width: 10px
        }

        .md\:border-\[\#7C151A33\] {
            border-color: #7c151a33
        }

        .md\:object-cover {
            object-fit: cover
        }

        .md\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .md\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .md\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .md\:p-12 {
            padding: calc(var(--spacing)*12)
        }

        .md\:px-4 {
            padding-inline:calc(var(--spacing)*4)}

        .md\: px-6 {
            padding-inline:calc(var(--spacing)*6)
        }

        .md\:px-8 {
            padding-inline:calc(var(--spacing)*8)}

        .md\: px-10 {
            padding-inline:calc(var(--spacing)*10)
        }

        .md\:px-\[31px\] {
            padding-inline:31px}

        .md\:px-\[max\(1rem\,calc\(\(100vw-1280px\)\/2\+1rem\)\)\] {
            padding-inline:max(1rem,50vw - 640px + 1rem)}

        .md\:py-3 {
            padding-block:calc(var(--spacing)*3)}

        .md\: py-4 {
            padding-block:calc(var(--spacing)*4)
        }

        .md\:py-5 {
            padding-block:calc(var(--spacing)*5)}

        .md\: py-6 {
            padding-block:calc(var(--spacing)*6)
        }

        .md\:py-8 {
            padding-block:calc(var(--spacing)*8)}

        .md\: py-10 {
            padding-block:calc(var(--spacing)*10)
        }

        .md\:py-12 {
            padding-block:calc(var(--spacing)*12)}

        .md\: py-14 {
            padding-block:calc(var(--spacing)*14)
        }

        .md\:py-16 {
            padding-block:calc(var(--spacing)*16)}

        .md\: py-20 {
            padding-block:calc(var(--spacing)*20)
        }

        .md\:py-24 {
            padding-block:calc(var(--spacing)*24)}

        .md\: pt-2 {
            padding-top:calc(var(--spacing)*2)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .md\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .md\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .md\:pt-12 {
            padding-top: calc(var(--spacing)*12)
        }

        .md\:pt-14 {
            padding-top: calc(var(--spacing)*14)
        }

        .md\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

        .md\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .md\:pt-24 {
            padding-top: calc(var(--spacing)*24)
        }

        .md\:pt-\[62px\] {
            padding-top: 62px
        }

        .md\:pt-\[180px\] {
            padding-top: 180px
        }

        .md\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .md\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .md\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

        .md\:pb-14 {
            padding-bottom: calc(var(--spacing)*14)
        }

        .md\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

        .md\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .md\:pb-32 {
            padding-bottom: calc(var(--spacing)*32)
        }

        .md\:pb-\[75px\] {
            padding-bottom: 75px
        }

        .md\:pb-\[192px\] {
            padding-bottom: 192px
        }

        .md\:pb-\[220px\] {
            padding-bottom: 220px
        }

        .md\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .md\:pl-\[25\%\] {
            padding-left: 25%
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading,var(--text-2xl--line-height))
        }

        .md\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading,var(--text-3xl--line-height))
        }

        .md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading,var(--text-4xl--line-height))
        }

        .md\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading,var(--text-5xl--line-height))
        }

        .md\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading,var(--text-6xl--line-height))
        }

        .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading,var(--text-base--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading,var(--text-lg--line-height))
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height))
        }

        .md\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading,var(--text-xl--line-height))
        }

        .md\:\!text-\[30px\] {
            font-size: 30px!important
        }

        .md\:text-\[12px\] {
            font-size: 12px
        }

        .md\:text-\[13px\] {
            font-size: 13px
        }

        .md\:text-\[14px\] {
            font-size: 14px
        }

        .md\:text-\[15px\] {
            font-size: 15px
        }

        .md\:text-\[16px\] {
            font-size: 16px
        }

        .md\:text-\[18px\] {
            font-size: 18px
        }

        .md\:text-\[20px\] {
            font-size: 20px
        }

        .md\:text-\[22px\] {
            font-size: 22px
        }

        .md\:text-\[23px\] {
            font-size: 23px
        }

        .md\:text-\[24px\] {
            font-size: 24px
        }

        .md\:text-\[26px\] {
            font-size: 26px
        }

        .md\:text-\[28px\] {
            font-size: 28px
        }

        .md\:text-\[30px\] {
            font-size: 30px
        }

        .md\:text-\[31px\] {
            font-size: 31px
        }

        .md\:text-\[32px\] {
            font-size: 32px
        }

        .md\:text-\[35px\] {
            font-size: 35px
        }

        .md\:text-\[36px\] {
            font-size: 36px
        }

        .md\:text-\[38px\] {
            font-size: 38px
        }

        .md\:text-\[40px\] {
            font-size: 40px
        }

        .md\:text-\[42px\] {
            font-size: 42px
        }

        .md\:text-\[44px\] {
            font-size: 44px
        }

        .md\:text-\[45px\] {
            font-size: 45px
        }

        .md\:text-\[48px\] {
            font-size: 48px
        }

        .md\:text-\[50px\] {
            font-size: 50px
        }

        .md\:text-\[52px\] {
            font-size: 52px
        }

        .md\:text-\[60px\] {
            font-size: 60px
        }

        .md\:text-\[65px\] {
            font-size: 65px
        }

        .md\:text-\[70px\] {
            font-size: 70px
        }

        .md\:text-\[91px\] {
            font-size: 91px
        }

        .md\:leading-\[65px\] {
            --tw-leading: 65px;
            line-height: 65px
        }

        .md\:leading-\[72px\] {
            --tw-leading: 72px;
            line-height: 72px
        }

        .md\:leading-\[75px\] {
            --tw-leading: 75px;
            line-height: 75px
        }

        .md\:leading-\[80px\] {
            --tw-leading: 80px;
            line-height: 80px
        }

        .md\:leading-\[98px\] {
            --tw-leading: 98px;
            line-height: 98px
        }

        .md\:leading-\[100px\] {
            --tw-leading: 100px;
            line-height: 100px
        }

        .md\:leading-\[105px\] {
            --tw-leading: 105px;
            line-height: 105px
        }

        .md\:leading-\[130px\] {
            --tw-leading: 130px;
            line-height: 130px;
            font-family: "Fz_Qellia_Fix" !important;
        }

        .md\:leading-\[137px\] {
            --tw-leading: 137px;
            line-height: 137px
        }

        @layer daisyui.l1.l2 {
            .md\: btn-lg {
                --fontsize:1.125rem;
                --btn-p: 1.25rem;
                --size: calc(var(--size-field,.25rem)*12)
            }

            .md\: btn-md {
                --fontsize:.875rem;
                --btn-p: 1rem;
                --size: calc(var(--size-field,.25rem)*10)
            }
        }
    }

    @media (min-width: 64rem) {
        .lg\:-top-\[147px\] {
            top:-147px
        }

        .lg\:-top-\[896px\] {
            top: -896px
        }

        .lg\:top-\[-225px\] {
            top: -225px
        }

        .lg\:top-\[-290px\] {
            top: -290px
        }

        .lg\:top-\[1200px\] {
            top: 1200px
        }

        .lg\:top-\[1250px\] {
            top: 1250px
        }

        .lg\:top-\[2100px\] {
            top: 2100px
        }

        .lg\:top-\[2950px\] {
            top: 2950px
        }

        .lg\:-right-\[52px\] {
            right: -52px
        }

        .lg\:right-\[-50px\] {
            right: -50px
        }

        .lg\:bottom-\[-700px\] {
            bottom: -700px
        }

        .lg\:bottom-\[120px\] {
            bottom: 120px
        }

        .lg\:bottom-\[175px\] {
            bottom: 175px
        }

        .lg\:left-\[-70px\] {
            left: -70px
        }

        .lg\:left-\[-169px\] {
            left: -169px
        }

        .lg\:left-\[calc\(50\%\+145\.5px\)\] {
            left: calc(50% + 145.5px)
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .lg\:-mt-\[200px\] {
            margin-top: -268px;
        }

        .lg\:mt-16 {
            margin-top: calc(var(--spacing)*16)
        }

        .lg\:mt-\[48px\] {
            margin-top: 48px
        }

        .lg\:mt-\[140px\] {
            margin-top: 140px
        }

        .lg\:mr-\[24px\] {
            margin-right: 24px
        }

        .lg\:mb-8 {
            margin-bottom: calc(var(--spacing)*8)
        }

        .lg\:mb-12 {
            margin-bottom: calc(var(--spacing)*12)
        }

        .lg\:mb-\[24px\] {
            margin-bottom: 24px
        }

        .lg\:mb-\[48px\] {
            margin-bottom: 48px
        }

        .lg\:ml-\[24px\] {
            margin-left: 24px
        }

        .lg\:ml-\[80px\] {
            margin-left: 80px
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline-flex {
            display: inline-flex
        }

        .lg\:table-cell {
            display: table-cell
        }

        .lg\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .lg\:h-\[37vw\] {
            height: 37vw
        }

        .lg\:h-\[38px\] {
            height: 38px
        }

        .lg\:h-\[70px\] {
            height: 70px
        }

        .lg\:h-\[78px\] {
            height: 78px
        }

        .lg\:h-\[80px\] {
            height: 80px
        }

        .lg\:h-\[206px\] {
            height: 206px
        }

        .lg\:h-\[291px\] {
            height: 291px
        }

        .lg\:h-\[300px\] {
            height: 300px
        }

        .lg\:h-\[488px\] {
            height: 488px
        }

        .lg\:h-\[600px\] {
            height: 600px
        }

        .lg\:h-\[680px\] {
            height: 680px
        }

        .lg\:h-\[731px\] {
            height: 731px
        }

        .lg\:h-\[840px\] {
            height: 840px
        }

        .lg\:h-\[900px\] {
            height: 900px
        }

        .lg\:h-\[1125px\] {
            height: 1125px
        }

        .lg\:h-\[1594px\] {
            height: 1594px
        }

        .lg\:min-h-\[100px\] {
            min-height: 100px
        }

        .lg\:min-h-\[900px\] {
            min-height: 900px
        }

        .lg\:w-48 {
            width: calc(var(--spacing)*48)
        }

        .lg\:w-\[28vw\] {
            width: 28vw
        }

        .lg\:w-\[80px\] {
            width: 80px
        }

        .lg\:w-\[85px\] {
            width: 85px
        }

        .lg\:w-\[90px\] {
            width: 90px
        }

        .lg\:w-\[140px\] {
            width: 140px
        }

        .lg\:w-\[291px\] {
            width: 291px
        }

        .lg\:w-\[360px\] {
            width: 360px
        }

        .lg\:w-\[367px\] {
            width: 367px
        }

        .lg\:w-\[380px\] {
            width: 380px
        }

        .lg\:w-\[431px\] {
            width: 431px
        }

        .lg\:w-\[525px\] {
            width: 525px
        }

        .lg\:w-\[585px\] {
            width: 585px
        }

        .lg\:w-\[600px\] {
            width: 600px
        }

        .lg\:w-\[604px\] {
            width: 604px
        }

        .lg\:w-\[620px\] {
            width: 620px
        }

        .lg\:w-\[750px\] {
            width: 750px
        }

        .lg\:w-\[1000px\] {
            width: 1000px
        }

        .lg\:w-\[1100px\] {
            width: 1100px
        }

        .lg\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .lg\:max-w-\[200px\] {
            max-width: 200px
        }

        .lg\:max-w-\[220px\] {
            max-width: 220px
        }

        .lg\:max-w-\[400px\] {
            max-width: 400px
        }

        .lg\:max-w-\[414px\] {
            max-width: 414px
        }

        .lg\:max-w-\[440px\] {
            max-width: 440px
        }

        .lg\:max-w-\[460px\] {
            max-width: 460px
        }

        .lg\:max-w-\[480px\] {
            max-width: 480px
        }

        .lg\:max-w-\[560px\] {
            max-width: 560px
        }

        .lg\:max-w-\[600px\] {
            max-width: 600px
        }

        .lg\:max-w-\[810px\] {
            max-width: 810px
        }

        .lg\:max-w-\[900px\] {
            max-width: 900px
        }

        .lg\:flex-none {
            flex: none
        }

        @layer daisyui.l1.l2 {
            .lg\: stats-horizontal {
                grid-auto-flow:column;
                overflow-x: auto
            }

            .lg\: stats-horizontal .stat:not(:last-child) {
                border-inline-end:var(--border)dashed currentColor
            }

            @supports (color: color-mix(in lab,red,red)) {
                .lg\:stats-horizontal .stat:not(:last-child) {
                    border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)
                }
            }

            .lg\: stats-horizontal .stat:not(:last-child) {
                border-block-end:none
            }
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5,minmax(0,1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6,minmax(0,1fr))
        }

        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12,minmax(0,1fr))
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .lg\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .lg\:gap-\[36px\] {
            gap: 36px
        }

        .lg\:border-\[1\.2vw\] {
            border-style: var(--tw-border-style);
            border-width: 1.2vw
        }

        .lg\:border-\[12px\] {
            border-style: var(--tw-border-style);
            border-width: 12px
        }

        .lg\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .lg\:px-3 {
            padding-inline:calc(var(--spacing)*3)}

        .lg\: px-8 {
            padding-inline:calc(var(--spacing)*8)
        }

        .lg\:px-\[36px\] {
            padding-inline:36px}

        .lg\:px-\[max\(1rem\,calc\(\(100vw-1280px\)\/2\+1rem\)\)\] {
            padding-inline:max(1rem,50vw - 640px + 1rem)}

        .lg\:py-8 {
            padding-block:calc(var(--spacing)*8)}

        .lg\: py-10 {
            padding-block:calc(var(--spacing)*10)
        }

        .lg\:py-12 {
            padding-block:calc(var(--spacing)*12)}

        .lg\: py-16 {
            padding-block:calc(var(--spacing)*16)
        }

        .lg\:pt-\[72px\] {
            padding-top: 72px
        }

        .lg\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .lg\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .lg\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

        .lg\:pb-\[222px\] {
            padding-bottom: 222px
        }

        .lg\:pb-\[240px\] {
            padding-bottom: 240px
        }

        .lg\:pl-\[28\%\] {
            padding-left: 28%
        }

        .lg\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading,var(--text-3xl--line-height))
        }

        .lg\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading,var(--text-4xl--line-height))
        }

        .lg\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading,var(--text-5xl--line-height))
        }

        .lg\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading,var(--text-6xl--line-height))
        }

        .lg\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading,var(--text-lg--line-height))
        }

        .lg\:\!text-\[36px\] {
            font-size: 36px!important
        }

        .lg\:text-\[13px\] {
            font-size: 13px
        }

        .lg\:text-\[14px\] {
            font-size: 14px
        }

        .lg\:text-\[15px\] {
            font-size: 15px
        }

        .lg\:text-\[16px\] {
            font-size: 16px
        }

        .lg\:text-\[17px\] {
            font-size: 17px
        }

        .lg\:text-\[18px\] {
            font-size: 18px
        }

        .lg\:text-\[21px\] {
            font-size: 21px
        }

        .lg\:text-\[24px\] {
            font-size: 24px
        }

        .lg\:text-\[30px\] {
            font-size: 30px
        }

        .lg\:text-\[36px\] {
            font-size: 36px
        }

        .lg\:text-\[38px\] {
            font-size: 38px
        }

        .lg\:text-\[48px\] {
            font-size: 48px
        }

        .lg\:text-\[52px\] {
            font-size: 52px
        }
    }

    @media (min-width: 80rem) {
        .xl\:h-\[750px\] {
            height:750px
        }

        .xl\:w-\[200px\] {
            width: 200px
        }

        .xl\:w-\[420px\] {
            width: 420px
        }

        .xl\:w-\[1100px\] {
            width: 1100px
        }

        .xl\:max-w-5xl {
            max-width: var(--container-5xl)
        }

        .xl\:grid-cols-6 {
            grid-template-columns: repeat(6,minmax(0,1fr))
        }

        .xl\:gap-4 {
            gap: calc(var(--spacing)*4)
        }
    }

    @media (min-width: 96rem) {
        .\32 xl\:w-\[220px\] {
            width:220px
        }

        .\32 xl\:max-w-6xl {
            max-width: var(--container-6xl)
        }

        .\32 xl\:grid-cols-7 {
            grid-template-columns: repeat(7,minmax(0,1fr))
        }

        .\32 xl\:gap-5 {
            gap: calc(var(--spacing)*5)
        }
    }

    @media (prefers-color-scheme: dark) {
        .dark\:bg-base-300 {
            background-color:var(--color-base-300)
        }

        .dark\:from-base-300 {
            --tw-gradient-from: var(--color-base-300);
            --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
        }

        .dark\:via-base-100 {
            --tw-gradient-via: var(--color-base-100);
            --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)
        }
    }

    .\[\&\: \:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display:none
    }
}

[data-theme=halloween] {
    --color-primary: oklch(64% .26 1.68);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(62% .265 303.9);
    --color-secondary-content: oklch(97% .014 308.299)
}

.bg-primary-soft {
    background-color: oklch(95% .03 350)
}

[data-theme=halloween] .bg-primary-soft {
    background-color: oklch(25% .02 350)
}

@keyframes shimmer {
    0% {
        background-position: 0
    }

    50% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

@keyframes selector-shimmer {
    0%,to {
        opacity: 0;
        transform: translate(-100%)
    }

    50% {
        opacity: 1;
        transform: translate(100%)
    }
}

.animate-selector-shimmer {
    animation: selector-shimmer 3s ease-in-out infinite
}

@keyframes chevron-tap {
    0%,to {
        color: #9ca3af;
        filter: brightness();
        transform: translateY(0)scale(1)
    }

    20% {
        color: #f472b6;
        filter: brightness(1.3)drop-shadow(0 0 4px #f472b6);
        transform: translateY(4px)scale(1.15)
    }

    30% {
        color: #f472b6;
        filter: brightness(1.2);
        transform: translateY(0)scale(1)
    }

    40% {
        color: #f472b6;
        filter: brightness(1.3)drop-shadow(0 0 4px #f472b6);
        transform: translateY(4px)scale(1.15)
    }

    50% {
        color: #9ca3af;
        filter: brightness();
        transform: translateY(0)scale(1)
    }
}

.animate-chevron-hint {
    animation: chevron-tap 1.5s ease-in-out infinite
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-fadeIn {
    animation: fadeIn .2s ease-out
}

@keyframes float {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }
}

.animate-float {
    animation: float 3s ease-in-out infinite
}

.btn,[role=button],a,button,input[type=button],input[type=submit],select {
    cursor: pointer
}

.btn:disabled,[role=button][aria-disabled=true],button:disabled {
    cursor: not-allowed
}

.pb-safe,.safe-area-inset-bottom {
    padding-bottom: env(safe-area-inset-bottom)
}

@media (hover: none) and (pointer:coarse) {
    .templates-grid {
        touch-action:pan-y;
        overscroll-behavior: contain
    }

    .templates-container {
        touch-action: pan-y;
        overscroll-behavior-y: contain
    }

    body.templates-page,html.templates-page {
        overscroll-behavior: none;
        -webkit-overflow-scrolling: touch
    }

    .template-card-hover {
        pointer-events: none
    }
}

.template-mobile-preview {
    position: relative
}

.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-none::-webkit-scrollbar {
    display: none
}

.hover\:scrollbar-thin:hover {
    scrollbar-width: thin
}

.hover\:scrollbar-thin:hover::-webkit-scrollbar {
    width: 4px
}

.hover\:scrollbar-thin:hover::-webkit-scrollbar-track {
    background: 0 0
}

.hover\:scrollbar-thin:hover::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 2px
}

.hover\:scrollbar-thin:hover::-webkit-scrollbar-thumb:hover {
    background-color: #0000004d
}

@keyframes modalSlideUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes modalScaleIn {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes staggerFadeIn {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-modal-scale-in {
    animation: modalSlideUp .35s cubic-bezier(.16,1,.3,1) forwards
}

@media (min-width: 768px) {
    .animate-modal-scale-in {
        animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1) forwards
    }
}

.animate-stagger-1,.animate-stagger-2,.animate-stagger-3,.animate-stagger-4 {
    opacity: 1
}

@media (min-width: 768px) {
    .animate-stagger-1 {
        opacity:0;
        animation: staggerFadeIn .4s cubic-bezier(.16,1,.3,1) .1s forwards
    }

    .animate-stagger-2 {
        opacity: 0;
        animation: staggerFadeIn .4s cubic-bezier(.16,1,.3,1) .2s forwards
    }

    .animate-stagger-3 {
        opacity: 0;
        animation: staggerFadeIn .4s cubic-bezier(.16,1,.3,1) .3s forwards
    }

    .animate-stagger-4 {
        opacity: 0;
        animation: staggerFadeIn .4s cubic-bezier(.16,1,.3,1) .4s forwards
    }
}

.glass-card {
    background: #fffffff2;
    border: 1px solid #ffffff4d
}

@media (min-width: 768px) {
    .glass-card {
        -webkit-backdrop-filter:blur(5px)!important;
        background: #ffffffb3!important
    }
}

[data-theme=halloween] .glass-card {
    background: #1e1e1ef2;
    border: 1px solid #ffffff1a
}

@media (min-width: 768px) {
    [data-theme=halloween] .glass-card {
        -webkit-backdrop-filter:blur(16px)!important;
        background: #1e1e1eb3!important
    }
}

.templates-grid.modal-open .mobile-template-image {
    object-position: center top!important;
    transition: none!important
}

.modal-bottom .modal-box.glass-card {
    width: 100%;
    max-width: 100%;
    margin: auto 0 0
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.animate-slide-up {
    animation: slideUp .3s cubic-bezier(.16,1,.3,1) forwards
}

@keyframes rating {
    0%,40% {
        filter: brightness(1.05)contrast(1.05);
        scale: 1.1
    }
}

@keyframes dropdown {
    0% {
        opacity: 0
    }
}

@keyframes radio {
    0% {
        padding: 5px
    }

    50% {
        padding: 3px
    }
}

@keyframes toast {
    0% {
        opacity: 0;
        scale: .9
    }

    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes rotator {
    89.9999%,to {
        --first-item-position: 0 0%
    }

    90%,99.9999% {
        --first-item-position: 0 calc(var(--items)*100%)
    }

    to {
        translate: 0 -100%
    }
}

@keyframes skeleton {
    0% {
        background-position: 150%
    }

    to {
        background-position: -50%
    }
}

@keyframes menu {
    0% {
        opacity: 0
    }
}

@keyframes progress {
    50% {
        background-position-x: -115%
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-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-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@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-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ping {
    75%,to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}
.box-icon-item-2 {
    top: -896px;
    position: absolute;
    left: -50px;
    transform: rotate(-25deg);
}

.imgase-item-2 {
    width: 40%;
    border: 10px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.title-abum {
    font-family: "The Nautigal", cursive !important;
    /* font-size: 42px !important; */
}

.title-abum span {
    font-size: 42px !important;
}
.item-slick-slider-abums .group  {
margin:10px 5px;
}

.modal-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.box-container-member-form.active {
    opacity: 0;
    transition:0.5s ease;
    display: none;
}
@media(max-width:990px){
    .box-icon-item-2 {
    top: -300px;
    left: 4px;
}
/* .flex-group-gd {
    display: block;
}

.item-flex-gd-mobile {
    flex: unset;
    width: 100%;
    max-width: unset;
}
.item-line {
    display: none;
} */

.item-flex-gd-mobile span {
    font-size: 26px !important;
}

.item-flex-gd-mobile .leading-tight span{
    font-size: 15px !important;
}



.item-flex-gd-mobile {
    max-width: 193px;
}


.flex-group-gd span span {
    font-size: 19px !important;
}
.imgase-item-2 {
    border: 10px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 337px;
   width: 30vh;
}
}