/*!tailwindcss v4.1.8 | MIT License | https://tailwindcss.com*/
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-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-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-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-duration: initial;
            --tw-ease: initial;
            --tw-tracking: initial;
            --tw-content: ""
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-amber-100: oklch(96.2% .059 95.617);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-600: oklch(66.6% .179 58.318);
        --color-amber-800: oklch(47.3% .137 46.201);
        --color-lime-500: oklch(76.8% .233 130.85);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-700: oklch(52.7% .154 150.069);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-emerald-600: oklch(59.6% .145 163.225);
        --color-emerald-800: oklch(43.2% .095 166.913);
        --color-teal-500: oklch(70.4% .14 182.503);
        --color-teal-600: oklch(60% .118 184.704);
        --color-sky-500: oklch(68.5% .169 237.323);
        --color-sky-700: oklch(50% .134 242.749);
        --color-blue-100: oklch(93.2% .032 255.585);
        --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-purple-500: oklch(62.7% .265 303.9);
        --color-fuchsia-500: oklch(66.7% .295 322.15);
        --color-pink-300: oklch(82.3% .12 346.018);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-300: oklch(87% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-2xl: 96rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25/1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --text-9xl: 8rem;
        --text-9xl--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-black: 900;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --drop-shadow-sm: 0 1px 2px #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;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-lg: 16px;
        --blur-2xl: 40px;
        --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);
        --animate-border: background 10s ease infinite
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentColor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    :root {
        --motion-default-timing: cubic-bezier(.165, .84, .44, 1);
        --motion-bounce: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1);
        --motion-spring-smooth: linear(0, .001 0.44%, .0045 0.94%, .0195 2.03%, .0446 3.19%, .0811 4.5%, .1598 6.82%, .3685 12.34%, .4693 15.17%, .5663, .6498 21.27%, .7215 24.39%, .7532 25.98%, .7829 27.65%, .8105, .8349 31.14%, .8573 32.95%, .8776 34.84%, .8964 36.87%, .9136 39.05%, .929 41.37%, .9421 43.77%, .9537 46.38%, .9636 49.14%, .9789 55.31%, .9888 62.35%, .9949 71.06%, .9982 82.52%, .9997 99.94%);
        --motion-spring-snappy: linear(0, .0014, .0053 1.02%, .0126, .0227 2.18%, .0517 3.41%, .094 4.79%, .1865 7.26%, .4182 12.77%, .5246 15.46%, .6249, .7112, .7831 23.95%, .8146 25.4%, .844, .8699 28.45%, .8935, .9139 31.64%, .932, .9473, .9601 36.65%, .9714 38.47%, .9808 40.35%, .9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%);
        --motion-spring-bouncy: linear(0, .0018, .0069, .0151 1.74%, .0277 2.4%, .062 3.7%, .1115 5.15%, .2211 7.77%, .4778 13.21%, .5912 15.75%, .6987 18.44%, .7862 20.98%, .861 23.59%, .8926, .9205, .945 27.51%, .9671 28.89%, .9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, .9981 80.49%, .9991 99.94%);
        --motion-spring-bouncier: linear(0, .0023, .0088, .0194 1.59%, .035 2.17%, .078 3.33%, .1415 4.64%, .2054 5.75%, .2821 6.95%, .5912 11.45%, .7205 13.43%, .8393 15.45%, .936 17.39%, .9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, .9911 48.87%, .9826 50.9%, .9769 53.03%, .9735 56.02%, .9748 59.45%, .9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%);
        --motion-spring-bounciest: linear(0, .0032, .0131, .0294, .0524, .0824, .1192 1.54%, .2134 2.11%, .3102 2.59%, .4297 3.13%, .8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, .9773, .9031 16.08%, .8449 16.73%, .8014, .7701 17.95%, .7587, .7501, .7443, .7412 19.16%, .7421 19.68%, .7508 20.21%, .7672 20.77%, .7917 21.37%, .8169 21.87%, .8492 22.43%, .9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, .9941 34.72%, .9748 35.43%, .9597 36.09%, .9487, .9407, .9355, .933 38.46%, .9344 39.38%, .9421 40.38%, .9566 41.5%, .9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, .992 55.02%, .9854 56.38%, .9827 57.72%, .985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, .9981 74.28%, .9956 76.85%, .9961 79.06%, 1.0023 86.46%, .999 95.22%, .9994 100%)
    }

    * {
        --motion-origin-scale-x: 100%;
        --motion-origin-scale-y: 100%;
        --motion-origin-translate-x: 0%;
        --motion-origin-translate-y: 0%;
        --motion-origin-rotate: 0deg;
        --motion-origin-blur: 0px;
        --motion-origin-grayscale: 0%;
        --motion-origin-opacity: 100%;
        --motion-origin-background-color: ;
        --motion-origin-text-color: ;
        --motion-end-scale-x: 100%;
        --motion-end-scale-y: 100%;
        --motion-end-translate-x: 0%;
        --motion-end-translate-y: 0%;
        --motion-end-rotate: 0deg;
        --motion-end-blur: 0px;
        --motion-end-grayscale: 0%;
        --motion-end-opacity: 100%;
        --motion-end-background-color: ;
        --motion-end-text-color: ;
        --motion-loop-scale-x: 100%;
        --motion-loop-scale-y: 100%;
        --motion-loop-translate-x: 0%;
        --motion-loop-translate-y: 0%;
        --motion-loop-rotate: 0deg;
        --motion-loop-blur: 0px;
        --motion-loop-grayscale: 0%;
        --motion-loop-opacity: 100%;
        --motion-loop-background-color: ;
        --motion-loop-text-color: ;
        --motion-duration: .7s;
        --motion-timing: var(--motion-default-timing);
        --motion-perceptual-duration-multiplier: 1;
        --motion-delay: 0s;
        --motion-loop-count: infinite;
        --motion-scale-duration: var(--motion-duration);
        --motion-scale-timing: var(--motion-timing);
        --motion-scale-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
        --motion-scale-delay: var(--motion-delay);
        --motion-scale-loop-count: var(--motion-loop-count);
        --motion-translate-duration: var(--motion-duration);
        --motion-translate-timing: var(--motion-timing);
        --motion-translate-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
        --motion-translate-delay: var(--motion-delay);
        --motion-translate-loop-count: var(--motion-loop-count);
        --motion-rotate-duration: var(--motion-duration);
        --motion-rotate-timing: var(--motion-timing);
        --motion-rotate-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
        --motion-rotate-delay: var(--motion-delay);
        --motion-rotate-loop-count: var(--motion-loop-count);
        --motion-filter-duration: var(--motion-duration);
        --motion-filter-timing: var(--motion-timing);
        --motion-filter-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
        --motion-filter-delay: var(--motion-delay);
        --motion-filter-loop-count: var(--motion-loop-count);
        --motion-opacity-duration: var(--motion-duration);
        --motion-opacity-timing: var(--motion-timing);
        --motion-opacity-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
        --motion-opacity-delay: var(--motion-delay);
        --motion-opacity-loop-count: var(--motion-loop-count);
        --motion-background-color-duration: var(--motion-duration);
        --motion-background-color-timing: var(--motion-timing);
        --motion-background-color-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
        --motion-background-color-delay: var(--motion-delay);
        --motion-background-color-loop-count: var(--motion-loop-count);
        --motion-text-color-duration: var(--motion-duration);
        --motion-text-color-timing: var(--motion-timing);
        --motion-text-color-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
        --motion-text-color-delay: var(--motion-delay);
        --motion-text-color-loop-count: var(--motion-loop-count);
        --motion-scale-in-animation: none;
        --motion-translate-in-animation: none;
        --motion-rotate-in-animation: none;
        --motion-filter-in-animation: none;
        --motion-opacity-in-animation: none;
        --motion-background-color-in-animation: none;
        --motion-text-color-in-animation: none;
        --motion-scale-out-animation: none;
        --motion-translate-out-animation: none;
        --motion-rotate-out-animation: none;
        --motion-filter-out-animation: none;
        --motion-opacity-out-animation: none;
        --motion-background-color-out-animation: none;
        --motion-text-color-out-animation: none;
        --motion-scale-loop-animation: none;
        --motion-translate-loop-animation: none;
        --motion-rotate-loop-animation: none;
        --motion-filter-loop-animation: none;
        --motion-opacity-loop-animation: none;
        --motion-background-color-loop-animation: none;
        --motion-text-color-loop-animation: none;
        --motion-all-enter-animations: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation);
        --motion-all-exit-animations: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
        --motion-all-loop-animations: var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
        --motion-all-loop-and-enter-animations: var(--motion-all-loop-animations), var(--motion-all-enter-animations)
    }

    @media screen and (prefers-reduced-motion:no-preference) {
        @keyframes motion-scale-in {
            0% {
                scale: var(--motion-origin-scale-x)var(--motion-origin-scale-y)
            }

            to {
                scale: 1
            }
        }

        @keyframes motion-scale-out {
            0% {
                scale: 1
            }

            to {
                scale: var(--motion-end-scale-x)var(--motion-end-scale-y)
            }
        }

        @keyframes motion-scale-loop-mirror {

            0%,
            to {
                scale: 1
            }

            50% {
                scale: var(--motion-loop-scale-x)var(--motion-loop-scale-y)
            }
        }

        @keyframes motion-scale-loop-reset {
            0% {
                scale: 1
            }

            to {
                scale: var(--motion-loop-scale-x)var(--motion-loop-scale-y)
            }
        }

        @keyframes motion-translate-in {
            0% {
                translate: var(--motion-origin-translate-x)var(--motion-origin-translate-y)
            }

            to {
                translate: 0
            }
        }

        @keyframes motion-translate-out {
            0% {
                translate: 0
            }

            to {
                translate: var(--motion-end-translate-x)var(--motion-end-translate-y)
            }
        }

        @keyframes motion-translate-loop-mirror {

            0%,
            to {
                translate: 0
            }

            50% {
                translate: var(--motion-loop-translate-x)var(--motion-loop-translate-y)
            }
        }

        @keyframes motion-translate-loop-reset {
            0% {
                translate: 0
            }

            to {
                translate: var(--motion-loop-translate-x)var(--motion-loop-translate-y)
            }
        }

        @keyframes motion-rotate-in {
            0% {
                rotate: var(--motion-origin-rotate)
            }

            to {
                rotate: 0
            }
        }

        @keyframes motion-rotate-out {
            0% {
                rotate: 0
            }

            to {
                rotate: var(--motion-end-rotate)
            }
        }

        @keyframes motion-rotate-loop-mirror {

            0%,
            to {
                rotate: none
            }

            50% {
                rotate: var(--motion-loop-rotate)
            }
        }

        @keyframes motion-rotate-loop-reset {
            to {
                rotate: var(--motion-loop-rotate)
            }
        }
    }

    @keyframes motion-filter-in {
        0% {
            filter: blur(var(--motion-origin-blur))grayscale(var(--motion-origin-grayscale))
        }

        to {
            filter: blur()grayscale(0)
        }
    }

    @keyframes motion-filter-out {
        0% {
            filter: blur()grayscale(0)
        }

        to {
            filter: blur(var(--motion-end-blur))grayscale(var(--motion-end-grayscale))
        }
    }

    @keyframes motion-filter-loop-mirror {

        0%,
        to {
            filter: blur()grayscale(0)
        }

        50% {
            filter: blur(var(--motion-loop-blur))grayscale(var(--motion-loop-grayscale))
        }
    }

    @keyframes motion-filter-loop-reset {
        0% {
            filter: blur()grayscale(0)
        }

        to {
            filter: blur(var(--motion-loop-blur))grayscale(var(--motion-loop-grayscale))
        }
    }

    @keyframes motion-opacity-in {
        0% {
            opacity: var(--motion-origin-opacity)
        }
    }

    @keyframes motion-opacity-out {
        to {
            opacity: var(--motion-end-opacity)
        }
    }

    @keyframes motion-opacity-loop-mirror {
        50% {
            opacity: var(--motion-loop-opacity)
        }
    }

    @keyframes motion-opacity-loop-reset {
        to {
            opacity: var(--motion-loop-opacity)
        }
    }

    @keyframes motion-background-color-in {
        0% {
            background-color: var(--motion-origin-background-color)
        }
    }

    @keyframes motion-background-color-out {
        to {
            background-color: var(--motion-end-background-color)
        }
    }

    @keyframes motion-background-color-loop-mirror {
        50% {
            background-color: var(--motion-loop-background-color)
        }
    }

    @keyframes motion-background-color-loop-reset {
        to {
            background-color: var(--motion-loop-background-color)
        }
    }

    @keyframes motion-text-color-in {
        0% {
            color: var(--motion-origin-text-color)
        }
    }

    @keyframes motion-text-color-out {
        to {
            color: var(--motion-end-text-color)
        }
    }

    @keyframes motion-text-color-loop-mirror {
        50% {
            color: var(--motion-loop-text-color)
        }
    }

    @keyframes motion-text-color-loop-reset {
        to {
            color: var(--motion-loop-text-color)
        }
    }

    :where(:root),
    :root:has(input.theme-controller[value=light]:checked),
    [data-theme=light] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(97.8% .005 297.73);
        --color-base-300: oklch(37.01% .0069 297.49);
        --color-base-content: oklch(37.57% .022 281.8);
        --color-primary: oklch(57.59% .247 287.24);
        --color-primary-content: oklch(96.57% .017 289.61);
        --color-secondary: oklch(55.79% .022 301.91);
        --color-secondary-content: oklch(97.64% .001 286.38);
        --color-accent: oklch(62.31% .188 259.81);
        --color-accent-content: oklch(97.05% .014 254.6);
        --color-neutral: oklch(37.57% .0222 281.8);
        --color-neutral-content: oklch(98% .0013 286.38);
        --color-info: oklch(71.48% .126 215.22);
        --color-info-content: oklch(98.41% .019 200.87);
        --color-success: oklch(73.11% .217 147.04);
        --color-success-content: oklch(98.1% .014 174.18);
        --color-warning: oklch(79.87% .164 73.09);
        --color-warning-content: oklch(99.34% .011 95.16);
        --color-error: oklch(65.39% .222 25.86);
        --color-error-content: oklch(98.76% .009 67.73);
        --radius-selector: .25rem;
        --radius-field: .375rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0
    }

    @media (prefers-color-scheme:dark) {
        :root {
            color-scheme: dark;
            --color-base-100: oklch(31.23% .026 301.24);
            --color-base-200: oklch(25.39% .025 298.72);
            --color-base-300: oklch(23.44% .0194 298.63);
            --color-base-content: oklch(84.98% .014 295.28);
            --color-primary: oklch(53.93% .271 286.75);
            --color-primary-content: oklch(88.22% .062 290.17);
            --color-secondary: oklch(49.12% .021 303.05);
            --color-secondary-content: oklch(88.83% .007 304.23);
            --color-accent: oklch(54.61% .215 262.88);
            --color-accent-content: oklch(88.23% .057 254.13);
            --color-neutral: oklch(65.75% .022 294.95);
            --color-neutral-content: oklch(18.51% .017 301.92);
            --color-info: oklch(60.89% .111 221.72);
            --color-info-content: oklch(91.67% .077 205.04);
            --color-success: oklch(67.35% .201 146.84);
            --color-success-content: oklch(91.38% .069 168.24);
            --color-warning: oklch(72.59% .152 69.05);
            --color-warning-content: oklch(96.07% .057 93.2);
            --color-error: oklch(59.54% .208 26.28);
            --color-error-content: oklch(93.4% .039 54.86);
            --radius-selector: .25rem;
            --radius-field: .375rem;
            --radius-box: .5rem;
            --size-selector: .25rem;
            --size-field: .25rem;
            --border: 1px;
            --depth: 0;
            --noise: 0
        }
    }

    :root:has(input.theme-controller[value=light]:checked),
    [data-theme=light] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(97.8% .005 297.73);
        --color-base-300: oklch(37.01% .0069 297.49);
        --color-base-content: oklch(37.57% .022 281.8);
        --color-primary: oklch(57.59% .247 287.24);
        --color-primary-content: oklch(96.57% .017 289.61);
        --color-secondary: oklch(55.79% .022 301.91);
        --color-secondary-content: oklch(97.64% .001 286.38);
        --color-accent: oklch(62.31% .188 259.81);
        --color-accent-content: oklch(97.05% .014 254.6);
        --color-neutral: oklch(37.57% .0222 281.8);
        --color-neutral-content: oklch(98% .0013 286.38);
        --color-info: oklch(71.48% .126 215.22);
        --color-info-content: oklch(98.41% .019 200.87);
        --color-success: oklch(73.11% .217 147.04);
        --color-success-content: oklch(98.1% .014 174.18);
        --color-warning: oklch(79.87% .164 73.09);
        --color-warning-content: oklch(99.34% .011 95.16);
        --color-error: oklch(65.39% .222 25.86);
        --color-error-content: oklch(98.76% .009 67.73);
        --radius-selector: .25rem;
        --radius-field: .375rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0
    }

    :root:has(input.theme-controller[value=dark]:checked),
    [data-theme=dark] {
        color-scheme: dark;
        --color-base-100: oklch(31.23% .026 301.24);
        --color-base-200: oklch(25.39% .025 298.72);
        --color-base-300: oklch(23.44% .0194 298.63);
        --color-base-content: oklch(84.98% .014 295.28);
        --color-primary: oklch(53.93% .271 286.75);
        --color-primary-content: oklch(88.22% .062 290.17);
        --color-secondary: oklch(49.12% .021 303.05);
        --color-secondary-content: oklch(88.83% .007 304.23);
        --color-accent: oklch(54.61% .215 262.88);
        --color-accent-content: oklch(88.23% .057 254.13);
        --color-neutral: oklch(65.75% .022 294.95);
        --color-neutral-content: oklch(18.51% .017 301.92);
        --color-info: oklch(60.89% .111 221.72);
        --color-info-content: oklch(91.67% .077 205.04);
        --color-success: oklch(67.35% .201 146.84);
        --color-success-content: oklch(91.38% .069 168.24);
        --color-warning: oklch(72.59% .152 69.05);
        --color-warning-content: oklch(96.07% .057 93.2);
        --color-error: oklch(59.54% .208 26.28);
        --color-error-content: oklch(93.4% .039 54.86);
        --radius-selector: .25rem;
        --radius-field: .375rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0
    }

    :root:has(input.theme-controller[value=black]:checked),
    [data-theme=black] {
        color-scheme: dark;
        --color-base-100: oklch(23.2% .006 285.95);
        --color-base-200: oklch(14% .005 285.823);
        --color-base-300: oklch(14% 0 0);
        --color-base-content: oklch(96% .001 286.375);
        --color-primary: oklch(58% .233 277.117);
        --color-primary-content: oklch(98% .022 95.277);
        --color-secondary: oklch(60% .118 184.704);
        --color-secondary-content: oklch(98% .014 180.72);
        --color-accent: oklch(51% .27 271.36);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(98% 0 0);
        --color-neutral-content: oklch(37% .044 257.287);
        --color-info: oklch(58% .158 241.966);
        --color-info-content: oklch(97% .013 236.62);
        --color-success: oklch(64% .2 131.684);
        --color-success-content: oklch(98% .031 120.757);
        --color-warning: oklch(55% .163 48.998);
        --color-warning-content: oklch(98% .026 102.212);
        --color-error: oklch(63% .237 25.331);
        --color-error-content: oklch(97% .013 17.38);
        --radius-selector: 2rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 2px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=corporate]:checked),
    [data-theme=corporate] {
        color-scheme: light;
        --color-base-100: oklch(99.43% .001 286.38);
        --color-base-200: oklch(97.33% .008 271.33);
        --color-base-300: oklch(48.52% .0225 279.09);
        --color-base-content: oklch(42.06% .049 276.53);
        --color-primary: oklch(62.31% .188 259.81);
        --color-primary-content: oklch(97.05% .014 254.6);
        --color-secondary: oklch(55.79% .022 301.91);
        --color-secondary-content: oklch(95.05% .003 308.43);
        --color-accent: oklch(65.59% .212 354.31);
        --color-accent-content: oklch(97.14% .014 343.2);
        --color-neutral: oklch(45.11% .172 270.31);
        --color-neutral-content: oklch(82.15% .055 277.12);
        --color-info: oklch(70.38% .123 182.5);
        --color-info-content: oklch(98.36% .014 180.72);
        --color-success: oklch(76.81% .204 130.85);
        --color-success-content: oklch(98.57% .031 120.76);
        --color-warning: oklch(79.52% .162 86.05);
        --color-warning-content: oklch(98.73% .026 102.21);
        --color-error: oklch(64.5% .215 16.44);
        --color-error-content: oklch(96.94% .015 12.42);
        --radius-selector: .125rem;
        --radius-field: .25rem;
        --radius-box: .375rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=ghibli]:checked),
    [data-theme=ghibli] {
        color-scheme: light;
        --color-base-100: oklch(94% .0262 82.38);
        --color-base-200: oklch(91% .0326 80.99);
        --color-base-300: oklch(34% .0131 81.73/.2);
        --color-base-content: oklch(41% .077 79.04);
        --color-primary: oklch(62% .0868 111.8);
        --color-primary-content: oklch(97% .009 106.57);
        --color-secondary: oklch(44% .043 257.281);
        --color-secondary-content: oklch(92% .013 255.508);
        --color-accent: oklch(70% .14 182.503);
        --color-accent-content: oklch(98% .014 180.72);
        --color-neutral: oklch(41% .025 282.21);
        --color-neutral-content: oklch(98% .001 286.38);
        --color-info: oklch(62% .214 259.815);
        --color-info-content: oklch(97% .014 254.604);
        --color-success: oklch(64% .2 131.684);
        --color-success-content: oklch(98% .031 120.757);
        --color-warning: oklch(68% .162 75.834);
        --color-warning-content: oklch(28% .066 53.813);
        --color-error: oklch(63% .237 25.331);
        --color-error-content: oklch(97% .013 17.38);
        --radius-selector: .25rem;
        --radius-field: 1rem;
        --radius-box: 2rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0
    }

    :root:has(input.theme-controller[value=gourmet]:checked),
    [data-theme=gourmet] {
        color-scheme: light;
        --color-base-100: oklch(99.45% .002 67.8);
        --color-base-200: oklch(98.19% .008 61.46);
        --color-base-300: oklch(47% .0131 54.28);
        --color-base-content: oklch(32.38% .009 67.5);
        --color-primary: oklch(70.49% .187 47.6);
        --color-primary-content: oklch(97.96% .016 73.68);
        --color-secondary: oklch(55.79% .022 301.91);
        --color-secondary-content: oklch(95.05% .003 308.43);
        --color-accent: oklch(65.59% .212 354.31);
        --color-accent-content: oklch(97.14% .014 343.2);
        --color-neutral: oklch(32.38% .009 67.5);
        --color-neutral-content: oklch(99.45% .002 67.8);
        --color-info: oklch(68.47% .148 237.32);
        --color-info-content: oklch(97.71% .012 236.62);
        --color-success: oklch(69.59% .149 162.48);
        --color-success-content: oklch(97.93% .021 166.11);
        --color-warning: oklch(57.59% .247 287.24);
        --color-warning-content: oklch(96.57% .017 289.61);
        --color-error: oklch(65.39% .222 25.86);
        --color-error-content: oklch(98.76% .009 67.73);
        --radius-selector: 2rem;
        --radius-field: 2rem;
        --radius-box: .75rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=luxury]:checked),
    [data-theme=luxury] {
        color-scheme: dark;
        --color-base-100: oklch(24.97% .0235 60.71);
        --color-base-200: oklch(20.19% .0212 56.18);
        --color-base-300: oklch(13.67% .0208 68.4);
        --color-base-content: oklch(89.79% .0323 68.91);
        --color-primary: oklch(68.75% .0948 67.23);
        --color-primary-content: oklch(92.24% .0235 69.59);
        --color-secondary: oklch(55.79% .0221 301.91);
        --color-secondary-content: oklch(97.64% .0013 286.38);
        --color-accent: oklch(64.45% .1596 354.64);
        --color-accent-content: oklch(89.57% .0416 348.79);
        --color-neutral: oklch(51% .0449 70.29);
        --color-neutral-content: oklch(16.74% .0325 59.58);
        --color-info: oklch(55.75% .0746 234.15);
        --color-info-content: oklch(87.94% .0196 230.73);
        --color-success: oklch(52.65% .0537 188.98);
        --color-success-content: oklch(84.44% .0185 192.54);
        --color-warning: oklch(57.37% .149 296.3);
        --color-warning-content: oklch(88.26% .0392 300.25);
        --color-error: oklch(50.81% .097 4.98);
        --color-error-content: oklch(87.99% .021 358.74);
        --radius-selector: .1875rem;
        --radius-field: .375rem;
        --radius-box: .5625rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=mintlify]:checked),
    [data-theme=mintlify] {
        color-scheme: light;
        --color-base-100: oklch(98.69% .007 145.52);
        --color-base-200: oklch(95.89% .019 145.43);
        --color-base-300: oklch(48.75% .0326 146.64);
        --color-base-content: oklch(21% .006 56.043);
        --color-primary: oklch(62% .194 149.214);
        --color-primary-content: oklch(98% .018 155.826);
        --color-secondary: oklch(84.42% .172 84.934);
        --color-secondary-content: oklch(47% .137 46.201);
        --color-accent: oklch(55% .016 285.938);
        --color-accent-content: oklch(98% 0 0);
        --color-neutral: oklch(26% .007 34.298);
        --color-neutral-content: oklch(97% .001 106.424);
        --color-info: oklch(65.52% .111 212.17);
        --color-info-content: oklch(39% .07 227.392);
        --color-success: oklch(64.01% .175 146.74);
        --color-success-content: oklch(26% .065 152.934);
        --color-warning: oklch(77.03% .174 64.05);
        --color-warning-content: oklch(47% .137 46.201);
        --color-error: oklch(59.15% .202 21.24);
        --color-error-content: oklch(97% .014 343.198);
        --radius-selector: 2rem;
        --radius-field: 1rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=shadcn]:checked),
    [data-theme=shadcn] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(96.74% .0013 286.38);
        --color-base-300: oklch(0% 0 0);
        --color-base-content: oklch(21.03% .0059 285.89);
        --color-primary: oklch(27.39% .0055 286.03);
        --color-primary-content: oklch(98.51% 0 0);
        --color-secondary: oklch(55.79% .0221 301.91);
        --color-secondary-content: oklch(97.64% .0013 286.38);
        --color-accent: oklch(62.31% .188 259.81);
        --color-accent-content: oklch(97.05% .0142 254.6);
        --color-neutral: oklch(40.66% .0251 282.21);
        --color-neutral-content: oklch(97.64% .0013 286.38);
        --color-info: oklch(71.48% .1257 215.22);
        --color-info-content: oklch(98.41% .0189 200.87);
        --color-success: oklch(69.59% .1491 162.48);
        --color-success-content: oklch(97.93% .0207 166.11);
        --color-warning: oklch(70.49% .1867 47.6);
        --color-warning-content: oklch(97.96% .0158 73.68);
        --color-error: oklch(65.39% .2221 25.86);
        --color-error-content: oklch(98.76% .0085 67.73);
        --radius-selector: .125rem;
        --radius-field: .25rem;
        --radius-box: .375rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=slack]:checked),
    [data-theme=slack] {
        color-scheme: light;
        --color-base-100: oklch(97.31% 0 0);
        --color-base-200: oklch(93.7% 0 0);
        --color-base-300: oklch(38.87% .0052 301.28);
        --color-base-content: oklch(21% .006 56.043);
        --color-primary: oklch(30.65% .108 327.06);
        --color-primary-content: oklch(97% .014 254.604);
        --color-secondary: oklch(0% 0 0);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(55% .016 285.938);
        --color-accent-content: oklch(98% 0 0);
        --color-neutral: oklch(14% .004 49.25);
        --color-neutral-content: oklch(98% .001 106.423);
        --color-info: oklch(76.8% .131 223.2);
        --color-info-content: oklch(45% .085 224.283);
        --color-success: oklch(69.11% .142 160.24);
        --color-success-content: oklch(39% .095 152.535);
        --color-warning: oklch(79.66% .152 82.65);
        --color-warning-content: oklch(47% .137 46.201);
        --color-error: oklch(58.8% .222 11.49);
        --color-error-content: oklch(97% .014 343.198);
        --radius-selector: 2rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=soft]:checked),
    [data-theme=soft] {
        color-scheme: light;
        --color-base-100: oklch(98.8% .0069 304.24);
        --color-base-200: oklch(96.95% .0114 308.33);
        --color-base-300: oklch(40.47% .0142 308.07);
        --color-base-content: oklch(32.61% .0705 305.29);
        --color-primary: oklch(62.68% .2325 303.9);
        --color-primary-content: oklch(97.68% .0142 308.3);
        --color-secondary: oklch(55.79% .0221 301.91);
        --color-secondary-content: oklch(97.64% .0013 286.38);
        --color-accent: oklch(62.31% .188 259.81);
        --color-accent-content: oklch(97.05% .0142 254.6);
        --color-neutral: oklch(32.61% .0705 305.29);
        --color-neutral-content: oklch(99.54% .0028 308.43);
        --color-info: oklch(71.48% .1257 215.22);
        --color-info-content: oklch(98.41% .0189 200.87);
        --color-success: oklch(69.59% .1491 162.48);
        --color-success-content: oklch(97.93% .0207 166.11);
        --color-warning: oklch(70.49% .1867 47.6);
        --color-warning-content: oklch(97.96% .0158 73.68);
        --color-error: oklch(65.39% .2221 25.86);
        --color-error-content: oklch(98.76% .0085 67.73);
        --radius-selector: .5rem;
        --radius-field: .75rem;
        --radius-box: 1rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=valorant]:checked),
    [data-theme=valorant] {
        color-scheme: light;
        --color-base-100: oklch(99.14% .0044 359.99);
        --color-base-200: oklch(96.72% .0163 12.78);
        --color-base-300: oklch(27.67% .0779 19.29);
        --color-base-content: oklch(21% .006 56.043);
        --color-primary: oklch(66.77% .2199 21.34);
        --color-primary-content: oklch(97% .013 17.38);
        --color-secondary: oklch(30.12% 0 0);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(55% .016 285.938);
        --color-accent-content: oklch(98% 0 0);
        --color-neutral: oklch(20.89% .0248 249.09);
        --color-neutral-content: oklch(98% .001 106.423);
        --color-info: oklch(58% .158 241.966);
        --color-info-content: oklch(98% .019 200.873);
        --color-success: oklch(76.82% .1855 152.24);
        --color-success-content: oklch(39% .095 152.535);
        --color-warning: oklch(80.16% .1705 73.27);
        --color-warning-content: oklch(47% .137 46.201);
        --color-error: oklch(67.08% .2165 25.19);
        --color-error-content: oklch(97% .014 343.198);
        --radius-selector: 0rem;
        --radius-field: 0rem;
        --radius-box: 0rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 1
    }

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

    :root {
        scrollbar-color: currentColor #0000
    }

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

    button:not(:disabled),
    [role=button]:not(:disabled) {
        cursor: pointer
    }

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

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

    .tooltip {
        --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")
    }

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

    :root:has(input.theme-controller[value=corporate]:checked),
    [data-theme=corporate] {
        color-scheme: normal;
        --color-base-100: oklch(99.43% .001 286.38);
        --color-base-200: oklch(97.33% .008 271.33);
        --color-base-300: oklch(48.52% .0225 279.09);
        --color-base-content: oklch(42.06% .049 276.53);
        --color-primary: oklch(62.31% .188 259.81);
        --color-primary-content: oklch(97.05% .014 254.6);
        --color-secondary: oklch(55.79% .022 301.91);
        --color-secondary-content: oklch(95.05% .003 308.43);
        --color-accent: oklch(65.59% .212 354.31);
        --color-accent-content: oklch(97.14% .014 343.2);
        --color-neutral: oklch(45.11% .172 270.31);
        --color-neutral-content: oklch(82.15% .055 277.12);
        --color-info: oklch(70.38% .123 182.5);
        --color-info-content: oklch(98.36% .014 180.72);
        --color-success: oklch(76.81% .204 130.85);
        --color-success-content: oklch(98.57% .031 120.76);
        --color-warning: oklch(79.52% .162 86.05);
        --color-warning-content: oklch(98.73% .026 102.21);
        --color-error: oklch(64.5% .215 16.44);
        --color-error-content: oklch(96.94% .015 12.42);
        --radius-selector: .125rem;
        --radius-field: .25rem;
        --radius-box: .375rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
        font-family: Public Sans
    }

    :root:has(input.theme-controller[value=ghibli]:checked),
    [data-theme=ghibli] {
        color-scheme: normal;
        --color-base-100: oklch(94% .0262 82.38);
        --color-base-200: oklch(91% .0326 80.99);
        --color-base-300: oklch(34% .0131 81.73/.2);
        --color-base-content: oklch(41% .077 79.04);
        --color-primary: oklch(62% .0868 111.8);
        --color-primary-content: oklch(97% .009 106.57);
        --color-secondary: oklch(44% .043 257.281);
        --color-secondary-content: oklch(92% .013 255.508);
        --color-accent: oklch(70% .14 182.503);
        --color-accent-content: oklch(98% .014 180.72);
        --color-neutral: oklch(41% .025 282.21);
        --color-neutral-content: oklch(98% .001 286.38);
        --color-info: oklch(62% .214 259.815);
        --color-info-content: oklch(97% .014 254.604);
        --color-success: oklch(64% .2 131.684);
        --color-success-content: oklch(98% .031 120.757);
        --color-warning: oklch(68% .162 75.834);
        --color-warning-content: oklch(28% .066 53.813);
        --color-error: oklch(63% .237 25.331);
        --color-error-content: oklch(97% .013 17.38);
        --radius-selector: .25rem;
        --radius-field: 1rem;
        --radius-box: 2rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0;
        font-family: Amaranth
    }

    :root:has(input.theme-controller[value=gourmet]:checked),
    [data-theme=gourmet] {
        color-scheme: normal;
        --color-base-100: oklch(99.45% .002 67.8);
        --color-base-200: oklch(98.19% .008 61.46);
        --color-base-300: oklch(47% .0131 54.28);
        --color-base-content: oklch(32.38% .009 67.5);
        --color-primary: oklch(70.49% .187 47.6);
        --color-primary-content: oklch(97.96% .016 73.68);
        --color-secondary: oklch(55.79% .022 301.91);
        --color-secondary-content: oklch(95.05% .003 308.43);
        --color-accent: oklch(65.59% .212 354.31);
        --color-accent-content: oklch(97.14% .014 343.2);
        --color-neutral: oklch(32.38% .009 67.5);
        --color-neutral-content: oklch(99.45% .002 67.8);
        --color-info: oklch(68.47% .148 237.32);
        --color-info-content: oklch(97.71% .012 236.62);
        --color-success: oklch(69.59% .149 162.48);
        --color-success-content: oklch(97.93% .021 166.11);
        --color-warning: oklch(57.59% .247 287.24);
        --color-warning-content: oklch(96.57% .017 289.61);
        --color-error: oklch(65.39% .222 25.86);
        --color-error-content: oklch(98.76% .009 67.73);
        --radius-selector: 2rem;
        --radius-field: 2rem;
        --radius-box: .75rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
        font-family: Rubik
    }

    :root:has(input.theme-controller[value=luxury]:checked),
    [data-theme=luxury] {
        color-scheme: normal;
        --color-base-100: oklch(24.97% .0235 60.71);
        --color-base-200: oklch(20.19% .0212 56.18);
        --color-base-300: oklch(13.67% .0208 68.4);
        --color-base-content: oklch(89.79% .0323 68.91);
        --color-primary: oklch(68.75% .0948 67.23);
        --color-primary-content: oklch(92.24% .0235 69.59);
        --color-secondary: oklch(55.79% .0221 301.91);
        --color-secondary-content: oklch(97.64% .0013 286.38);
        --color-accent: oklch(64.45% .1596 354.64);
        --color-accent-content: oklch(89.57% .0416 348.79);
        --color-neutral: oklch(51% .0449 70.29);
        --color-neutral-content: oklch(16.74% .0325 59.58);
        --color-info: oklch(55.75% .0746 234.15);
        --color-info-content: oklch(87.94% .0196 230.73);
        --color-success: oklch(52.65% .0537 188.98);
        --color-success-content: oklch(84.44% .0185 192.54);
        --color-warning: oklch(57.37% .149 296.3);
        --color-warning-content: oklch(88.26% .0392 300.25);
        --color-error: oklch(50.81% .097 4.98);
        --color-error-content: oklch(87.99% .021 358.74);
        --radius-selector: .1875rem;
        --radius-field: .375rem;
        --radius-box: .5625rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
        font-family: Archivo
    }

    :root:has(input.theme-controller[value=slack]:checked),
    [data-theme=slack] {
        color-scheme: normal;
        --color-base-100: oklch(97.31% 0 0);
        --color-base-200: oklch(93.7% 0 0);
        --color-base-300: oklch(38.87% .0052 301.28);
        --color-base-content: oklch(21% .006 56.043);
        --color-primary: oklch(30.65% .108 327.06);
        --color-primary-content: oklch(97% .014 254.604);
        --color-secondary: oklch(0% 0 0);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(55% .016 285.938);
        --color-accent-content: oklch(98% 0 0);
        --color-neutral: oklch(14% .004 49.25);
        --color-neutral-content: oklch(98% .001 106.423);
        --color-info: oklch(76.8% .131 223.2);
        --color-info-content: oklch(45% .085 224.283);
        --color-success: oklch(69.11% .142 160.24);
        --color-success-content: oklch(39% .095 152.535);
        --color-warning: oklch(79.66% .152 82.65);
        --color-warning-content: oklch(47% .137 46.201);
        --color-error: oklch(58.8% .222 11.49);
        --color-error-content: oklch(97% .014 343.198);
        --radius-selector: 2rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
        font-family: lato
    }

    :root:has(input.theme-controller[value=soft]:checked),
    [data-theme=soft] {
        color-scheme: normal;
        --color-base-100: oklch(98.8% .0069 304.24);
        --color-base-200: oklch(96.95% .0114 308.33);
        --color-base-300: oklch(40.47% .0142 308.07);
        --color-base-content: oklch(32.61% .0705 305.29);
        --color-primary: oklch(62.68% .2325 303.9);
        --color-primary-content: oklch(97.68% .0142 308.3);
        --color-secondary: oklch(55.79% .0221 301.91);
        --color-secondary-content: oklch(97.64% .0013 286.38);
        --color-accent: oklch(62.31% .188 259.81);
        --color-accent-content: oklch(97.05% .0142 254.6);
        --color-neutral: oklch(32.61% .0705 305.29);
        --color-neutral-content: oklch(99.54% .0028 308.43);
        --color-info: oklch(71.48% .1257 215.22);
        --color-info-content: oklch(98.41% .0189 200.87);
        --color-success: oklch(69.59% .1491 162.48);
        --color-success-content: oklch(97.93% .0207 166.11);
        --color-warning: oklch(70.49% .1867 47.6);
        --color-warning-content: oklch(97.96% .0158 73.68);
        --color-error: oklch(65.39% .2221 25.86);
        --color-error-content: oklch(98.76% .0085 67.73);
        --radius-selector: .5rem;
        --radius-field: .75rem;
        --radius-box: 1rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0;
        font-family: Montserrat
    }

    :root:has(input.theme-controller[value=valorant]:checked),
    [data-theme=valorant] {
        color-scheme: normal;
        --color-base-100: oklch(99.14% .0044 359.99);
        --color-base-200: oklch(96.72% .0163 12.78);
        --color-base-300: oklch(27.67% .0779 19.29);
        --color-base-content: oklch(21% .006 56.043);
        --color-primary: oklch(66.77% .2199 21.34);
        --color-primary-content: oklch(97% .013 17.38);
        --color-secondary: oklch(30.12% 0 0);
        --color-secondary-content: oklch(100% 0 0);
        --color-accent: oklch(55% .016 285.938);
        --color-accent-content: oklch(98% 0 0);
        --color-neutral: oklch(20.89% .0248 249.09);
        --color-neutral-content: oklch(98% .001 106.423);
        --color-info: oklch(58% .158 241.966);
        --color-info-content: oklch(98% .019 200.873);
        --color-success: oklch(76.82% .1855 152.24);
        --color-success-content: oklch(39% .095 152.535);
        --color-warning: oklch(80.16% .1705 73.27);
        --color-warning-content: oklch(47% .137 46.201);
        --color-error: oklch(67.08% .2165 25.19);
        --color-error-content: oklch(97% .014 343.198);
        --radius-selector: 0rem;
        --radius-field: 0rem;
        --radius-box: 0rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 1;
        font-family: work sans
    }
}

@layer components {
    .waves {
        --wave-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves {
            --wave-color: color-mix(in oklab, var(--color-neutral)20%, #0000)
        }
    }

    .waves .waves-ripple {
        background-color: var(--wave-color)
    }

    .waves.waves-primary .waves-ripple {
        --wave-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves.waves-primary .waves-ripple {
            --wave-color: color-mix(in oklab, var(--color-primary)20%, #0000)
        }
    }

    .waves.waves-secondary .waves-ripple {
        --wave-color: var(--color-secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves.waves-secondary .waves-ripple {
            --wave-color: color-mix(in oklab, var(--color-secondary)20%, #0000)
        }
    }

    .waves.waves-accent .waves-ripple {
        --wave-color: var(--color-accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves.waves-accent .waves-ripple {
            --wave-color: color-mix(in oklab, var(--color-accent)20%, #0000)
        }
    }

    .waves.waves-info .waves-ripple {
        --wave-color: var(--color-info)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves.waves-info .waves-ripple {
            --wave-color: color-mix(in oklab, var(--color-info)20%, #0000)
        }
    }

    .waves.waves-success .waves-ripple {
        --wave-color: var(--color-success)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves.waves-success .waves-ripple {
            --wave-color: color-mix(in oklab, var(--color-success)20%, #0000)
        }
    }

    .waves.waves-warning .waves-ripple {
        --wave-color: var(--color-warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves.waves-warning .waves-ripple {
            --wave-color: color-mix(in oklab, var(--color-warning)20%, #0000)
        }
    }

    .waves.waves-error .waves-ripple {
        --wave-color: var(--color-error)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .waves.waves-error .waves-ripple {
            --wave-color: color-mix(in oklab, var(--color-error)20%, #0000)
        }
    }

    code:not(.mockup-code code):not([data-lang]) {
        color: #e83e8c
    }
}

@layer utilities {
    .diff {
        grid-template-columns: auto 1fr;
        width: 100%;
        display: grid;
        position: relative;
        overflow: hidden;
        container-type: inline-size
    }

    .modal {
        pointer-events: none;
        z-index: 40;
        opacity: 0;
        width: 100%;
        height: 100%;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .5s;
        justify-items: center;
        margin: 0;
        padding: 1rem;
        transition-duration: .5s;
        display: grid;
        position: fixed;
        inset: 0
    }

    .carousel-prev {
        cursor: pointer;
        justify-content: center;
        align-items: center;
        height: max-content;
        margin-block: auto;
        display: inline-flex;
        position: absolute;
        inset-block: 0
    }

    .carousel-prev.disabled {
        pointer-events: none
    }

    .carousel-prev {
        border-start-start-radius: var(--radius-2xl);
        border-end-start-radius: var(--radius-2xl)
    }

    .carousel-next {
        cursor: pointer;
        justify-content: center;
        align-items: center;
        height: max-content;
        margin-block: auto;
        display: inline-flex;
        position: absolute;
        inset-block: 0
    }

    .carousel-next.disabled {
        pointer-events: none
    }

    .carousel-next {
        border-start-end-radius: var(--radius-2xl);
        border-end-end-radius: var(--radius-2xl)
    }

    .diff-item-1 {
        grid-row-start: 1;
        grid-column-start: 1;
        position: relative
    }

    .diff-item-1:after {
        pointer-events: none;
        z-index: 1;
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-base-100);
        background-color: var(--color-primary);
        inset-inline-end: 1px;
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        top: 50%;
        bottom: 0;
        rotate: 45deg
    }

    @supports (color:color-mix(in lab, red, red)) {
        .diff-item-1:after {
            background-color: color-mix(in oklab, var(--color-primary)40%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .diff-item-1:after {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .diff-item-1:after {
        outline-style: var(--tw-outline-style);
        outline-offset: calc(2px*-1);
        outline-width: 1px;
        outline-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .diff-item-1:after {
            outline-color: color-mix(in oklab, var(--color-base-content)5%, transparent)
        }
    }

    .diff-item-1:after {
        --tw-backdrop-blur: blur(8px);
        webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        --tw-content: "";
        content: var(--tw-content);
        translate: 50% -50%
    }

    .diff-item-1>* {
        pointer-events: none;
        object-fit: cover;
        object-position: center;
        inset-inline-start: 0;
        width: 100cqi;
        max-width: none;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0
    }

    [dir=rtl] .diff-item-1:after {
        left: 1px;
        right: auto;
        translate: -50% -50%
    }

    [dir=rtl] .diff-item-1>* {
        left: auto;
        right: 0
    }

    .diff-item-2 {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 2px;
        border-color: var(--color-base-100);
        grid-row-start: 1;
        grid-column-start: 1;
        position: relative;
        overflow: hidden
    }

    .diff-item-2>* {
        pointer-events: none;
        object-fit: cover;
        object-position: center;
        inset-inline-start: 0;
        width: 100cqi;
        max-width: none;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0
    }

    [dir=rtl] .diff-item-2>* {
        left: auto;
        right: 0
    }

    .menu {
        border-radius: var(--radius-box);
        background-color: var(--color-base-100);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --menu-active-fg: var(--color-primary);
        --menu-active-bg: var(--color-primary);
        flex-flow: column wrap;
        gap: .125rem;
        padding: .5rem;
        display: flex
    }

    @supports (color:color-mix(in lab, red, red)) {
        .menu {
            --menu-active-bg: color-mix(in oklab, var(--color-primary)10%, #0000)
        }
    }

    .menu :where(li ul) {
        white-space: nowrap;
        position: relative
    }

    .menu :where(li:not(.dropdown) ul) {
        margin-inline-start: 1rem;
        padding-inline-start: .5rem
    }

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

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

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

    .menu :where(li:not(.menu-title, .tooltip)>:not(ul, .collapse, .menu-title, .btn)) {
        border-radius: var(--radius-field);
        text-align: start;
        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;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: var(--ease-out);
        text-wrap: balance;
        padding-block: .625rem;
        padding-inline: 1rem;
        transition-duration: .2s
    }

    .menu :where(li:not(.menu-title)>:not(ul, .collapse, .menu-title, .btn)) {
        -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;
        display: grid
    }

    .menu li.tooltip>* {
        border-radius: var(--radius-field);
        text-align: start;
        padding-block: .625rem;
        padding-inline: 1rem
    }

    .menu :where(.menu li:not(.menu-title, .menu-disabled)) {
        color: var(--color-base-content)
    }

    .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):not(.btn).menu-focus,
    .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):not(.btn):focus-visible {
        cursor: pointer;
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):not(.btn).menu-focus,
        .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):not(.btn):focus-visible {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):not(.btn).menu-focus,
    .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):not(.btn):focus-visible {
        color: var(--color-base-content);
        --tw-outline-style: none;
        outline-style: none
    }

    .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):hover {
        cursor: pointer;
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):hover {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .menu :where(.menu li:not(.menu-title, .menu-disabled)>:not(ul, .collapse, .menu-title)):hover {
        color: var(--color-base-content);
        --tw-outline-style: none;
        outline-style: none
    }

    .menu li:not(.menu-title, .menu-disabled)>:not(ul, .menu-title, .collapse, .btn):active,
    .menu li:not(.menu-title, .menu-disabled)>:not(ul, .menu-title, .collapse, .btn).menu-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)
    }

    .menu li.menu-disabled {
        pointer-events: none;
        opacity: .5;
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none
    }

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

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

    .input-floating-label {
        pointer-events: none;
        width: fit-content;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        text-overflow: ellipsis;
        color: var(--color-base-content);
        background-color: #0000;
        margin-inline-start: .75rem;
        position: absolute;
        inset-inline-start: 0;
        overflow: hidden
    }

    @supports (color:color-mix(in lab, red, red)) {
        .input-floating-label {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .input-floating-label {
        top: calc(var(--size-field, .25rem)*9.5/2);
        transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out;
        translate: 0 -50%
    }

    .textarea-floating-label {
        pointer-events: none;
        width: fit-content;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        text-overflow: ellipsis;
        color: var(--color-base-content);
        background-color: #0000;
        margin-inline-start: 1rem;
        position: absolute;
        inset-inline-start: 1px;
        overflow: hidden
    }

    @supports (color:color-mix(in lab, red, red)) {
        .textarea-floating-label {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .textarea-floating-label {
        transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out;
        top: 9px
    }

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

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

    .link {
        cursor: pointer;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--link-color);
        text-decoration-line: underline;
        display: inline-block
    }

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

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

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

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

    .link.disabled,
    .link[disabled],
    .link:disabled {
        pointer-events: none;
        opacity: .5
    }

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

    .link:where(.link-animated):before {
        content: var(--tw-content);
        content: var(--tw-content);
        pointer-events: none;
        width: 100%;
        height: 1px;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--ease-in-out);
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        --tw-content: "";
        inset-inline-start: 0;
        transform-origin: 100%;
        background-color: currentColor;
        transition-duration: .3s;
        position: absolute;
        bottom: 0;
        transform: scaleX(0)
    }

    .link:where(.link-animated) {
        text-decoration-line: none;
        position: relative
    }

    .link:where(.link-animated):before {
        content: var(--tw-content);
        content: var(--tw-content);
        pointer-events: none;
        width: 100%;
        height: 1px;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--ease-in-out);
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        --tw-content: "";
        inset-inline-start: 0;
        transform-origin: 100%;
        background-color: currentColor;
        transition-duration: .3s;
        position: absolute;
        bottom: 0;
        transform: scaleX(0)
    }

    .link:where(.link-animated):hover:before {
        transform-origin: 0%;
        transform: scale(1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .textarea:has(>.textarea-floating) textarea:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .textarea-floating {
        width: 100%;
        display: block;
        position: relative
    }

    .textarea-floating .textarea::placeholder {
        color: #0000
    }

    .textarea-floating .textarea:focus::placeholder {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .textarea-floating .textarea:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .textarea-floating .textarea {
        field-sizing: content
    }

    .textarea-floating .textarea:has(>textarea[disabled]),
    .textarea-floating .textarea:is(:disabled, [disabled]) {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

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

    .textarea-floating .textarea:has(>textarea[disabled]),
    .textarea-floating .textarea:is(:disabled, [disabled]) {
        opacity: .5;
        background-color: #0000
    }

    :is(.textarea-floating .textarea:has(>textarea[disabled]), .textarea-floating .textarea:is(:disabled, [disabled]))::placeholder {
        color: #0000
    }

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

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

    :is(.textarea-floating:focus-within, .textarea-floating:not(:has(textarea:placeholder-shown)), .textarea-floating:has(.textarea:focus)) .textarea-floating-label {
        pointer-events: auto;
        background-color: var(--color-base-100);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content);
        padding-inline: .25rem;
        top: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.textarea-floating:focus-within, .textarea-floating:not(:has(textarea:placeholder-shown)), .textarea-floating:has(.textarea:focus)) .textarea-floating-label {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    :is(.textarea-floating:focus-within, .textarea-floating:not(:has(textarea:placeholder-shown)), .textarea-floating:has(.textarea:focus)) .textarea-floating-label {
        translate: -12.5% calc(-50% - .125em);
        scale: .75
    }

    :is(.textarea-floating:focus-within, .textarea-floating:has(.textarea:focus)) .textarea-floating-label {
        --input-color: var(--color-primary);
        color: var(--input-color)
    }

    .textarea-floating:has(.textarea-xs) .textarea-floating-label {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

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

    .textarea-floating:has(.textarea-md) .textarea-floating-label {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

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

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

    @supports (color:color-mix(in lab, red, red)) {
        .input:has(>.input-floating) input:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .input-floating {
        width: 100%;
        display: block;
        position: relative
    }

    .input-floating .input::placeholder {
        color: #0000
    }

    .input-floating .input:focus::placeholder {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .input-floating .input:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .input-floating .input:has(>input[disabled]),
    .input-floating .input:is(:disabled, [disabled]) {
        border-style: var(--tw-border-style);
        opacity: .5;
        background-color: #0000;
        border-width: 1px
    }

    :is(.input-floating .input:has(>input[disabled]), .input-floating .input:is(:disabled, [disabled]))~.input-floating-label {
        color: var(--color-base-content)
    }

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

    :is(.input-floating:focus-within, .input-floating:not(:has(input:placeholder-shown)), .input-floating:has(.input:focus)) .input-floating-label {
        pointer-events: auto;
        background-color: var(--color-base-100);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content);
        padding-inline: .25rem;
        top: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.input-floating:focus-within, .input-floating:not(:has(input:placeholder-shown)), .input-floating:has(.input:focus)) .input-floating-label {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    :is(.input-floating:focus-within, .input-floating:not(:has(input:placeholder-shown)), .input-floating:has(.input:focus)) .input-floating-label {
        translate: -12.5% calc(-50% - .125em);
        scale: .75
    }

    :is(.input-floating:focus-within, .input-floating:has(.input:focus)) .input-floating-label {
        --input-color: var(--color-primary);
        color: var(--input-color)
    }

    .input-floating:has(.input-xs) .input-floating-label {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        top: calc(var(--size-field, .25rem)*6/2);
        margin-inline-start: .625rem
    }

    .input-floating:has(.input-sm) .input-floating-label {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        top: calc(var(--size-field, .25rem)*7.5/2);
        margin-inline-start: .625rem
    }

    .input-floating:has(.input-md) .input-floating-label {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        top: calc(var(--size-field, .25rem)*9.5/2);
        margin-inline-start: .75rem
    }

    .input-floating:has(.input-lg) .input-floating-label {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        top: calc(var(--size-field, .25rem)*11.5/2);
        margin-inline-start: 1rem
    }

    .input-floating:has(.input-xl) .input-floating-label {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        top: calc(var(--size-field, .25rem)*14/2);
        margin-inline-start: 1.125rem
    }

    .range {
        appearance: none;
        webkit-appearance: none;
        --range-color: var(--color-base-content);
        --range-thumb-border-width: 3px;
        --range-track-height: 8px;
        --range-thumb-size: 16px;
        width: 100%;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        height: var(--range-track-height);
        background-color: #0000;
        border-radius: 3.40282e38px;
        position: relative
    }

    .range::-webkit-slider-runnable-track {
        background-color: var(--color-neutral);
        border-radius: 3.40282e38px;
        width: 100%
    }

    @supports (color:color-mix(in lab, red, red)) {
        .range::-webkit-slider-runnable-track {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .range::-webkit-slider-runnable-track {
        height: var(--range-track-height)
    }

    .range::-moz-range-track {
        background-color: var(--color-neutral);
        border-radius: 3.40282e38px;
        width: 100%
    }

    @supports (color:color-mix(in lab, red, red)) {
        .range::-moz-range-track {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .range::-moz-range-track {
        height: var(--range-track-height)
    }

    .range::-webkit-slider-thumb {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        background-color: var(--color-base-100);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: var(--color-base-300);
        border-radius: 3.40282e38px;
        position: relative;
        top: 50%
    }

    @supports (color:color-mix(in lab, red, red)) {
        .range::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .range::-webkit-slider-thumb {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .15s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .15s
    }

    @media (hover:hover) {
        .range::-webkit-slider-thumb:hover {
            --tw-scale-x: 125%;
            --tw-scale-y: 125%;
            --tw-scale-z: 125%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .range::-webkit-slider-thumb:hover {
        cursor: grab;
        box-shadow: 0 0 0 2px var(--range-color)
    }

    .range::-webkit-slider-thumb:active {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x)var(--tw-scale-y);
        cursor: grabbing;
        box-shadow: 0 0 0 3px var(--range-color)
    }

    .range::-webkit-slider-thumb {
        appearance: none;
        box-sizing: border-box;
        webkit-appearance: none;
        color: var(--range-color);
        border-color: var(--range-color);
        border-style: solid;
        border-width: var(--range-thumb-border-width);
        height: var(--range-thumb-size);
        width: var(--range-thumb-size)
    }

    .range::-moz-range-thumb {
        background-color: var(--color-base-100);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .15s;
        --tw-ease: var(--ease-in-out);
        color: var(--range-color);
        box-sizing: border-box;
        border-color: var(--range-color);
        border-style: solid;
        border-width: var(--range-thumb-border-width);
        height: var(--range-thumb-size);
        width: var(--range-thumb-size);
        border-radius: 3.40282e38px;
        transition-duration: .15s;
        position: relative;
        top: 50%
    }

    .range::-moz-range-thumb:hover {
        cursor: grab;
        box-shadow: 0 0 0 2px var(--range-color)
    }

    .range::-moz-range-thumb:active {
        cursor: grabbing;
        box-shadow: 0 0 0 3px var(--range-color)
    }

    .range:focus {
        outline: none
    }

    .range.disabled,
    .range:disabled,
    .range[disabled] {
        pointer-events: none;
        opacity: .5
    }

    [dir=rtl] .range::-webkit-slider-thumb {
        transform: scaleX(-1)
    }

    [dir=rtl] .range::-moz-range-thumb {
        transform: scaleX(-1)
    }

    [dir=rtl] .range::-webkit-slider-runnable-track {
        direction: rtl
    }

    [dir=rtl] .range::-moz-range-track {
        direction: rtl
    }

    .tab {
        cursor: pointer;
        appearance: none;
        text-align: center;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-base-content);
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        height: var(--size);
        --size: calc(var(--size-field, .25rem)*9.5);
        --tab-p: 1rem;
        --tab-bg: var(--color-base-100);
        --tab-border-color: var(--color-base-content);
        justify-content: center;
        align-items: center;
        display: inline-flex;
        position: relative
    }

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

    .tab {
        padding-inline: var(--tab-p, 1rem)
    }

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

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

    @media (hover:hover) {
        .tab[disabled]:hover {
            pointer-events: none;
            opacity: .4
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tabs-bordered>.tab {
            border-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    @media (hover:hover) {
        @media (hover:hover) {
            .tabs-bordered>.tab:hover {
                border-color: var(--color-primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .tabs-bordered>.tab:hover {
                    border-color: color-mix(in oklab, var(--color-primary)30%, transparent)
                }
            }

            .tabs-bordered>.tab:hover {
                color: var(--color-primary)
            }
        }
    }

    @media (hover:hover) {
        @media (hover:hover) {
            .tabs-lifted>.tab:hover {
                border-color: var(--color-primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .tabs-lifted>.tab:hover {
                    border-color: color-mix(in oklab, var(--color-primary)30%, transparent)
                }
            }

            .tabs-lifted>.tab:hover {
                color: var(--color-primary)
            }
        }
    }

    .tabs-lifted>.tab\!:focus-visible {
        border-end-end-radius: 0 !important;
        border-end-start-radius: 0 !important
    }

    .tab\! {
        cursor: pointer !important;
        appearance: none !important;
        text-align: center !important;
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important;
        color: var(--color-base-content) !important;
        webkit-user-select: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        height: var(--size) !important;
        --size: calc(var(--size-field, .25rem)*9.5) !important;
        --tab-p: 1rem !important;
        --tab-bg: var(--color-base-100) !important;
        --tab-border-color: var(--color-base-content) !important;
        justify-content: center !important;
        align-items: center !important;
        display: inline-flex !important;
        position: relative !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tab\! {
            --tab-border-color: color-mix(in oklab, var(--color-base-content), #0000 90%) !important
        }
    }

    .tab\! {
        padding-inline: var(--tab-p, 1rem) !important
    }

    .tab\!:focus,
    .tab\!:focus-visible {
        --tw-outline-style: none !important;
        outline-style: none !important
    }

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

    @media (hover:hover) {
        .tab\![disabled]:hover {
            pointer-events: none !important;
            opacity: .4 !important
        }
    }

    .tabs-bordered>.tab\! {
        border-color: var(--color-base-content) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tabs-bordered>.tab\! {
            border-color: color-mix(in oklab, var(--color-base-content)10%, transparent) !important
        }
    }

    @media (hover:hover) {
        @media (hover:hover) {
            .tabs-bordered>.tab\!:hover {
                border-color: var(--color-primary) !important
            }

            @supports (color:color-mix(in lab, red, red)) {
                .tabs-bordered>.tab\!:hover {
                    border-color: color-mix(in oklab, var(--color-primary)30%, transparent) !important
                }
            }

            .tabs-bordered>.tab\!:hover {
                color: var(--color-primary) !important
            }
        }
    }

    .tabs-bordered>.tab\! {
        border-style: solid !important;
        border-bottom-width: calc(var(--border, 1px) + 1px) !important
    }

    @media (hover:hover) {
        @media (hover:hover) {
            .tabs-lifted>.tab\!:hover {
                border-color: var(--color-primary) !important
            }

            @supports (color:color-mix(in lab, red, red)) {
                .tabs-lifted>.tab\!:hover {
                    border-color: color-mix(in oklab, var(--color-primary)30%, transparent) !important
                }
            }

            .tabs-lifted>.tab\!:hover {
                color: var(--color-primary) !important
            }
        }
    }

    .tabs-lifted>.tab\! {
        border: var(--tab-border, 1px)solid transparent !important;
        border-width: 0 0 var(--tab-border, 1px)0 !important;
        border-radius: var(--radius-field, .375rem) !important;
        border-bottom-color: var(--tab-border-color) !important;
        padding-inline-start: var(--tab-p, 1rem) !important;
        padding-inline-end: var(--tab-p, 1rem) !important;
        padding-top: var(--tab-border, 1px) !important
    }

    .tabs-lifted>.tab\!.tab-active:not([disabled]) {
        background-color: var(--tab-bg) !important;
        border-width: var(--tab-border, 1px)var(--tab-border, 1px)0 var(--tab-border, 1px) !important;
        border-color: var(--tab-border-color) !important;
        padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)) !important;
        padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)) !important;
        padding-bottom: var(--tab-border, 1px) !important;
        border-end-end-radius: 0 !important;
        border-end-start-radius: 0 !important;
        padding-top: 0 !important
    }

    .tabs-lifted>.tab\!.tab-active:not([disabled]):before {
        content: "" !important;
        z-index: 1 !important;
        width: calc(100% + var(--radius-field, .375rem)*2) !important;
        height: var(--radius-field, .375rem) !important;
        background-size: var(--radius-field, .375rem) !important;
        --tab-grad: calc(69% - var(--tab-border, 1px)) !important;
        --radius-start: radial-gradient(circle at top left, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px)) !important;
        --radius-end: radial-gradient(circle at top right, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px)) !important;
        background-position: 0 0, 100% 0 !important;
        background-repeat: no-repeat !important;
        background-image: var(--radius-start), var(--radius-end) !important;
        display: block !important;
        position: absolute !important;
        bottom: 0 !important
    }

    .tabs-lifted>.tab\!.tab-active:not([disabled]):first-child:before {
        background-image: var(--radius-end) !important;
        background-position: 100% 0 !important
    }

    .tabs-lifted>.tab\!.tab-active:not([disabled]):last-child:before,
    [dir=rtl] .tabs-lifted>.tab\!.tab-active:not([disabled]):first-child:before {
        background-image: var(--radius-start) !important;
        background-position: 0 0 !important
    }

    [dir=rtl] .tabs-lifted>.tab\!.tab-active:not([disabled]):last-child:before {
        background-image: var(--radius-end) !important;
        background-position: 100% 0 !important
    }

    .tabs-xl :where(.tab\!) {
        font-size: var(--text-xl) !important;
        line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
        --size: calc(var(--size-field, .25rem)*14) !important;
        --tab-p: 1.5rem !important
    }

    .tabs-lg :where(.tab\!) {
        font-size: var(--text-lg) !important;
        line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
        --size: calc(var(--size-field, .25rem)*11.5) !important;
        --tab-p: 1.25rem !important
    }

    .tabs-md :where(.tab\!) {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important;
        --size: calc(var(--size-field, .25rem)*9.5) !important;
        --tab-p: 1rem !important
    }

    .tabs-sm :where(.tab\!) {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        --size: calc(var(--size-field, .25rem)*7.5) !important;
        --tab-p: .75rem !important
    }

    .tabs-xs :where(.tab\!) {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        --size: calc(var(--size-field, .25rem)*6) !important;
        --tab-p: .5rem !important
    }

    .btn {
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        flex-wrap: nowrap;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        text-decoration-line: none;
        display: inline-flex
    }

    @media (prefers-reduced-motion:reduce) {
        .btn {
            transition-property: none
        }
    }

    .btn {
        padding-inline: var(--btn-p);
        color: var(--btn-fg);
        height: var(--size);
        outline-color: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn {
            outline-color: color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, var(--color-base-100))
        }
    }

    .btn {
        background-color: var(--btn-bg);
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--btn-noise);
        border: var(--border)solid var(--btn-border);
        box-shadow: 0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*8%))inset, var(--btn-shadow);
        --size: calc(var(--size-field, .25rem)*9.5);
        --btn-bg: var(--btn-color, var(--color-neutral));
        --btn-fg: var(--color-neutral-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));
        transition-property: color, background-color, border-color, box-shadow;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0, 0, .96, 1.03)
    }

    @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: 0px 1px 3px 0px var(--color-base-300), 0px 1px 2px -1px var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn {
            --btn-shadow: 0px 1px 3px 0px color-mix(in oklab, var(--color-base-300)40%, #0000), 0px 1px 2px -1px color-mix(in oklab, var(--color-base-300)40%, #0000)
        }
    }

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

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

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

    .btn:active:hover:not(.btn-active),
    .btn:active:focus:not(.btn-active) {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: ease-out;
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .btn:focus-visible {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn:focus-visible {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral)), #000 10%)
        }
    }

    .btn:focus-visible {
        outline-width: 2px;
        outline-style: solid
    }

    .btn:is(:disabled, [disabled], .btn-disabled) {
        pointer-events: none;
        opacity: .5;
        --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)
    }

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

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

    .btn:is(input[type=checkbox], input[type=radio]):checked {
        background: var(--color-primary);
        color: var(--color-primary-content);
        outline-color: var(--color-primary);
        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
        isolation: isolate
    }

    .pin-input {
        border-radius: var(--radius-field);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .pin-input {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .pin-input {
        background-color: var(--color-base-100);
        text-align: center;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .pin-input::placeholder {
            color: color-mix(in oklab, var(--color-base-content)80%, transparent)
        }
    }

    .pin-input {
        height: var(--size);
        width: var(--size);
        --size: calc(var(--size-field, .25rem)*9.5);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .pin-input:hover:not(:focus, :focus-within) {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .pin-input:hover:not(:focus, :focus-within) {
            border-color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

    .pin-input:focus,
    .pin-input:focus-within {
        border-color: var(--color-primary);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .pin-input:focus,
        .pin-input:focus-within {
            --tw-shadow-color: color-mix(in oklab, var(--color-primary)30%, #0000)
        }
    }

    .pin-input:focus,
    .pin-input:focus-within {
        outline: 1px solid var(--color-primary);
        isolation: isolate
    }

    .pin-input.pin-input-underline {
        border-style: var(--tw-border-style);
        border-width: 0;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-base-content);
        border-radius: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .pin-input.pin-input-underline {
            border-color: color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }

    .pin-input.pin-input-underline {
        background-color: #0000
    }

    .pin-input.pin-input-underline:focus,
    .pin-input.pin-input-underline:focus-within {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
        border-color: var(--color-primary);
        --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);
        --tw-outline-style: none;
        outline-style: none
    }

    .pin-input.disabled,
    .pin-input:disabled,
    .pin-input[disabled] {
        pointer-events: none;
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .pin-input.disabled,
        .pin-input:disabled,
        .pin-input[disabled] {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .pin-input.disabled,
    .pin-input:disabled,
    .pin-input[disabled] {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .pin-input.disabled,
        .pin-input:disabled,
        .pin-input[disabled] {
            background-color: color-mix(in oklab, var(--color-base-content)5%, transparent)
        }
    }

    .pin-input.disabled,
    .pin-input:disabled,
    .pin-input[disabled] {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .pin-input.disabled,
        .pin-input:disabled,
        .pin-input[disabled] {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

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

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

    .dropdown-item {
        clear: both;
        border-radius: var(--radius-field);
        width: 100%;
        color: var(--color-base-content);
        text-align: inherit;
        background-color: #0000;
        align-items: center;
        column-gap: .5rem;
        padding-block: .625rem;
        padding-inline: 1rem;
        text-decoration-line: none;
        text-decoration-thickness: 0;
        display: flex
    }

    .dropdown-item:hover,
    .dropdown-item:focus,
    .dropdown-item:focus-within,
    .dropdown-item:focus-visible {
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .dropdown-item:hover,
        .dropdown-item:focus,
        .dropdown-item:focus-within,
        .dropdown-item:focus-visible {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .dropdown-item:hover,
    .dropdown-item:focus,
    .dropdown-item:focus-within,
    .dropdown-item:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .dropdown-item.dropdown-disabled,
    .dropdown-item:disabled,
    .dropdown-item[disabled] {
        pointer-events: none;
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .dropdown-item.dropdown-disabled,
        .dropdown-item:disabled,
        .dropdown-item[disabled] {
            background-color: color-mix(in oklab, var(--color-neutral)5%, transparent)
        }
    }

    .dropdown-item.dropdown-disabled,
    .dropdown-item:disabled,
    .dropdown-item[disabled] {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .dropdown-item.dropdown-disabled,
        .dropdown-item:disabled,
        .dropdown-item[disabled] {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .dropdown-item:active {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dropdown-item:active {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .dropdown-item:active {
        color: var(--color-primary)
    }

    .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='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .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='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%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
    }

    .modal-content {
        pointer-events: auto;
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        border-radius: var(--radius-lg);
        background-color: var(--color-base-100);
        --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);
        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;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-out);
        overscroll-behavior: contain;
        flex-direction: column;
        max-height: calc(100vh - 2rem);
        transition-duration: .3s;
        display: flex
    }

    .accordion-toggle {
        cursor: pointer;
        width: 100%;
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content);
        padding-block: 1rem;
        padding-inline: 1.25rem
    }

    .accordion-toggle:disabled,
    .range.disabled {
        pointer-events: none;
        opacity: .5
    }

    .carousel-prev.disabled,
    .carousel-next.disabled {
        pointer-events: none
    }

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

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

    .tooltip-content {
        visibility: hidden;
        opacity: 0;
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        z-index: 20;
        width: max-content;
        padding: .5rem;
        display: inline-block;
        position: absolute
    }

    .collapse {
        visibility: collapse
    }

    .collapse:not(td):not(tr):not(colgroup),
    .visible {
        visibility: visible
    }

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

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

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

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

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

    [dir=rtl] :is(.indicator :where(.indicator-item)) {
        --inidicator-x: -50%
    }

    .mockup-browser {
        border-radius: var(--radius-box);
        width: 100%;
        position: relative;
        overflow: auto hidden
    }

    .mockup-browser pre[data-prefix]:before {
        content: attr(data-prefix);
        text-align: right;
        display: inline-block
    }

    .mockup-browser .mockup-browser-toolbar {
        direction: ltr;
        align-items: center;
        width: 100%;
        margin-block: .75rem;
        padding-inline-end: 1.4em;
        display: inline-flex
    }

    .mockup-browser .mockup-browser-toolbar:before {
        content: "";
        aspect-ratio: 1;
        opacity: .3;
        border-radius: 3.40282e38px;
        height: .75rem;
        margin-inline-end: 4.8rem;
        display: inline-block;
        box-shadow: 1.4em 0, 2.8em 0, 4.2em 0
    }

    .mockup-browser .mockup-browser-toolbar .input {
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-inline-start: 2rem;
        width: 24rem;
        height: 1.75rem;
        margin-inline: auto;
        padding-top: .125rem;
        display: block;
        position: relative;
        overflow: hidden
    }

    .mockup-browser .mockup-browser-toolbar .input:before {
        content: "";
        aspect-ratio: 1;
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        height: .75rem;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        border-style: var(--tw-border-style);
        opacity: .6;
        inset-inline-start: .5rem;
        border-width: 2px;
        border-color: currentColor;
        border-radius: 3.40282e38px;
        position: absolute;
        top: 50%
    }

    .mockup-browser .mockup-browser-toolbar .input:after {
        content: "";
        --tw-translate-y: calc(1/4*100%);
        height: .5rem;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        border-style: var(--tw-border-style);
        opacity: .6;
        inset-inline-start: 1.25rem;
        border-width: 1px;
        border-color: currentColor;
        border-radius: 3.40282e38px;
        position: absolute;
        top: 50%;
        rotate: -45deg
    }

    .tree-view-space {
        margin-inline-start: 1rem;
        padding-inline-start: 1rem;
        position: relative
    }

    .tree-view-space:before {
        content: var(--tw-content);
        background-color: var(--color-base-content);
        inset-inline-start: 0;
        width: .125rem;
        height: 100%;
        margin-inline-start: -.125rem;
        position: absolute;
        top: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tree-view-space:before {
            background-color: color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }

    .select-floating-label {
        background-color: var(--color-base-100);
        width: fit-content;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        text-overflow: ellipsis;
        color: var(--color-base-content);
        inset-inline-start: 0;
        margin-inline-start: .75rem;
        padding-inline: .25rem;
        position: absolute;
        top: 0;
        overflow: hidden
    }

    @supports (color:color-mix(in lab, red, red)) {
        .select-floating-label {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .select-floating-label {
        translate: -12.5% calc(-50% - .125em);
        scale: .75
    }

    .chat {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
        padding-block: .25rem;
        display: grid
    }

    .chat .chat-avatar {
        grid-row: span 2/span 2;
        align-self: flex-end
    }

    .chat .chat-header {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        grid-row-start: 1;
        margin-bottom: .25rem
    }

    .chat .chat-footer {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        grid-row-start: 3;
        margin-top: .25rem
    }

    .chat .chat-bubble {
        border-radius: var(--radius-box);
        width: fit-content;
        min-width: 2.75rem;
        max-width: 90%;
        min-height: 2.75rem;
        padding: .75rem;
        display: block;
        position: relative
    }

    .chat .chat-bubble:before {
        background-color: inherit;
        content: "";
        width: 1rem;
        height: 1rem;
        position: absolute;
        bottom: 0;
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .chat.chat-receiver {
        grid-template-columns: auto 1fr;
        place-items: start
    }

    .chat.chat-receiver .chat-header,
    .chat.chat-receiver .chat-footer {
        grid-column-start: 2
    }

    .chat.chat-receiver .chat-avatar {
        grid-column-start: 1
    }

    .chat.chat-receiver .chat-bubble {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        border-end-start-radius: 0;
        grid-column-start: 2
    }

    .chat.chat-receiver .chat-bubble:before {
        inset-inline-start: -.749rem;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")
    }

    [dir=rtl] :is(.chat.chat-receiver .chat-bubble):before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")
    }

    .chat.chat-sender {
        grid-template-columns: 1fr auto;
        place-items: end
    }

    .chat.chat-sender .chat-header,
    .chat.chat-sender .chat-footer {
        grid-column-start: 1
    }

    .chat.chat-sender .chat-avatar {
        grid-column-start: 2
    }

    .chat.chat-sender .chat-bubble {
        background-color: var(--color-primary);
        text-align: end;
        color: var(--color-primary-content);
        border-end-end-radius: 0;
        grid-column-start: 1
    }

    .chat.chat-sender .chat-bubble:before {
        inset-inline-start: 99.9%;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")
    }

    [dir=rtl] :is(.chat.chat-sender .chat-bubble):before {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")
    }

    .switch {
        border: var(--border)solid #0000;
        color: var(--color-base-100);
        cursor: pointer;
        appearance: none;
        vertical-align: middle;
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        border-radius: 3.40282e38px;
        flex-shrink: 0;
        place-content: center;
        display: inline-grid;
        position: relative
    }

    @media print {
        .switch {
            outline: .25rem solid
        }
    }

    .switch {
        padding: var(--toggle-p);
        grid-template-columns: 0fr 1fr 1fr;
        box-shadow: inset 0 1px
    }

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

    .switch {
        background-color: var(--input-color);
        --input-color: var(--color-neutral);
        transition: color .3s, grid-template-columns .2s
    }

    @supports (color:color-mix(in lab, red, red)) {
        .switch {
            --input-color: color-mix(in oklab, var(--color-neutral)22%, #0000)
        }
    }

    .switch {
        --toggle-p: .1875rem;
        --size: calc(var(--size-selector, .25rem)*6);
        width: calc((var(--size)*2) - (var(--border) + var(--toggle-p))*2);
        height: var(--size)
    }

    .switch:before {
        aspect-ratio: 1;
        background-color: currentColor;
        border-radius: 3.40282e38px;
        grid-row-start: 1;
        grid-column-start: 2;
        height: 100%;
        position: relative;
        inset-inline-start: 0
    }

    @media print {
        .switch:before {
            outline-offset: -1rem;
            outline: .25rem solid
        }
    }

    .switch:before {
        --tw-content: "";
        content: var(--tw-content);
        box-shadow: 0 -1px oklch(59.99% 0 0/calc(var(--depth)*.08))inset, 0 8px 0 -4px oklch(59.99% 0 0/calc(var(--depth)*.08))inset, 0 1px 2px 0 oklch(0% 0 0/.2);
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--fx-noise);
        transition: background-color .1s, translate .2s, inset-inline-start .2s;
        translate: 0
    }

    @media (forced-colors:active) {
        .switch:before {
            outline-style: var(--tw-outline-style);
            outline-offset: calc(1px*-1);
            outline-width: 1px
        }
    }

    .switch:focus-visible,
    .switch:has(:focus-visible) {
        outline: 2px solid var(--input-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .switch:focus-visible,
        .switch:has(:focus-visible) {
            outline: 2px solid color-mix(in oklab, var(--input-color, var(--color-neutral))30%, #0000)
        }
    }

    .switch:focus-visible,
    .switch:has(:focus-visible) {
        outline-offset: 0px
    }

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

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

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

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

    .switch:disabled {
        cursor: not-allowed;
        opacity: .5
    }

    .switch:disabled:before {
        background-color: #0000
    }

    .table {
        border-radius: var(--radius-box);
        text-align: left;
        width: 100%;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        position: relative;
        overflow: hidden auto
    }

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

        @supports (color:color-mix(in lab, red, red)) {
            :is(.table tr.row-hover, .table tr.row-hover:nth-child(2n)):hover {
                background-color: color-mix(in oklab, var(--color-base-200)80%, transparent)
            }
        }
    }

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

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

    .table :where(thead, tfoot) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        white-space: nowrap;
        color: var(--color-base-content);
        text-transform: uppercase;
        letter-spacing: 1px
    }

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

    .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) {
        border-bottom: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .table :where(thead tr) {
            border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)25%, #0000)
        }
    }

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

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

    .table :where(tfoot) {
        border-top: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .table :where(tfoot) {
            border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)25%, #0000)
        }
    }

    .avatar {
        vertical-align: middle;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        display: inline-flex;
        position: relative
    }

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

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

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

    .avatar.avatar-online-top:before {
        content: "";
        z-index: 10;
        background-color: var(--color-success);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        top: 3%;
        right: 3%
    }

    .avatar.avatar-offline-top:before {
        content: "";
        z-index: 10;
        background-color: var(--color-base-200);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        top: 3%;
        right: 3%
    }

    .avatar.avatar-busy-top:before {
        content: "";
        z-index: 10;
        background-color: var(--color-error);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        top: 3%;
        right: 3%
    }

    .avatar.avatar-away-top:before {
        content: "";
        z-index: 10;
        background-color: var(--color-warning);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        top: 3%;
        right: 3%
    }

    .avatar.avatar-online-bottom:before {
        content: "";
        z-index: 10;
        background-color: var(--color-success);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        bottom: 3%;
        right: 3%
    }

    .avatar.avatar-offline-bottom:before {
        content: "";
        z-index: 10;
        background-color: var(--color-base-200);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        bottom: 3%;
        right: 3%
    }

    .avatar.avatar-busy-bottom:before {
        content: "";
        z-index: 10;
        background-color: var(--color-error);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        bottom: 3%;
        right: 3%
    }

    .avatar.avatar-away-bottom:before {
        content: "";
        z-index: 10;
        background-color: var(--color-warning);
        outline-style: var(--tw-outline-style);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--color-base-100);
        border-radius: 3.40282e38px;
        width: 20%;
        height: 20%;
        display: block;
        position: absolute;
        bottom: 3%;
        right: 3%
    }

    .mockup-phone {
        background-color: #000;
        border: 4px solid #4e4d4d;
        border-radius: 50px;
        margin: 0 auto;
        padding: 6px;
        display: inline-block;
        overflow: hidden
    }

    .mockup-phone .mockup-phone-camera {
        background: #000;
        border-radius: 3.40282e38px;
        width: 33%;
        height: 25px;
        margin: 0 auto;
        position: relative;
        top: 1%;
        left: 0
    }

    .mockup-phone .mockup-phone-camera:after {
        content: "";
        background-color: #2a292d;
        border-radius: 5px;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 25%;
        right: 8%
    }

    .mockup-phone .mockup-phone-display {
        border-radius: 40px;
        margin-top: -25px;
        overflow: hidden
    }

    .diff-resizer {
        z-index: 1;
        --tw-translate-x: .335rem;
        width: 25rem;
        min-width: 1rem;
        max-width: calc(100cqi - 1rem);
        height: .375rem;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        --tw-translate-y: calc(.18rem*-1);
        --tw-scale-y: 400%;
        scale: var(--tw-scale-x)var(--tw-scale-y);
        resize: horizontal;
        opacity: 0;
        clip-path: inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));
        grid-row-start: 1;
        grid-column-start: 1;
        position: relative;
        top: 50%;
        overflow: hidden
    }

    [dir=rtl] .diff-resizer {
        transform-origin: 0 100%;
        clip-path: inset(calc(100% - .75rem) calc(100% - .75rem) 0 0);
        translate: -.29rem .37rem
    }

    .tabs-lifted>.tab:focus-visible {
        border-end-end-radius: 0;
        border-end-start-radius: 0
    }

    @media (hover:hover) {
        @media (hover:hover) {
            .tabs-lifted>.tab:hover {
                border-color: var(--color-primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .tabs-lifted>.tab:hover {
                    border-color: color-mix(in oklab, var(--color-primary)30%, transparent)
                }
            }

            .tabs-lifted>.tab:hover {
                color: var(--color-primary)
            }
        }
    }

    .tabs-lifted>.tab {
        border: var(--tab-border, 1px)solid transparent;
        border-width: 0 0 var(--tab-border, 1px)0;
        border-radius: var(--radius-field, .375rem);
        border-bottom-color: var(--tab-border-color);
        padding-inline-start: var(--tab-p, 1rem);
        padding-inline-end: var(--tab-p, 1rem);
        padding-top: var(--tab-border, 1px)
    }

    [dir=rtl] .tabs-lifted>.tab.tab-active:not([disabled]):last-child:before,
    .tabs-lifted>.tab-active:not([disabled])+.tabs-lifted .tab-active:not([disabled]):before,
    .tabs-lifted>.tab-active:not([disabled])+.tabs-lifted .tab-active:not([disabled]):before {
        background-image: var(--radius-end);
        background-position: 100% 0
    }

    .tabs-lifted:has(.tab-content[class^=rounded-]) .tab:first-child:not(.tab-active),
    .tabs-lifted:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(.tab-active) {
        border-bottom-color: #0000
    }

    .tab-active:not([disabled]) {
        border-color: var(--color-primary);
        color: var(--color-primary)
    }

    .tabs-lifted>.tab.tab-active:not([disabled]) {
        background-color: var(--tab-bg);
        border-width: var(--tab-border, 1px)var(--tab-border, 1px)0 var(--tab-border, 1px);
        border-color: var(--tab-border-color);
        padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
        padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
        padding-bottom: var(--tab-border, 1px);
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        padding-top: 0
    }

    .tabs-lifted>.tab.tab-active:not([disabled]):before {
        content: "";
        z-index: 1;
        width: calc(100% + var(--radius-field, .375rem)*2);
        height: var(--radius-field, .375rem);
        background-size: var(--radius-field, .375rem);
        --tab-grad: calc(69% - var(--tab-border, 1px));
        --radius-start: radial-gradient(circle at top left, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px));
        --radius-end: radial-gradient(circle at top right, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px));
        background-position: 0 0, 100% 0;
        background-repeat: no-repeat;
        background-image: var(--radius-start), var(--radius-end);
        display: block;
        position: absolute;
        bottom: 0
    }

    .tabs-lifted>.tab.tab-active:not([disabled]):first-child:before {
        background-image: var(--radius-end);
        background-position: 100% 0
    }

    .tabs-lifted>.tab.tab-active:not([disabled]):last-child:before,
    [dir=rtl] .tabs-lifted>.tab.tab-active:not([disabled]):first-child:before {
        background-image: var(--radius-start);
        background-position: 0 0
    }

    [dir=rtl] .tabs-lifted>.tab.tab-active:not([disabled]):last-child:before,
    .tabs-lifted>.tab-active:not([disabled])+.tabs-lifted .tab-active:not([disabled]):before,
    .tabs-lifted>.tab-active:not([disabled])+.tabs-lifted .tab-active:not([disabled]):before {
        background-image: var(--radius-end);
        background-position: 100% 0
    }

    .select {
        cursor: pointer;
        appearance: none;
        background-color: var(--color-base-100);
        vertical-align: middle;
        width: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-base-content);
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        height: var(--size);
        text-overflow: ellipsis;
        border: var(--border)solid #0000;
        border-color: var(--input-color);
        --input-color: var(--color-base-content);
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'><path fill='none' stroke='%239293AE' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/></svg>");
        background-position: calc(100% - .5rem);
        background-repeat: no-repeat;
        background-size: 1.3em;
        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;
        padding-inline: .75rem 2.5rem;
        display: inline-flex;
        position: relative
    }

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

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

    .select:hover:not(:focus, :focus-within),
    .select:has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .select:hover:not(:focus, :focus-within),
        .select:has(:hover):not(:focus, :focus-within) {
            border-color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

    [dir=rtl] .select {
        background-position: 1.3em
    }

    .select select {
        appearance: none;
        background-color: #0000;
        border-style: none;
        width: calc(100% + 2.75rem);
        height: 100%;
        margin-inline-end: -2.5rem;
        padding-inline: .75rem 2.5rem
    }

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

    .select[multiple] {
        background-image: none
    }

    .select:focus,
    .select:focus-within {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --input-color: var(--color-primary);
        --tw-shadow-color: var(--input-color)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .select:focus,
        .select:focus-within {
            --tw-shadow-color: color-mix(in oklab, var(--input-color)30%, #0000)
        }
    }

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

    .select:has(>select[disabled]),
    .select:is(:disabled, [disabled]) {
        cursor: not-allowed;
        border-style: var(--tw-border-style);
        border-width: 0;
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .select:has(>select[disabled]),
        .select:is(:disabled, [disabled]) {
            border-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .select:has(>select[disabled]),
    .select:is(:disabled, [disabled]) {
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .select:has(>select[disabled]),
        .select:is(:disabled, [disabled]) {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {

        .select:has(>select[disabled]),
        .select:is(:disabled, [disabled]) {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

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

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

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

    @supports (color:color-mix(in lab, red, red)) {
        .select:has(>.select-floating) select:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .advance-select-toggle {
        cursor: pointer;
        appearance: none;
        background-color: var(--color-base-100);
        vertical-align: middle;
        width: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-base-content);
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        height: var(--size);
        text-overflow: ellipsis;
        border: var(--border)solid #0000;
        border-color: var(--input-color);
        --input-color: var(--color-base-content);
        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;
        padding-inline: .75rem 2.5rem;
        display: inline-flex;
        position: relative
    }

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

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

    .advance-select-toggle:focus,
    .advance-select-toggle:focus-within {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --input-color: var(--color-primary);
        --tw-shadow-color: var(--input-color)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .advance-select-toggle:focus,
        .advance-select-toggle:focus-within {
            --tw-shadow-color: color-mix(in oklab, var(--input-color)30%, #0000)
        }
    }

    .advance-select-toggle:focus,
    .advance-select-toggle:focus-within {
        outline: 1px solid var(--input-color);
        border-color: var(--input-color);
        isolation: isolate
    }

    .advance-select-toggle:focus-visible {
        outline: unset
    }

    .advance-select-tag {
        cursor: pointer;
        border-radius: var(--radius-field);
        border-style: var(--tw-border-style);
        background-color: var(--color-base-100);
        text-align: start;
        width: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        text-wrap: nowrap;
        color: var(--color-base-content);
        border-width: 1px;
        align-items: center;
        padding-inline: .375rem 2.5rem;
        display: flex;
        position: relative
    }

    @media (hover:hover) {
        .advance-select-tag:hover {
            border-color: var(--color-base-content)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .advance-select-tag:hover {
                border-color: color-mix(in oklab, var(--color-base-content)60%, transparent)
            }
        }
    }

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

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

    .advance-select-tag:focus,
    .advance-select-tag:focus-within {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --input-color: var(--color-primary);
        --tw-shadow-color: var(--input-color)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .advance-select-tag:focus,
        .advance-select-tag:focus-within {
            --tw-shadow-color: color-mix(in oklab, var(--input-color)30%, #0000)
        }
    }

    .advance-select-tag:focus,
    .advance-select-tag:focus-within {
        outline: 1px solid var(--input-color);
        border-color: var(--input-color);
        isolation: isolate
    }

    .advance-select-tag:focus-visible {
        outline: unset
    }

    .drawer {
        z-index: 80;
        background-color: var(--color-base-100);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        width: 100%;
        max-width: 24rem;
        height: 100%;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        position: fixed
    }

    .drawer .drawer-header {
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem;
        display: flex
    }

    .drawer .drawer-title {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content)
    }

    .drawer .drawer-body {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        flex-grow: 1;
        padding-inline: 1.5rem;
        overflow: hidden auto
    }

    .drawer .drawer-body::-webkit-scrollbar {
        width: .5rem
    }

    .drawer .drawer-body:last-child {
        padding-bottom: 1.5rem
    }

    .drawer .drawer-footer {
        justify-content: flex-end;
        align-items: center;
        gap: .75rem;
        padding: 1.5rem;
        display: flex
    }

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

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

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

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

    .timeline :where(hr) {
        background-color: var(--color-base-content);
        border-color: #0000;
        height: 1.5px
    }

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

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

    .card {
        border-radius: var(--radius-box);
        --tw-border-style: solid;
        border-style: solid;
        border-color: var(--color-base-content);
        flex-direction: column;
        display: flex;
        position: relative
    }

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

    .card {
        background-color: var(--color-base-100);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-base-content)
    }

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

    .card {
        --tw-outline-style: none;
        box-shadow: var(--card-shadow, 0 1px 3px 0 var(--color-base-300), 0 1px 2px -1px var(--color-base-300));
        outline-style: none
    }

    @supports (color:color-mix(in lab, red, red)) {
        .card {
            box-shadow: var(--card-shadow, 0 1px 3px 0 color-mix(in oklab, var(--color-base-300)20%, #0000), 0 1px 2px -1px color-mix(in oklab, var(--color-base-300)20%, #0000))
        }
    }

    .card {
        border-width: var(--card-border, 0px)
    }

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

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

    .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:where(.card-border) {
        border: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .card:where(.card-border) {
            border: var(--border)solid color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

    .card.image-full {
        display: grid
    }

    .card.image-full:before {
        border-radius: var(--radius-box);
        background-color: var(--color-neutral);
        opacity: .75;
        content: "";
        grid-row-start: 1;
        grid-column-start: 1;
        position: relative
    }

    .card.image-full>* {
        grid-row-start: 1;
        grid-column-start: 1
    }

    .card.image-full>.card-body {
        color: var(--color-neutral-content);
        position: relative
    }

    .card.image-full :where(figure) {
        border-radius: inherit;
        overflow: hidden
    }

    .card.image-full>figure img {
        object-fit: cover;
        height: 100%
    }

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

    .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;
        transition-property: transform, rotate, opacity;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .swap .swap-on,
    .swap .swap-indeterminate,
    .swap input:indeterminate~.swap-on,
    .swap input:is(:checked, :indeterminate)~.swap-off {
        opacity: 0
    }

    .swap input:checked~.swap-on,
    .swap input:indeterminate~.swap-indeterminate {
        opacity: 1;
        backface-visibility: visible
    }

    .dropdown-header {
        border-color: var(--color-base-content);
        align-items: center;
        display: flex;
        position: static
    }

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

    .dropdown-header {
        color: var(--color-base-content);
        padding-block: .625rem;
        padding-inline: 1rem
    }

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

    .dropdown-header {
        border-top-left-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box);
        border-bottom-style: var(--tw-border-style);
        margin: -.5rem;
        border-bottom-width: 1px;
        margin-bottom: .5rem
    }

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

    .dropdown-footer {
        border-color: var(--color-base-content);
        align-items: center;
        display: flex;
        position: static
    }

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

    .dropdown-footer {
        color: var(--color-base-content);
        padding-block: .625rem;
        padding-inline: 1rem
    }

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

    .dropdown-footer {
        border-bottom-right-radius: var(--radius-box);
        border-bottom-left-radius: var(--radius-box);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        margin-inline: -.5rem;
        margin-bottom: -.5rem !important
    }

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

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

    .menu-horizontal>li>.collapse>ul:before {
        content: none
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.menu-horizontal>li:not(.menu-title)>.collapse>ul) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .menu-vertical {
        flex-direction: column;
        display: flex
    }

    .menu-vertical>li:not(.menu-title)>.collapse>ul {
        margin-inline-start: 1rem;
        margin-top: 0;
        padding-block: 0;
        padding-inline-end: 0;
        position: relative
    }

    .select:has(>.select-floating) select::placeholder {
        color: #0000
    }

    .select:has(>.select-floating) select:focus::placeholder {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .select:has(>.select-floating) select:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .select-floating {
        width: 100%;
        display: block;
        position: relative
    }

    .select-floating .select::placeholder {
        color: #0000
    }

    .select-floating .select:focus::placeholder {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .select-floating .select:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .select-floating .select:has(>select[disabled]),
    .select-floating .select:is(:disabled, [disabled]) {
        border-style: var(--tw-border-style);
        opacity: .5;
        background-color: #0000;
        border-width: 1px
    }

    :is(.select-floating .select:has(>select[disabled]), .select-floating .select:is(:disabled, [disabled]))~.select-floating-label {
        color: var(--color-base-content)
    }

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

    :is(.select-floating:focus-within, .select-floating:has(.select:focus)) .select-floating-label {
        --input-color: var(--color-primary);
        color: var(--input-color)
    }

    .select-floating:has(.select-xs) .select-floating-label,
    .select-floating:has(.select-sm) .select-floating-label {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        margin-inline-start: .625rem
    }

    .select-floating:has(.select-md) .select-floating-label {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        margin-inline-start: .75rem
    }

    .select-floating:has(.select-lg) .select-floating-label {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        margin-inline-start: 1rem
    }

    .select-floating:has(.select-xl) .select-floating-label {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        margin-inline-start: 1.125rem
    }

    .mockup-code {
        border-radius: var(--radius-box);
        background-color: var(--color-base-200);
        min-width: 18rem;
        color: var(--color-base-content);
        padding-block: 1.25rem;
        position: relative;
        overflow: auto hidden
    }

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

    .mockup-code {
        direction: ltr
    }

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

    .mockup-code pre {
        padding-inline-end: 1.25rem
    }

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

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

    .mockup-window {
        border-radius: var(--radius-box);
        flex-direction: column;
        width: 100%;
        padding-top: 1.25rem;
        display: flex;
        position: relative;
        overflow: auto hidden
    }

    .mockup-window:before {
        content: "";
        aspect-ratio: 1;
        opacity: .3;
        border-radius: 3.40282e38px;
        flex-shrink: 0;
        align-self: flex-start;
        height: .75rem;
        margin-bottom: 1rem;
        display: block;
        box-shadow: 1.4em 0, 2.8em 0, 4.2em 0
    }

    [dir=rtl] .mockup-window:before {
        align-self: flex-end
    }

    .mockup-window pre[data-prefix]:before {
        content: attr(data-prefix);
        text-align: right;
        display: inline-block
    }

    .checkbox {
        cursor: pointer;
        appearance: none;
        border-radius: var(--radius-selector);
        vertical-align: middle;
        color: var(--color-neutral-content);
        border: var(--border)solid var(--color-base-content);
        flex-shrink: 0;
        padding: .25rem;
        position: relative
    }

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

    .checkbox {
        --input-color: var(--color-neutral);
        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);
        transition: background-color .2s, box-shadow .2s
    }

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

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

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox:focus-visible {
            outline: 2px solid color-mix(in oklab, var(--input-color, var(--color-neutral))30%, #0000)
        }
    }

    .checkbox:focus-visible {
        outline-offset: 0px
    }

    .checkbox:checked,
    .checkbox[aria-checked=true] {
        background-color: var(--input-color, #0000);
        border-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 2px 0 var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox:checked,
        .checkbox[aria-checked=true] {
            box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset, 0 1px 2px 0 color-mix(in oklab, var(--color-base-300)20%, #0000)
        }
    }

    :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(--color-neutral)
    }

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

    .checkbox:disabled {
        cursor: not-allowed;
        opacity: .5
    }

    .radio {
        cursor: pointer;
        appearance: none;
        vertical-align: middle;
        border: var(--border)solid var(--color-base-content);
        border-radius: 3.40282e38px;
        flex-shrink: 0;
        padding: .25rem;
        position: relative
    }

    @supports (color:color-mix(in lab, red, red)) {
        .radio {
            border: var(--border)solid color-mix(in oklab, var(--color-base-content)40%, #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, var(--color-neutral))
    }

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

    .radio:focus-visible {
        outline: 2px solid var(--input-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .radio:focus-visible {
            outline: 2px solid color-mix(in oklab, var(--input-color, var(--color-neutral))30%, #0000)
        }
    }

    .radio:focus-visible {
        outline-offset: 0px
    }

    .radio:checked,
    .radio[aria-checked=true] {
        background-color: var(--color-base-100);
        box-shadow: 0 1px 2px 0 var(--color-base-300);
        border-color: currentColor;
        animation: .2s ease-out radio
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio:checked,
        .radio[aria-checked=true] {
            box-shadow: 0 1px 2px 0 color-mix(in oklab, var(--color-base-300)30%, #0000)
        }
    }

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

    .radio:disabled {
        cursor: not-allowed;
        opacity: .5
    }

    .progress-label {
        border-radius: var(--radius-sm);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-base-content);
        width: fit-content;
        display: inline;
        position: relative
    }

    @supports (color:color-mix(in lab, red, red)) {
        .progress-label {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .progress-label {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        padding-block: .125rem;
        padding-inline: .375rem
    }

    .modal-header {
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem;
        display: flex;
        position: relative
    }

    :where(.modal-header)+.modal-body {
        padding-top: 0
    }

    .carousel {
        border-radius: var(--radius-2xl);
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .alert {
        border-radius: var(--radius-box);
        width: 100%;
        color: var(--color-neutral-content);
        text-align: start;
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--fx-noise);
        background-color: var(--alert-bg);
        border: var(--border)solid var(--alert-border);
        box-shadow: 0 .1875rem 0 -.125rem oklch(100% 0 0/calc(var(--depth)*.08))inset;
        --alert-bg: var(--alert-color, var(--color-neutral));
        --alert-border: var(--alert-color, var(--color-neutral));
        padding: 1rem;
        position: relative
    }

    .alert.alert-outline {
        color: var(--alert-color, var(--color-neutral));
        --alert-bg: transparent;
        box-shadow: none;
        background-image: none
    }

    .alert.alert-soft {
        color: var(--alert-color, var(--color-neutral));
        --alert-bg: var(--alert-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert.alert-soft {
            --alert-bg: color-mix(in oklab, var(--alert-color, var(--color-neutral))10%, var(--color-base-100))
        }
    }

    .alert.alert-soft {
        box-shadow: none;
        background-image: none
    }

    .\!absolute {
        position: absolute !important
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

    .drawer-top {
        --tw-translate-y: -100%;
        max-width: none;
        max-height: 15rem;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        inset-inline: 0;
        transition-duration: .3s;
        top: 0
    }

    .drawer-bottom {
        --tw-translate-y: 100%;
        max-width: none;
        max-height: 15rem;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        inset-inline: 0;
        transition-duration: .3s;
        bottom: 0
    }

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

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

    .drawer-end {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        inset-inline: auto 0;
        transition-duration: .3s;
        top: 0
    }

    .drawer-end:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .drawer-start {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        inset-inline: 0 auto;
        transition-duration: .3s;
        top: 0
    }

    .drawer-start:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .-start-3 {
        inset-inline-start: calc(var(--spacing)*-3)
    }

    .-start-5 {
        inset-inline-start: calc(var(--spacing)*-5)
    }

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

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

    .start-1\.5 {
        inset-inline-start: calc(var(--spacing)*1.5)
    }

    .start-1\/2 {
        inset-inline-start: 50%
    }

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

    .start-2\/4 {
        inset-inline-start: 50%
    }

    .start-3 {
        inset-inline-start: calc(var(--spacing)*3)
    }

    .start-3\/4 {
        inset-inline-start: 75%
    }

    .start-5 {
        inset-inline-start: calc(var(--spacing)*5)
    }

    .start-6 {
        inset-inline-start: calc(var(--spacing)*6)
    }

    .start-\[50\%\] {
        inset-inline-start: 50%
    }

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

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

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

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

    .end-3 {
        inset-inline-end: calc(var(--spacing)*3)
    }

    .end-4 {
        inset-inline-end: calc(var(--spacing)*4)
    }

    .end-5 {
        inset-inline-end: calc(var(--spacing)*5)
    }

    .end-6 {
        inset-inline-end: calc(var(--spacing)*6)
    }

    .end-8 {
        inset-inline-end: calc(var(--spacing)*8)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-full {
        top: 100%
    }

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

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

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

    .-bottom-px {
        bottom: -1px
    }

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

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

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

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

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

    .bottom-\[calc\(25\%-0\.75rem\)\] {
        bottom: calc(25% - .75rem)
    }

    .bottom-\[calc\(50\%-0\.75rem\)\] {
        bottom: calc(50% - .75rem)
    }

    .bottom-\[calc\(75\%-0\.75rem\)\] {
        bottom: calc(75% - .75rem)
    }

    .bottom-\[calc\(100\%-0\.75rem\)\] {
        bottom: calc(100% - .75rem)
    }

    .bottom-full {
        bottom: 100%
    }

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

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

    .input {
        cursor: text;
        appearance: none;
        background-color: var(--color-base-100);
        width: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-base-content);
        flex-shrink: 1;
        padding-inline: .75rem;
        display: inline-flex
    }

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

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

    .input:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .input {
        border: var(--border)solid #0000;
        height: var(--size);
        border-color: var(--input-color);
        --input-color: var(--color-base-content);
        border-start-start-radius: var(--join-ss, var(--radius-field));
        border-start-end-radius: var(--join-se, var(--radius-field));
        border-end-end-radius: var(--join-ee, var(--radius-field));
        border-end-start-radius: var(--join-es, var(--radius-field))
    }

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

    .input {
        --size: calc(var(--size-field, .25rem)*9.5)
    }

    .input:hover:not(:focus, :focus-within),
    .input:has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .input:hover:not(:focus, :focus-within),
        .input:has(:hover):not(:focus, :focus-within) {
            border-color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

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

    .input :where(input:not([type=checkbox]):not([type=radio])) {
        appearance: none;
        background-color: #0000;
        border: none;
        width: 100%;
        height: 100%;
        display: inline-block
    }

    .input :where(input:not([type=checkbox]):not([type=radio])):focus,
    .input :where(input:not([type=checkbox]):not([type=radio])):focus-within,
    .input :where(input:not([type=checkbox]):not([type=radio])):focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .input:focus,
    .input:focus-within {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --input-color: var(--color-primary);
        --tw-shadow-color: var(--input-color)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .input:focus,
        .input:focus-within {
            --tw-shadow-color: color-mix(in oklab, var(--input-color)30%, #0000)
        }
    }

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

    .input:has(>input[disabled]),
    .input:is(:disabled, [disabled]) {
        cursor: not-allowed;
        border-style: var(--tw-border-style);
        background-color: var(--color-neutral);
        border-width: 0
    }

    @supports (color:color-mix(in lab, red, red)) {

        .input:has(>input[disabled]),
        .input:is(:disabled, [disabled]) {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {

        .input:has(>input[disabled]),
        .input:is(:disabled, [disabled]) {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

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

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

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

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

    .input:has(>.input-floating) input::placeholder {
        color: #0000
    }

    .input:has(>.input-floating) input:focus::placeholder {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .input:has(>.input-floating) input:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .textarea {
        appearance: none;
        border-radius: var(--radius-field);
        background-color: var(--color-base-100);
        width: 100%;
        min-height: 5rem;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-base-content);
        flex-shrink: 1;
        padding-block: .5rem;
        padding-inline: 1rem;
        display: inline-flex
    }

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

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

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

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

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

    .textarea {
        border: var(--border)solid #0000;
        border-color: var(--input-color);
        --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)40%, #0000)
        }
    }

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

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

    .textarea:focus,
    .textarea:focus-within {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --input-color: var(--color-primary);
        --tw-shadow-color: var(--input-color)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .textarea:focus,
        .textarea:focus-within {
            --tw-shadow-color: color-mix(in oklab, var(--input-color)30%, #0000)
        }
    }

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

    .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[disabled] {
        cursor: not-allowed
    }

    .textarea:has(>textarea) {
        padding: 0
    }

    .textarea:has(>textarea) textarea {
        width: 100%;
        height: auto;
        min-height: 5rem
    }

    .textarea:has(>textarea) textarea:first-child {
        padding-block: .5rem;
        padding-inline-start: 1rem
    }

    .textarea:has(>textarea) textarea:nth-child(2) {
        padding-block: .5rem
    }

    .textarea:has(>textarea) textarea:last-child {
        padding-block: .5rem;
        padding-inline-end: 1rem
    }

    .textarea:has(>.textarea-floating) {
        padding: 0
    }

    .textarea:has(>.textarea-floating) :where(.textarea-floating:first-child)>textarea {
        padding-block: .5rem;
        padding-inline-start: 1rem
    }

    .textarea:has(>.textarea-floating) :where(.textarea-floating:nth-child(2))>textarea {
        padding-block: .5rem
    }

    .textarea:has(>.textarea-floating) :where(.textarea-floating:last-child)>textarea {
        padding-block: .5rem;
        padding-inline-end: 1rem
    }

    .textarea:has(>.textarea-floating) :where(.textarea-floating:nth-child(2)) .textarea-floating-label,
    .textarea:has(>.textarea-floating) :where(.textarea-floating:last-child) .textarea-floating-label {
        margin-inline-start: 0
    }

    .textarea:has(>.textarea-floating) *>textarea {
        width: 100%;
        height: 100%;
        min-height: 5rem
    }

    .textarea:has(>.textarea-floating) textarea::placeholder {
        color: #0000
    }

    .textarea:has(>.textarea-floating) textarea:focus::placeholder {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .textarea:has(>.textarea-floating) textarea:focus::placeholder {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

    .btn-active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))90%, #000)
        }
    }

    .btn-active {
        isolation: isolate
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft.btn-active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))20%, var(--color-base-100))
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-outline.btn-active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-text.btn-active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-gradient.btn-active {
            --btn-shadow: 0px 4px 6px -1px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000), 0px 2px 4px -2px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000)
        }
    }

    .isolate {
        isolation: isolate
    }

    .stack {
        place-items: flex-end center;
        display: inline-grid
    }

    .stack>* {
        opacity: .6;
        z-index: 1;
        grid-row-start: 1;
        grid-column-start: 1;
        width: 100%;
        height: 100%;
        transform: translateY(14%)scale(.9)
    }

    .stack>:nth-child(2) {
        opacity: .8;
        z-index: 2;
        transform: translateY(7%)scale(.95)
    }

    .stack>:first-child {
        opacity: 1;
        z-index: 3;
        transform: translateY(0)scale(1)translate(0)
    }

    .dropdown-menu {
        z-index: 10;
        margin-top: .5rem
    }

    :where(.dropdown-menu>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(.25rem*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(.25rem*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    .dropdown-menu {
        border-radius: var(--radius-box);
        background-color: var(--color-base-100);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        text-wrap: nowrap;
        opacity: 0;
        --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);
        --tw-shadow-color: var(--color-base-300);
        padding: .5rem
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dropdown-menu {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .dropdown-menu {
        transition-property: opacity, margin;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .advance-select-menu {
        z-index: 10;
        width: 100%
    }

    :where(.advance-select-menu>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(.25rem*.5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(.25rem*.5)*calc(1 - var(--tw-space-y-reverse)))
    }

    .advance-select-menu {
        border-radius: var(--radius-box);
        background-color: var(--color-base-100);
        --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);
        --tw-shadow-color: var(--color-base-300);
        background-image: none;
        padding: .5rem
    }

    @supports (color:color-mix(in lab, red, red)) {
        .advance-select-menu {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .pull-up .avatar {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .25s;
        --tw-ease: var(--ease-in);
        transition-duration: .25s
    }

    .pull-up .avatar:hover {
        z-index: 30;
        --tw-translate-y: calc(.25rem*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: var(--color-base-300);
        border-radius: 3.40282e38px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .pull-up .avatar:hover {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .stack-bottom-end>* {
        z-index: 1;
        transform: translateY(14%)scale(.9)translate(14%)
    }

    .stack-bottom-end>:nth-child(2) {
        z-index: 2;
        transform: translateY(7%)scale(.95)translate(7%)
    }

    .stack-bottom-start>* {
        z-index: 1;
        transform: translateY(14%)scale(.9)translate(-14%)
    }

    .stack-bottom-start>:nth-child(2) {
        z-index: 2;
        transform: translateY(7%)scale(.95)translate(-7%)
    }

    .stack-top>* {
        z-index: 1;
        transform: translateY(-14%)scale(.9)
    }

    .stack-top>:nth-child(2) {
        z-index: 2;
        transform: translateY(-7%)scale(.95)
    }

    .stack-top-end>* {
        z-index: 1;
        transform: translateY(-14%)scale(.9)translate(14%)
    }

    .stack-top-end>:nth-child(2) {
        z-index: 2;
        transform: translateY(-7%)scale(.95)translate(7%)
    }

    .stack-top-start>* {
        z-index: 1;
        transform: translateY(-14%)scale(.9)translate(-14%)
    }

    .stack-top-start>:nth-child(2) {
        z-index: 2;
        transform: translateY(-7%)scale(.95)translate(-7%)
    }

    .stack-end>* {
        z-index: 1;
        transform: translate(14%)scale(.9)
    }

    .stack-end>:nth-child(2) {
        z-index: 2;
        transform: translate(7%)scale(.95)
    }

    .stack-start>* {
        z-index: 1;
        transform: translate(-14%)scale(.9)
    }

    .stack-start>:nth-child(2) {
        z-index: 2;
        transform: translate(-7%)scale(.95)
    }

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

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-50 {
        z-index: 50
    }

    .z-80 {
        z-index: 80
    }

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

    .order-1 {
        order: 1
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .timeline-compact,
    .timeline-compact.timeline-horizontal {
        --timeline-row-start: 0
    }

    :is(.timeline-compact, .timeline-compact.timeline-horizontal) .timeline-start {
        grid-area: 3/1/4/4;
        place-self: flex-start center;
        margin: .5rem
    }

    :is(.timeline-compact, .timeline-compact.timeline-horizontal) li:has(.timeline-start) .timeline-end {
        grid-row-start: auto;
        grid-column-start: none
    }

    .timeline-compact.timeline-vertical>li {
        --timeline-col-start: 0
    }

    .timeline-compact.timeline-vertical .timeline-start {
        grid-area: 1/3/4/4;
        place-self: center flex-start
    }

    .timeline-compact.timeline-vertical li:has(.timeline-start) .timeline-end {
        grid-row-start: none;
        grid-column-start: auto
    }

    .timeline-compact.timeline-vertical .timeline-shift .timeline-start {
        grid-column: 3/4;
        grid-row-start: 3
    }

    .timeline-compact.timeline-vertical .timeline-shift .timeline-end {
        grid-area: 1/3/2/4
    }

    .timeline-end {
        grid-area: 3/1/4/4;
        place-self: flex-start center;
        margin: .5rem
    }

    .timeline-start {
        grid-area: 1/1/2/4;
        place-self: flex-end center;
        margin: .5rem
    }

    .timeline-horizontal {
        flex-direction: row
    }

    .timeline-horizontal>li {
        align-items: center
    }

    .timeline-horizontal>li>hr {
        width: 100%;
        height: 1.5px;
        min-height: 0
    }

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

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

    .timeline-horizontal .timeline-start {
        grid-area: 1/1/2/4;
        place-self: flex-end center
    }

    .timeline-horizontal .timeline-end {
        grid-area: 3/1/4/4;
        place-self: flex-start center
    }

    .timeline-horizontal:has(.timeline-middle)>li>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-horizontal:has(.timeline-middle)>li>hr:last-child,
    .timeline-horizontal: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-horizontal: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
    }

    .timeline-vertical {
        flex-direction: column
    }

    .timeline-vertical>li {
        --timeline-row-start: minmax(0, 1fr);
        --timeline-row-end: minmax(0, 1fr);
        justify-items: center
    }

    .timeline-vertical>li>hr {
        width: 1.5px;
        height: 100%
    }

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

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

    .timeline-vertical .timeline-start {
        grid-area: 1/1/4/2;
        place-self: center flex-end
    }

    .timeline-vertical .timeline-end {
        grid-area: 1/3/4/4;
        place-self: center flex-start
    }

    .timeline-vertical:has(.timeline-middle)>li>hr:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: var(--radius-selector);
        border-bottom-left-radius: var(--radius-selector)
    }

    .timeline-vertical:has(.timeline-middle)>li>hr:last-child,
    .timeline-vertical:not(:has(.timeline-middle)) :first-child>hr:last-child {
        border-top-left-radius: var(--radius-selector);
        border-top-right-radius: var(--radius-selector);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .timeline-vertical:not(:has(.timeline-middle)) :last-child>hr:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: var(--radius-selector);
        border-bottom-left-radius: var(--radius-selector)
    }

    .timeline-vertical:where(.timeline-snap-icon)>li {
        --timeline-col-start: minmax(0, 1fr);
        --timeline-row-start: .5rem
    }

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

    .stat .stat-figure {
        grid-row: 1/span 3;
        grid-column-start: 2;
        place-self: center flex-end
    }

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

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

    .stat .stat-value {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        white-space: nowrap;
        color: var(--color-base-content);
        grid-column-start: 1
    }

    .stat .stat-desc {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        white-space: nowrap;
        color: var(--color-base-content);
        grid-column-start: 1
    }

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

    .stat .stat-actions {
        white-space: nowrap;
        grid-column-start: 1;
        margin-top: .75rem
    }

    .timeline-middle {
        grid-row-start: 2;
        grid-column-start: 2;
        justify-content: center;
        align-items: center;
        width: 2.25rem;
        height: 2.25rem;
        display: flex
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .container {
        width: 100%
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

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

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

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

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

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

    .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 {
        content: "×"
    }

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

    .breadcrumbs {
        max-width: 100%;
        overflow-x: auto
    }

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

    :is(.breadcrumbs>ul, .breadcrumbs>ol) .breadcrumbs-separator {
        color: var(--color-base-content);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        margin-inline: .5rem;
        display: inline-flex
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.breadcrumbs>ul, .breadcrumbs>ol) .breadcrumbs-separator {
            color: color-mix(in oklab, var(--color-base-content)50%, transparent)
        }
    }

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

    :is(.breadcrumbs>ul, .breadcrumbs>ol)>li>a {
        align-items: center;
        gap: .25rem;
        display: inline-flex
    }

    @media (hover:hover) {
        :is(.breadcrumbs>ul, .breadcrumbs>ol)>li>a:hover {
            color: var(--color-primary)
        }
    }

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

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

    :is(.breadcrumbs>ul, .breadcrumbs>ol)>li:last-child {
        cursor: text;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content)
    }

    .modal-dialog {
        opacity: 0;
        width: 100%;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .5s;
        margin-inline: auto;
        transition-duration: .5s
    }

    @media (min-width:40rem) {
        .modal-dialog {
            max-width: 32rem
        }
    }

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

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

    .input-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --size: calc(var(--size-field, .25rem)*11.5);
        padding-inline: 1rem
    }

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

    .input-md {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --size: calc(var(--size-field, .25rem)*9.5);
        padding-inline: .75rem
    }

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

    .input-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --size: calc(var(--size-field, .25rem)*7.5);
        padding-inline: .625rem
    }

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

    .input-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --size: calc(var(--size-field, .25rem)*14);
        padding-inline: 1.125rem
    }

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

    .input-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --size: calc(var(--size-field, .25rem)*6);
        padding-inline: .625rem
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-shadow :where(.accordion-item) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .accordion-shadow :where(.accordion-item) {
        border-radius: var(--radius-box);
        background-color: var(--color-base-100);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: var(--color-base-300);
        margin-block: .5rem
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-shadow :where(.accordion-item) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .accordion-shadow :where(.accordion-item) .accordion-item:first-of-type {
        margin-top: 0
    }

    .accordion-shadow :where(.accordion-item) .accordion-item:last-of-type {
        margin-bottom: 0
    }

    .accordion-shadow :where(.accordion-item)>:first-child {
        border-top-left-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box)
    }

    .accordion-shadow :where(.accordion-item)>:last-child {
        border-bottom-right-radius: var(--radius-box);
        border-bottom-left-radius: var(--radius-box)
    }

    .\!my-px {
        margin-block: 1px !important
    }

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

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

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

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

    .my-auto {
        margin-block: auto
    }

    .join-vertical {
        flex-direction: column
    }

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

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

    .join-vertical>.join-item:only-child,
    .join-vertical :only-child .join-item {
        --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)
    }

    .\!ms-auto {
        margin-inline-start: auto !important
    }

    .-ms-0\.5 {
        margin-inline-start: calc(var(--spacing)*-.5)
    }

    .-ms-1 {
        margin-inline-start: calc(var(--spacing)*-1)
    }

    .-ms-px {
        margin-inline-start: -1px
    }

    .ms-0 {
        margin-inline-start: calc(var(--spacing)*0)
    }

    .ms-0\.5 {
        margin-inline-start: calc(var(--spacing)*.5)
    }

    .ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .ms-1\.5 {
        margin-inline-start: calc(var(--spacing)*1.5)
    }

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

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

    .ms-3\.5 {
        margin-inline-start: calc(var(--spacing)*3.5)
    }

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

    .ms-7 {
        margin-inline-start: calc(var(--spacing)*7)
    }

    .ms-8 {
        margin-inline-start: calc(var(--spacing)*8)
    }

    .ms-14 {
        margin-inline-start: calc(var(--spacing)*14)
    }

    .ms-\[calc\(25\%-1\.25rem\)\] {
        margin-inline-start: calc(25% - 1.25rem)
    }

    .ms-\[calc\(50\%-1\.25rem\)\] {
        margin-inline-start: calc(50% - 1.25rem)
    }

    .ms-\[calc\(75\%-1\.25rem\)\] {
        margin-inline-start: calc(75% - 1.25rem)
    }

    .ms-\[calc\(100\%-1\.4rem\)\] {
        margin-inline-start: calc(100% - 1.4rem)
    }

    .ms-auto {
        margin-inline-start: auto
    }

    .input::file-selector-button {
        cursor: pointer;
        border-style: var(--tw-border-style);
        background-color: var(--color-primary);
        text-align: center;
        height: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: 1;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-content);
        text-transform: uppercase;
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        --input-color: var(--color-primary);
        border-width: 0;
        flex-wrap: wrap;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        margin-inline-end: 1rem;
        padding-inline: 1rem;
        text-decoration-line: none;
        display: inline-flex
    }

    .input[type=file] {
        padding-inline-start: 0;
        overflow: hidden
    }

    @supports (color:color-mix(in lab, red, red)) {
        .input-floating .input::file-selector-button {
            border-inline-end: var(--border)solid color-mix(in oklab, var(--color-base-content)40%, #0000)
        }
    }

    .select-lg {
        --size: calc(var(--size-field, .25rem)*11.5);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        padding-inline: 1rem 2.5rem
    }

    .select-lg select {
        margin-inline-end: -2.5rem;
        padding-inline: 1rem 2.5rem
    }

    .select-xl {
        --size: calc(var(--size-field, .25rem)*14);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        padding-inline: 1.125rem 2.5rem
    }

    .select-xl select {
        margin-inline-end: -2.5rem;
        padding-inline: 1.125rem 2.5rem
    }

    .select-md {
        --size: calc(var(--size-field, .25rem)*9.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        padding-inline: .75rem 2.5rem
    }

    .select-md select {
        margin-inline-end: -2.5rem;
        padding-inline: .75rem 2.5rem
    }

    .select-sm {
        --size: calc(var(--size-field, .25rem)*7.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        padding-inline: .625rem 2rem
    }

    .select-sm select {
        margin-inline-end: -2rem;
        padding-inline: .625rem 2rem
    }

    .select-xs {
        --size: calc(var(--size-field, .25rem)*6);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        padding-inline: .625rem 2rem
    }

    .select-xs select {
        margin-inline-end: -2rem;
        padding-inline: .625rem 2rem
    }

    .\!me-1\.5 {
        margin-inline-end: calc(var(--spacing)*1.5) !important
    }

    .me-0\.5 {
        margin-inline-end: calc(var(--spacing)*.5)
    }

    .me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .me-1\.5 {
        margin-inline-end: calc(var(--spacing)*1.5)
    }

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

    .me-2\.5 {
        margin-inline-end: calc(var(--spacing)*2.5)
    }

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

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

    .me-8 {
        margin-inline-end: calc(var(--spacing)*8)
    }

    .prose {
        color: var(--tw-prose-body);
        max-width: 65ch
    }

    .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-lead);
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        font-size: 1.25em;
        line-height: 1.6
    }

    .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-links);
        font-weight: 500;
        text-decoration: underline
    }

    .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600
    }

    .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
        list-style-type: decimal
    }

    .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: decimal
    }

    .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
        list-style-type: disc
    }

    .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400
    }

    .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-bullets)
    }

    .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.25em;
        font-weight: 600
    }

    .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-quotes);
        border-inline-start-width: .25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "“" "”" "‘" "’";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
        font-style: italic;
        font-weight: 500
    }

    .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: open-quote
    }

    .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: close-quote
    }

    .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 0;
        margin-bottom: .888889em;
        font-size: 2.25em;
        font-weight: 800;
        line-height: 1.11111
    }

    .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 900
    }

    .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 2em;
        margin-bottom: 1em;
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.33333
    }

    .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 800
    }

    .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.6em;
        margin-bottom: .6em;
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.6
    }

    .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
    }

    .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.5em;
        margin-bottom: .5em;
        font-weight: 600;
        line-height: 1.5
    }

    .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
    }

    .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
        display: block
    }

    .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
        padding-top: .1875em;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        border-radius: .3125rem;
        padding-inline-start: .375em;
        font-family: inherit;
        font-size: .875em;
        font-weight: 500
    }

    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-code);
        font-size: .875em;
        font-weight: 600
    }

    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before,
    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: "`"
    }

    .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .875em
    }

    .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .9em
    }

    .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
    }

    .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-pre-code);
        background-color: var(--tw-prose-pre-bg);
        padding-top: .857143em;
        padding-inline-end: 1.14286em;
        padding-bottom: .857143em;
        border-radius: .375rem;
        margin-top: 1.71429em;
        margin-bottom: 1.71429em;
        padding-inline-start: 1.14286em;
        font-size: .875em;
        font-weight: 400;
        line-height: 1.71429;
        overflow-x: auto
    }

    .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
        background-color: #0000;
        border-width: 0;
        border-radius: 0;
        padding: 0
    }

    .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before,
    .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: none
    }

    .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        table-layout: auto;
        width: 100%;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.71429
    }

    .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders)
    }

    .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        vertical-align: bottom;
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start: .571429em;
        font-weight: 600
    }

    .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders)
    }

    .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 0
    }

    .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: baseline
    }

    .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders)
    }

    .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: top
    }

    .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        text-align: start
    }

    .prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-captions);
        margin-top: .857143em;
        font-size: .875em;
        line-height: 1.42857
    }

    .prose {
        --tw-prose-body: oklch(37.3% .034 259.733);
        --tw-prose-headings: oklch(21% .034 264.665);
        --tw-prose-lead: oklch(44.6% .03 256.802);
        --tw-prose-links: oklch(21% .034 264.665);
        --tw-prose-bold: oklch(21% .034 264.665);
        --tw-prose-counters: oklch(55.1% .027 264.364);
        --tw-prose-bullets: oklch(87.2% .01 258.338);
        --tw-prose-hr: oklch(92.8% .006 264.531);
        --tw-prose-quotes: oklch(21% .034 264.665);
        --tw-prose-quote-borders: oklch(92.8% .006 264.531);
        --tw-prose-captions: oklch(55.1% .027 264.364);
        --tw-prose-kbd: oklch(21% .034 264.665);
        --tw-prose-kbd-shadows: NaN NaN NaN;
        --tw-prose-code: oklch(21% .034 264.665);
        --tw-prose-pre-code: oklch(92.8% .006 264.531);
        --tw-prose-pre-bg: oklch(27.8% .033 256.848);
        --tw-prose-th-borders: oklch(87.2% .01 258.338);
        --tw-prose-td-borders: oklch(92.8% .006 264.531);
        --tw-prose-invert-body: oklch(87.2% .01 258.338);
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: oklch(70.7% .022 261.325);
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: oklch(70.7% .022 261.325);
        --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
        --tw-prose-invert-hr: oklch(37.3% .034 259.733);
        --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
        --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
        --tw-prose-invert-captions: oklch(70.7% .022 261.325);
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
        --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
        font-size: 1rem;
        line-height: 1.75
    }

    .prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start: 1.625em
    }

    .prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-top: .571429em;
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start: .571429em
    }

    .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
    }

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

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

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

    .\!mt-\[1em\] {
        margin-top: 1em !important
    }

    .\!mt-px {
        margin-top: 1px !important
    }

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

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

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

    .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-3\.5 {
        margin-top: calc(var(--spacing)*3.5)
    }

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

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

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

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

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

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

    .mt-\[1\.5em\] {
        margin-top: 1.5em
    }

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

    .mt-px {
        margin-top: 1px
    }

    .footer-title {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content);
        margin-bottom: .25rem
    }

    .\!mb-0 {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    .-mb-0\.5 {
        margin-bottom: calc(var(--spacing)*-.5)
    }

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

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

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

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

    .status {
        aspect-ratio: 1;
        background-color: var(--color-neutral);
        vertical-align: middle;
        width: .625rem;
        height: .625rem;
        color: var(--color-neutral);
        background-position: 50%;
        background-repeat: no-repeat;
        background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0/calc(var(--depth)*.5)), #0000);
        border-radius: 3.40282e38px;
        display: inline-block;
        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)
        }
    }

    .status\! {
        aspect-ratio: 1 !important;
        background-color: var(--color-neutral) !important;
        vertical-align: middle !important;
        width: .625rem !important;
        height: .625rem !important;
        color: var(--color-neutral) !important;
        background-position: 50% !important;
        background-repeat: no-repeat !important;
        background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0/calc(var(--depth)*.5)), #0000) !important;
        border-radius: 3.40282e38px !important;
        display: inline-block !important;
        box-shadow: 0 2px 3px -1px !important
    }

    @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) !important
        }
    }

    .divider {
        width: 100%;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        white-space: nowrap;
        align-self: stretch;
        align-items: center;
        display: flex
    }

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

    .divider:before {
        content: "";
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0;
        border-top-style: var(--tw-border-style);
        --tw-border-style: solid;
        border-style: solid;
        border-top-width: 1px;
        border-color: var(--color-base-content);
        flex-grow: 1;
        width: 100%;
        height: 1px
    }

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

    .divider:after {
        content: "";
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0;
        border-top-style: var(--tw-border-style);
        --tw-border-style: solid;
        border-style: solid;
        border-top-width: 1px;
        border-color: var(--color-base-content);
        flex-grow: 1;
        width: 100%;
        height: 1px
    }

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

    .progress-step {
        background-color: var(--color-base-content);
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: .375rem;
        display: flex
    }

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

    .progress-step {
        text-align: center;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        white-space: nowrap;
        color: var(--color-base-100)
    }

    .badge {
        border-radius: var(--radius-selector);
        text-align: center;
        vertical-align: middle;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        border: var(--border)solid var(--badge-border);
        width: fit-content;
        color: var(--badge-fg);
        background-size: auto, calc(var(--noise)*100%);
        background-image: none, var(--fx-noise);
        background-color: var(--badge-bg);
        --badge-border: var(--badge-color, var(--color-neutral));
        --badge-bg: var(--badge-color, var(--color-neutral));
        --badge-fg: var(--color-neutral-content);
        --size: calc(var(--size-selector, .25rem)*6);
        height: var(--size);
        justify-content: center;
        align-items: center;
        gap: .375rem;
        padding-inline: .75rem;
        display: inline-flex
    }

    .badge.badge-outline {
        --badge-fg: var(--badge-color, var(--color-neutral));
        --badge-bg: transparent;
        background-image: none
    }

    .badge.badge-soft {
        --badge-border: none;
        --badge-fg: var(--badge-color, var(--color-neutral));
        --badge-bg: var(--badge-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .badge.badge-soft {
            --badge-bg: color-mix(in oklab, var(--badge-color, var(--color-neutral))10%, var(--color-base-100))
        }
    }

    .badge.badge-soft {
        background-image: none
    }

    .progress {
        border-radius: var(--radius-box);
        background-color: var(--color-base-200);
        width: 100%;
        height: .375rem;
        display: flex;
        overflow: hidden
    }

    .avatar-group {
        display: flex
    }

    .avatar-group :where(.avatar) img {
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-base-100);
        object-fit: cover;
        border-radius: 3.40282e38px;
        width: 100%;
        height: 100%
    }

    .avatar-group :where(.avatar).avatar-placeholder>div {
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-base-100);
        border-radius: 3.40282e38px
    }

    .icon-\[ic--sharp-account-circle\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88a9.95 9.95 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[line-md--account\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-dasharray='28' stroke-dashoffset='28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 21v-1c0 -3.31 2.69 -6 6 -6h4c3.31 0 6 2.69 6 6v1'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='28;0'/%3E%3C/path%3E%3Cpath d='M12 11c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4c2.21 0 4 1.79 4 4c0 2.21 -1.79 4 -4 4Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.4s' dur='0.4s' values='28;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[mdi--account-child\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0 7c1.63 0 3.12.35 4.5 1.05c1.34.71 2 1.56 2 2.56v5.77c0 1.12-.86 2.06-2.61 2.81V19c0-.95-.86-1.62-2.58-2.03c-.56-.13-1-.19-1.31-.19c-.87 0-1.7.17-2.46.52c-.77.34-1.23.78-1.38 1.31c1.34.53 2.62.8 3.84.8l1-.1v2.63L12 22a9.7 9.7 0 0 1-3.89-.81c-1.75-.75-2.61-1.69-2.61-2.81v-5.77c0-1 .66-1.85 2-2.56Q9.57 9 12 9m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[solar--user-bold\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='12' cy='6' r='4' fill='black'/%3E%3Cpath fill='black' d='M20 17.5c0 2.485 0 4.5-8 4.5s-8-2.015-8-4.5S7.582 13 12 13s8 2.015 8 4.5'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[svg-spinners--3-dots-move\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='4' cy='12' r='0' fill='black'%3E%3Canimate fill='freeze' attributeName='r' begin='0;svgSpinners3DotsMove1.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='0;3'/%3E%3Canimate fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove7.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='4;12'/%3E%3Canimate fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove5.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='12;20'/%3E%3Canimate id='svgSpinners3DotsMove0' fill='freeze' attributeName='r' begin='svgSpinners3DotsMove3.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='3;0'/%3E%3Canimate id='svgSpinners3DotsMove1' fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove0.end' dur='0.001s' values='20;4'/%3E%3C/circle%3E%3Ccircle cx='4' cy='12' r='3' fill='black'%3E%3Canimate fill='freeze' attributeName='cx' begin='0;svgSpinners3DotsMove1.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='4;12'/%3E%3Canimate fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove7.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='12;20'/%3E%3Canimate id='svgSpinners3DotsMove2' fill='freeze' attributeName='r' begin='svgSpinners3DotsMove5.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='3;0'/%3E%3Canimate id='svgSpinners3DotsMove3' fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove2.end' dur='0.001s' values='20;4'/%3E%3Canimate fill='freeze' attributeName='r' begin='svgSpinners3DotsMove3.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='0;3'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3' fill='black'%3E%3Canimate fill='freeze' attributeName='cx' begin='0;svgSpinners3DotsMove1.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='12;20'/%3E%3Canimate id='svgSpinners3DotsMove4' fill='freeze' attributeName='r' begin='svgSpinners3DotsMove7.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='3;0'/%3E%3Canimate id='svgSpinners3DotsMove5' fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove4.end' dur='0.001s' values='20;4'/%3E%3Canimate fill='freeze' attributeName='r' begin='svgSpinners3DotsMove5.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='0;3'/%3E%3Canimate fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove3.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='4;12'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3' fill='black'%3E%3Canimate id='svgSpinners3DotsMove6' fill='freeze' attributeName='r' begin='0;svgSpinners3DotsMove1.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='3;0'/%3E%3Canimate id='svgSpinners3DotsMove7' fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove6.end' dur='0.001s' values='20;4'/%3E%3Canimate fill='freeze' attributeName='r' begin='svgSpinners3DotsMove7.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='0;3'/%3E%3Canimate fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove5.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='4;12'/%3E%3Canimate fill='freeze' attributeName='cx' begin='svgSpinners3DotsMove3.end' calcMode='spline' dur='0.5s' keySplines='.36,.6,.31,1' values='12;20'/%3E%3C/circle%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--activity\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h4l3 8l4-16l3 8h4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--alert-circle\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-4v4m0 4h.01'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--alert-triangle\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0zM12 16h.01'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--aperture\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m.6 3h10.55M6.551 4.938l3.26 10.034m7.221-10.336l-8.535 6.201m12.062 3.673l-8.535-6.201m.233 12.607l3.261-10.034'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--apps\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0-8h6m-3-3v6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--archive\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8m-9 4h4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-back-up-double\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m13 14l-4-4l4-4m-5 8l-4-4l4-4'/%3E%3Cpath d='M9 10h7a4 4 0 1 1 0 8h-1'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-back-up\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 14l-4-4l4-4'/%3E%3Cpath d='M5 10h11a4 4 0 1 1 0 8h-1'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-bear-left-2\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 3H4v5'/%3E%3Cpath d='m4 3l7.536 7.536A5 5 0 0 1 13 14.07V21m7-16l-4.5 4.5'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-down\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6l-6 6m-6-6l6 6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-forward-up\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 14l4-4l-4-4'/%3E%3Cpath d='M19 10H8a4 4 0 1 0 0 8h1'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-left\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-right\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrow-up\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8l-6-6m-6 6l6-6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrows-maximize\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 4h4v4m-6 2l6-6M8 20H4v-4m0 4l6-6m6 6h4v-4m-6-2l6 6M8 4H4v4m0-4l6 6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--arrows-move\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 9l3 3l-3 3m-3-3h6M6 9l-3 3l3 3m-3-3h6m0 6l3 3l3-3m-3-3v6m3-15l-3-3l-3 3m3-3v6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--ban\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m2.7-6.3l12.6 12.6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--bell-off\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.346 5.353Q9.661 5.16 10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3m-1 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 1.273-3.707M9 17v1a3 3 0 0 0 6 0v-1M3 3l18 18'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--bell-ringing\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1m6-10.273A11.05 11.05 0 0 0 18.206 3M3 6.727A11.05 11.05 0 0 1 5.792 3'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--bell\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--bolt-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13 2l.018.001l.016.001l.083.005l.011.002h.011l.038.009l.052.008l.016.006l.011.001l.029.011l.052.014l.019.009l.015.004l.028.014l.04.017l.021.012l.022.01l.023.015l.031.017l.034.024l.018.011l.013.012l.024.017l.038.034l.022.017l.008.01l.014.012l.036.041l.026.027l.006.009c.12.147.196.322.218.513l.001.012l.002.041L14 3v6h5a1 1 0 0 1 .868 1.497l-.06.091l-8 11C11.24 22.371 10 21.968 10 21v-6H5a1 1 0 0 1-.868-1.497l.06-.091l8-11l.01-.013l.018-.024l.033-.038l.018-.022l.009-.008l.013-.014l.04-.036l.028-.026l.008-.006a1 1 0 0 1 .402-.199l.011-.001l.027-.005l.074-.013l.011-.001l.041-.002z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--book\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--books\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm4 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM5 8h4m0 8h4'/%3E%3Cpath d='m13.803 4.56l2.184-.53c.562-.135 1.133.19 1.282.732l3.695 13.418a1.02 1.02 0 0 1-.634 1.219l-.133.041l-2.184.53c-.562.135-1.133-.19-1.282-.732L13.036 5.82a1.02 1.02 0 0 1 .634-1.219zM14 9l4-1m-2 8l3.923-.98'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--box-multiple\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z'/%3E%3Cpath d='M17 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-amazon\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 12.5a15.2 15.2 0 0 1-7.37 1.44A14.6 14.6 0 0 1 3 11m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-angular\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m5.428 17.245l6.076 3.471a1 1 0 0 0 .992 0l6.076-3.471a1 1 0 0 0 .495-.734l1.323-9.704a1 1 0 0 0-.658-1.078l-7.4-2.612a1 1 0 0 0-.665 0L4.268 5.73a1 1 0 0 0-.658 1.078l1.323 9.704a1 1 0 0 0 .495.734z'/%3E%3Cpath d='m9 15l3-8l3 8m-5-2h4'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-bitbucket\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.648 4a.64.64 0 0 0-.64.744l3.14 14.528c.07.417.43.724.852.728h10a.644.644 0 0 0 .642-.539l3.35-14.71a.64.64 0 0 0-.64-.744z'/%3E%3Cpath d='M14 15h-4L9 9h6z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-discord\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 12a1 1 0 1 0 2 0a1 1 0 0 0-2 0m6 0a1 1 0 1 0 2 0a1 1 0 0 0-2 0'/%3E%3Cpath d='M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833-1.667 3.5-3c.667-1.667.5-5.833-1.5-11.5c-1.457-1.015-3-1.34-4.5-1.5l-.972 1.923a11.9 11.9 0 0 0-4.053 0L9 4c-1.5.16-3.043.485-4.5 1.5c-2 5.667-2.167 9.833-1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2-2 2-3'/%3E%3Cpath d='M7 16.5c3.5 1 6.5 1 10 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-facebook-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 2a1 1 0 0 1 .993.883L19 3v4a1 1 0 0 1-.883.993L18 8h-3v1h3a1 1 0 0 1 .991 1.131l-.02.112l-1 4a1 1 0 0 1-.858.75L17 15h-2v6a1 1 0 0 1-.883.993L14 22h-4a1 1 0 0 1-.993-.883L9 21v-6H7a1 1 0 0 1-.993-.883L6 14v-4a1 1 0 0 1 .883-.993L7 9h2V8a6 6 0 0 1 5.775-5.996L15 2z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-facebook\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10v4h3v7h4v-7h3l1-4h-4V8a1 1 0 0 1 1-1h3V3h-3a5 5 0 0 0-5 5v2z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-github-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.315 2.1c.791-.113 1.9.145 3.333.966l.272.161l.16.1l.397-.083a13.3 13.3 0 0 1 4.59-.08l.456.08l.396.083l.161-.1c1.385-.84 2.487-1.17 3.322-1.148l.164.008l.147.017l.076.014l.05.011l.144.047a1 1 0 0 1 .53.514a5.2 5.2 0 0 1 .397 2.91l-.047.267l-.046.196l.123.163c.574.795.93 1.728 1.03 2.707l.023.295L21 9.5c0 3.855-1.659 5.883-4.644 6.68l-.245.061l-.132.029l.014.161l.008.157l.004.365l-.002.213L16 21a1 1 0 0 1-.883.993L15 22H9a1 1 0 0 1-.993-.883L8 21v-.734c-1.818.26-3.03-.424-4.11-1.878l-.535-.766c-.28-.396-.455-.579-.589-.644l-.048-.019a1 1 0 0 1 .564-1.918c.642.188 1.074.568 1.57 1.239l.538.769c.76 1.079 1.36 1.459 2.609 1.191L8 17.562l-.018-.168a5 5 0 0 1-.021-.824l.017-.185l.019-.12l-.108-.024c-2.976-.71-4.703-2.573-4.875-6.139l-.01-.31L3 9.5a5.6 5.6 0 0 1 .908-3.051l.152-.222l.122-.163l-.045-.196a5.2 5.2 0 0 1 .145-2.642l.1-.282l.106-.253a1 1 0 0 1 .529-.514l.144-.047z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-github\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-google-drive\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 10L6 20l-3-5L9 5z'/%3E%3Cpath d='M9 15h12l-3 5H6m9-5L9 5h6l6 10z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-google-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1-1.265.06a6 6 0 1 0 2.103 6.836l.001-.004h-3.66a1 1 0 0 1-.992-.883L13 13v-2a1 1 0 0 1 1-1h6.945a1 1 0 0 1 .994.89q.06.55.061 1.11c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-google\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.945 11a9 9 0 1 1-3.284-5.997l-2.655 2.392A5.5 5.5 0 1 0 17.125 14H13v-3z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-hipchat\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17.802 17.292s.077-.055.2-.149c1.843-1.425 3-3.49 3-5.789c0-4.286-4.03-7.764-9-7.764s-9 3.478-9 7.764c0 4.288 4.03 7.646 9 7.646q.636 0 2.088-.084c1.262.82 3.104 1.493 4.716 1.493c.499 0 .734-.41.414-.828c-.486-.596-1.156-1.551-1.416-2.29z'/%3E%3Cpath d='M7.5 13.5c2.5 2.5 6.5 2.5 9 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-linkedin\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 11v5m0-8v.01M12 16v-5m4 5v-3a2 2 0 1 0-4 0'/%3E%3Cpath d='M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-mastercard\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3Cpath d='M12 9.765a3 3 0 1 0 0 4.47'/%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-netflix\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 3l10 18h-4L5 3zM5 3v18h4V10.5M19 21V3h-4v10.5'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-react\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.306 8.711C3.704 9.434 2 10.637 2 12c0 2.21 4.477 4 10 4c.773 0 1.526-.035 2.248-.102m3.444-.609C20.295 14.567 22 13.363 22 12c0-2.21-4.477-4-10-4c-.773 0-1.526.035-2.25.102'/%3E%3Cpath d='M6.305 15.287C5.629 17.902 5.82 19.98 7 20.66c1.913 1.105 5.703-1.877 8.464-6.66q.581-1.007 1.036-2m1.194-3.284C18.371 6.1 18.181 4.02 17 3.34C15.087 2.235 11.297 5.217 8.536 10c-.387.67-.733 1.34-1.037 2'/%3E%3Cpath d='M12 5.424C10.075 3.532 8.18 2.658 7 3.34C5.087 4.444 5.774 9.217 8.536 14c.386.67.793 1.304 1.212 1.896M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913-1.104 1.226-5.877-1.536-10.66q-.563-.976-1.212-1.897M11.5 12.866a1 1 0 1 0 1-1.732a1 1 0 0 0-1 1.732'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-supabase\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 14h8v7l8-11h-8V3z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-tailwind\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.667 6Q7.933 6 7 9.667q1.4-1.834 3.267-1.375c.71.174 1.217.68 1.778 1.24c.916.912 2 1.968 4.288 1.968q3.734 0 4.667-3.667q-1.4 1.834-3.267 1.375c-.71-.174-1.217-.68-1.778-1.24C15.039 7.056 13.98 6 11.667 6m-4 6.5Q3.933 12.5 3 16.167q1.4-1.834 3.267-1.375c.71.174 1.217.68 1.778 1.24c.916.912 1.975 1.968 4.288 1.968q3.734 0 4.667-3.667q-1.4 1.834-3.267 1.375c-.71-.174-1.217-.68-1.778-1.24c-.916-.912-1.975-1.968-4.288-1.968'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-uber\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm-6 2h6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-vue\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16.5 4L12 12L7.5 4'/%3E%3Cpath d='m3 4l9 16l9-16'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-whatsapp\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 21l1.65-3.8a9 9 0 1 1 3.4 2.9z'/%3E%3Cpath d='M9 10a.5.5 0 0 0 1 0V9a.5.5 0 0 0-1 0za5 5 0 0 0 5 5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-x-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.267 3a1 1 0 0 1 .73.317l.076.092l4.274 5.828l5.946-5.944a1 1 0 0 1 1.497 1.32l-.083.094l-6.163 6.162l6.262 8.54a1 1 0 0 1-.697 1.585L20 21h-4.267a1 1 0 0 1-.73-.317l-.076-.092l-4.276-5.829l-5.944 5.945a1 1 0 0 1-1.497-1.32l.083-.094l6.161-6.163l-6.26-8.539a1 1 0 0 1 .697-1.585L4 3z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--brand-x\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 4l11.733 16H20L8.267 4zm0 16l6.768-6.768m2.46-2.46L20 4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--calendar-event\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16'/%3E%3Cpath d='M8 15h2v2H8z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--calendar\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--caret-down-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 9c.852 0 1.297.986.783 1.623l-.076.084l-6 6a1 1 0 0 1-1.32.083l-.094-.083l-6-6l-.083-.094l-.054-.077l-.054-.096l-.017-.036l-.027-.067l-.032-.108l-.01-.053l-.01-.06l-.004-.057v-.118l.005-.058l.009-.06l.01-.052l.032-.108l.027-.067l.07-.132l.065-.09l.073-.081l.094-.083l.077-.054l.096-.054l.036-.017l.067-.027l.108-.032l.053-.01l.06-.01l.057-.004z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--caret-left-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.883 5.007l.058-.005h.118l.058.005l.06.009l.052.01l.108.032l.067.027l.132.07l.09.065l.081.073l.083.094l.054.077l.054.096l.017.036l.027.067l.032.108l.01.053l.01.06l.004.057L15 6v12c0 .852-.986 1.297-1.623.783l-.084-.076l-6-6a1 1 0 0 1-.083-1.32l.083-.094l6-6l.094-.083l.077-.054l.096-.054l.036-.017l.067-.027l.108-.032l.053-.01l.06-.01z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--caret-right-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 6c0-.852.986-1.297 1.623-.783l.084.076l6 6a1 1 0 0 1 .083 1.32l-.083.094l-6 6l-.094.083l-.077.054l-.096.054l-.036.017l-.067.027l-.108.032l-.053.01l-.06.01l-.057.004L10 19l-.059-.002l-.058-.005l-.06-.009l-.052-.01l-.108-.032l-.067-.027l-.132-.07l-.09-.065l-.081-.073l-.083-.094l-.054-.077l-.054-.096l-.017-.036l-.027-.067l-.032-.108l-.01-.053l-.01-.06l-.004-.057z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--caret-up-down\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--caret-up-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.293 7.293a1 1 0 0 1 1.32-.083l.094.083l6 6l.083.094l.054.077l.054.096l.017.036l.027.067l.032.108l.01.053l.01.06l.004.057L19 14l-.002.059l-.005.058l-.009.06l-.01.052l-.032.108l-.027.067l-.07.132l-.065.09l-.073.081l-.094.083l-.077.054l-.096.054l-.036.017l-.067.027l-.108.032l-.053.01l-.06.01l-.057.004L18 15H6c-.852 0-1.297-.986-.783-1.623l.076-.084z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--cash\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 15H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3'/%3E%3Cpath d='M7 10a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z'/%3E%3Cpath d='M12 14a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chart-bar\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 13a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm12-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM9 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 20h14'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chart-donut\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 3.2A9 9 0 1 0 20.8 14a1 1 0 0 0-1-1H16a4.1 4.1 0 1 1-5-5V4a.9.9 0 0 0-1-.8'/%3E%3Cpath d='M15 3.5A9 9 0 0 1 20.5 9H16a9 9 0 0 0-1-1z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chart-pie\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 3.2A9 9 0 1 0 20.8 14a1 1 0 0 0-1-1H13a2 2 0 0 1-2-2V4a.9.9 0 0 0-1-.8'/%3E%3Cpath d='M15 3.5A9 9 0 0 1 20.5 9H16a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--check\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--checks\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 12l5 5L22 7M2 12l5 5m5-5l5-5'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chevron-down\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chevron-left\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6l-6 6l6 6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chevron-right\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chevron-up\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15l6-6l6 6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--chevrons-right\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7l5 5l-5 5m6-10l5 5l-5 5'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--circle-check-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--circle-check\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--circle-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 3.34a10 10 0 1 1-4.995 8.984L2 12l.005-.324A10 10 0 0 1 7 3.34'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--circle-x-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-6.489 5.8a1 1 0 0 0-1.218 1.567L10.585 12l-1.292 1.293l-.083.094a1 1 0 0 0 1.497 1.32L12 13.415l1.293 1.292l.094.083a1 1 0 0 0 1.32-1.497L13.415 12l1.292-1.293l.083-.094a1 1 0 0 0-1.497-1.32L12 10.585l-1.293-1.292l-.094-.083z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--circle-x\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m7-2l4 4m0-4l-4 4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--clipboard-check\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 9l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--clipboard-copy\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3m9-9V7a2 2 0 0 0-2-2h-2m-2 12v-1a1 1 0 0 1 1-1h1m3 0h1a1 1 0 0 1 1 1v1m0 3v1a1 1 0 0 1-1 1h-1m-3 0h-1a1 1 0 0 1-1-1v-1'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--clipboard\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--clock\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--cloud-download\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 18a3.5 3.5 0 0 0 0-7h-1A5 4.5 0 0 0 7 9a4.6 4.4 0 0 0-2.1 8.4M12 13v9m-3-3l3 3l3-3'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--cloud\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.657 18C4.085 18 2 15.993 2 13.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H6.657'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--contrast-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 3.34A10 10 0 1 1 2 12l.005-.324A10 10 0 0 1 17 3.34M8 5.072A8 8 0 0 0 12.001 20L12 4a8 8 0 0 0-4 1.072'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--copy\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z'/%3E%3Cpath d='M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--credit-card-pay\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v4.5M3 10h18m-5 9h6m-3-3l3 3l-3 3M7.005 15h.005M11 15h2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--credit-card\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--crown\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 6l4 6l5-4l-2 10H5L3 8l5 4z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--currency-dollar\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.7 8A3 3 0 0 0 14 6h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1-2.7-2M12 3v3m0 12v3'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--device-laptop\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19h18M5 7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--device-mobile\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm5-1h2m-1 13v.01'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--device-vision-pro\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7q1.715 0 3.275.104q1.526.101 2.798.42q1.22.304 2.119.909a3.9 3.9 0 0 1 1.328 1.531c.326.657.48 1.48.48 2.466q.002 1.51-.574 2.707q-.562 1.17-1.537 1.848a3.7 3.7 0 0 1-2.16.66q-.764.002-1.382-.21a6 6 0 0 1-1.17-.548a19 19 0 0 1-1.045-.695a9 9 0 0 0-1.001-.63a2.4 2.4 0 0 0-1.13-.301c-.373 0-.75.097-1.132.3q-.475.255-1 .63q-.482.345-1.047.695a5.8 5.8 0 0 1-1.168.548q-.62.212-1.378.21a3.7 3.7 0 0 1-2.165-.659q-.976-.68-1.537-1.848q-.576-1.196-.574-2.709c-.004-.98.15-1.802.477-2.46a3.9 3.9 0 0 1 1.33-1.531q.9-.604 2.12-.907a16 16 0 0 1 2.8-.423Q10.287 7 12 7'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--device-watch\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3zm3 9v3h6v-3M9 6V3h6v3'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--dice-6\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3Ccircle cx='15.5' cy='7.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='12' r='.5' fill='black'/%3E%3Ccircle cx='15.5' cy='12' r='.5' fill='black'/%3E%3Ccircle cx='15.5' cy='16.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='16.5' r='.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--dots-vertical\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--dots\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--download\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--external-link\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--eye-closed\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 9q-3.6 4-9 4T3 9m0 6l2.5-3.8M21 14.976L18.508 11.2M9 17l.5-4m5.5 4l-.5-4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--eye-off\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--eye\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file-dollar\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='M14 11h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2 0v1m0-8v1'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file-excel\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-7-9l4 5m-4 0l4-5'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file-export\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file-type-csv\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 12V5a2 2 0 0 1 2-2h7l5 5v4M7 16.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0m3 .75c0 .414.336.75.75.75H12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l2 6l2-6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file-type-pdf\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 12V5a2 2 0 0 1 2-2h7l5 5v4M5 18h1.5a1.5 1.5 0 0 0 0-3H5v6m12-3h2m1-3h-3v6m-6-6v6h1a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file-type-xls\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 15l4 6m-4 0l4-6m9 5.25c0 .414.336.75.75.75H19a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75M11 15v6h3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file-upload\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--file\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--files\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M18 17h-7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4l5 5v7a2 2 0 0 1-2 2'/%3E%3Cpath d='M16 17v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--filter\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--folder\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--garden-cart\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 17.5a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0-5 0M6 8v11a1 1 0 0 0 1.806.591L11.5 14.5v.055'/%3E%3Cpath d='M6 8h15l-3.5 7l-7.1-.747a4 4 0 0 1-3.296-2.493L4.251 4.63A1 1 0 0 0 3.323 4H2'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--grip-vertical\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m6-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--hash\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 9h14M5 15h14M11 4L7 20M17 4l-4 16'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--heart-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037.033l.034-.03a6 6 0 0 1 4.733-1.44l.246.036a6 6 0 0 1 3.364 10.008l-.18.185l-.048.041l-7.45 7.379a1 1 0 0 1-1.313.082l-.094-.082l-7.493-7.422A6 6 0 0 1 6.979 3.074'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--help-triangle\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 16v.01M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0z'/%3E%3Cpath d='M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--help\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9 5v.01'/%3E%3Cpath d='M12 13.5a1.5 1.5 0 0 1 1-1.5a2.6 2.6 0 1 0-3-4'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--home\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--info-circle\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--key\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1-4.069 0l-.301-.301l-6.558 6.558a2 2 0 0 1-1.239.578L5.172 21H4a1 1 0 0 1-.993-.883L3 20v-1.172a2 2 0 0 1 .467-1.284l.119-.13L4 17h2v-2h2v-2l2.144-2.144l-.301-.301a2.877 2.877 0 0 1 0-4.069l2.643-2.643a2.877 2.877 0 0 1 4.069 0M15 9h.01'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--layout-navbar\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 3h16'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--link\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--list-details\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 5h8m-8 4h5m-5 6h8m-8 4h5M3 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--lock\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--login\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M21 12H8l3-3m0 6l-3-3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--logout-2\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 8V6a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M15 12H3l3-3m0 6l-3-3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--logout\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M9 12h12l-3-3m0 6l3-3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--mail-opened\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 9l9 6l9-6l-9-6z'/%3E%3Cpath d='M21 9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9m0 10l6-6m6 0l6 6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--mail\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--map-pin\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M17.657 16.657L13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--menu-2\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--message-chatbot\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM9.5 9h.01m4.99 0h.01'/%3E%3Cpath d='M9.5 13a3.5 3.5 0 0 0 5 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--message\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 9h8m-8 4h6m4-9a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--minus\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--moon\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--movie\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v16m8-16v16M4 8h4m-4 8h4m-4-4h16m-4-4h4m-4 8h4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--package\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5m12-2.25l-8 4.5'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--paperclip\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3L18 10a3 3 0 0 0-6-6l-6.5 6.5a4.5 4.5 0 0 0 9 9L21 13'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--pencil\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--phone\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--photo\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z'/%3E%3Cpath d='m3 16l5-5c.928-.893 2.072-.893 3 0l5 5'/%3E%3Cpath d='m14 14l1-1c.928-.893 2.072-.893 3 0l3 3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--player-pause\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm8 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--player-play\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 4v16l13-8z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--playstation-x\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9M8.5 8.5l7 7m-7 0l7-7'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--plus\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--point\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--presentation\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 4h18M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4m-8 12v4m-3 0h6'/%3E%3Cpath d='m8 12l3-3l2 2l3-3'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--printer\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m10-8V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M7 15a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--question-mark\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 8a3.5 3 0 0 1 3.5-3h1A3.5 3 0 0 1 16 8a3 3 0 0 1-2 3a3 4 0 0 0-2 4m0 4v.01'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--quote\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5m13-7h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--receipt-rupee\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2z'/%3E%3Cpath d='M15 7H9h1a3 3 0 0 1 0 6H9l3 3m-3-6h6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--refresh\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--reload\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--resize\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 11v8a1 1 0 0 0 1 1h8M4 6V5a1 1 0 0 1 1-1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1-1 1h-1'/%3E%3Cpath d='M4 12h7a1 1 0 0 1 1 1v7'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--rocket\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3-5a9 9 0 0 0 6-8a3 3 0 0 0-3-3a9 9 0 0 0-8 6a6 6 0 0 0-5 3'/%3E%3Cpath d='M7 14a6 6 0 0 0-3 6a6 6 0 0 0 6-3m4-8a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--search\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--send\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--settings\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--shopping-bag\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.331 8H17.67a2 2 0 0 1 1.977 2.304l-1.255 8.152A3 3 0 0 1 15.426 21H8.574a3 3 0 0 1-2.965-2.544l-1.255-8.152A2 2 0 0 1 6.331 8'/%3E%3Cpath d='M9 11V6a3 3 0 0 1 6 0v5'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--shopping-cart\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3Cpath d='M17 17H6V3H4'/%3E%3Cpath d='m6 5l14 1l-1 7H6'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--stack-front\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='black' d='M12 4L4 8l8 4l8-4z'/%3E%3Cpath d='m8 14l-4 2l8 4l8-4l-4-2'/%3E%3Cpath d='m8 10l-4 2l8 4l8-4l-4-2'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--star-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--star-half-filled\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 1a1 1 0 0 1 .823.443l.067.116l2.852 5.781l6.38.925c.741.108 1.08.94.703 1.526l-.07.095l-.078.086l-4.624 4.499l1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035l-.101-.046l-5.693-3l-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036l.112.05l4.363 2.299l-.836-4.873a1 1 0 0 1 .136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097l-.06-.106z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--star\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--sun\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--switch-vertical\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 8l4-4l4 4M7 4v9m6 3l4 4l4-4m-4-6v10'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--target\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M7 12a5 5 0 1 0 10 0a5 5 0 1 0-10 0'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--text-plus\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 10H5m0-4h14m-5 8H5m0 4h6m7-3v6m-3-3h6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--ticket\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 5v2m0 4v2m0 4v2M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4V7a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--trash\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--trending-down\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 7l6 6l4-4l8 8'/%3E%3Cpath d='M21 10v7h-7'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--trending-up\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 17l6-6l4 4l8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--truck\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 17a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3Cpath d='M5 17H3V6a1 1 0 0 1 1-1h9v12m-4 0h6m4 0h2v-6h-8m0-5h5l3 5'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--upload\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--user-pentagon\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m13.163 2.168l8.021 5.828c.694.504.984 1.397.719 2.212l-3.064 9.43a1.98 1.98 0 0 1-1.881 1.367H7.042a1.98 1.98 0 0 1-1.881-1.367l-3.064-9.43a1.98 1.98 0 0 1 .719-2.212l8.021-5.828a1.98 1.98 0 0 1 2.326 0'/%3E%3Cpath d='M12 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-6 7.703V20a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v.707'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--user-square\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 10a3 3 0 1 0 6 0a3 3 0 0 0-6 0M6 21v-1a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v1'/%3E%3Cpath d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--user\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--users-group\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 13a2 2 0 1 0 4 0a2 2 0 0 0-4 0m-2 8v-1a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1M15 5a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2 5h2a2 2 0 0 1 2 2v1M5 5a2 2 0 1 0 4 0a2 2 0 0 0-4 0m-2 8v-1a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--users\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--volume-off\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 8a5 5 0 0 1 1.912 4.934m-1.377 2.602A5 5 0 0 1 15 16m2.7-11a9 9 0 0 1 2.362 11.086m-1.676 2.299A9 9 0 0 1 17.7 19M9.069 5.054L9.5 4.5A.8.8 0 0 1 11 5v2m0 4v8a.8.8 0 0 1-1.5.5L6 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2l1.294-1.664M3 3l18 18'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--volume\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 8a5 5 0 0 1 0 8m2.7-11a9 9 0 0 1 0 14M6 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2l3.5-4.5A.8.8 0 0 1 11 5v14a.8.8 0 0 1-1.5.5z'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--world\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8'/%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--writing\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 17V5c0-1.121-.879-2-2-2s-2 .879-2 2v12l2 2zM16 7h4m-2 12H5a2 2 0 1 1 0-4h4a2 2 0 1 0 0-4H6'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--x\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .icon-\[tabler--xbox-x\] {
        width: 1em;
        height: 1em;
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9M9 8l6 8m0-8l-6 8'/%3E%3C/svg%3E");
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .kbd {
        border-radius: var(--radius-field);
        background-color: var(--color-base-200);
        justify-content: center;
        align-items: center;
        display: inline-flex
    }

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

    .kbd {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        border: var(--border)solid var(--color-base-content);
        padding-left: .5em;
        padding-right: .5em
    }

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

    .kbd {
        border-bottom-width: calc(var(--border) + 1px);
        --size: calc(var(--size-selector, .25rem)*6.5);
        height: var(--size);
        min-width: var(--size)
    }

    .tabs {
        --tabs-height: auto;
        --tabs-direction: row;
        height: var(--tabs-height);
        flex-direction: var(--tabs-direction);
        display: flex
    }

    .progress-bar {
        border-radius: var(--radius-box);
        background-color: var(--color-neutral);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        white-space: nowrap;
        color: var(--color-neutral-content);
        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;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .5s;
        --tw-ease: var(--ease-in-out);
        justify-content: center;
        align-items: center;
        transition-duration: .5s;
        display: flex;
        overflow: hidden
    }

    .footer {
        grid-auto-flow: row;
        place-items: start;
        gap: 2.5rem 1rem;
        width: 100%;
        display: grid
    }

    @media (min-width:48rem) {
        .footer {
            grid-auto-flow: column
        }
    }

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

    .footer.footer-center {
        text-align: center;
        place-items: center
    }

    @media (min-width:48rem) {
        .footer.footer-center {
            grid-auto-flow: dense
        }
    }

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

    .footer :where(.link) {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .navbar {
        background-color: var(--color-base-100);
        align-items: center;
        width: 100%;
        padding-block: .75rem;
        padding-inline: 1.5rem;
        display: flex
    }

    .navbar-end {
        justify-content: flex-end;
        width: 50%;
        display: flex
    }

    .navbar-start {
        justify-content: flex-start;
        width: 50%;
        display: flex
    }

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

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

    :where(.card-header)+.card-body,
    :where(.card-body)+.card-footer {
        padding-top: 0
    }

    .label-text {
        cursor: pointer;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-base-content);
        padding: .25rem;
        display: block
    }

    .stats {
        grid-auto-flow: column;
        display: inline-grid
    }

    :where(.stats>: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)));
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px*calc(1 - var(--tw-divide-y-reverse)))
    }

    .stats {
        border-radius: var(--radius-box);
        --tw-border-style: solid;
        border-style: solid;
        border-color: var(--color-base-content);
        overflow-x: auto
    }

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

    .stats {
        background-color: var(--color-base-100);
        box-shadow: var(--card-shadow, 0 1px 3px 0 var(--color-base-300), 0 1px 2px -1px var(--color-base-300))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .stats {
            box-shadow: var(--card-shadow, 0 1px 3px 0 color-mix(in oklab, var(--color-base-300)20%, #0000), 0 1px 2px -1px color-mix(in oklab, var(--color-base-300)20%, #0000))
        }
    }

    .stats {
        border-width: var(--card-border, 0px)
    }

    .stats:where(.stats-border) {
        border: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .stats:where(.stats-border) {
            border: var(--border)solid color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

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

    .carousel-body {
        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));
        --tw-duration: .7s;
        flex-wrap: nowrap;
        transition-duration: .7s;
        display: flex
    }

    .modal-footer {
        justify-content: flex-end;
        align-items: center;
        gap: .75rem;
        padding: 1.5rem;
        display: flex
    }

    :where(.modal-body)+.modal-footer {
        padding-top: 0
    }

    .join {
        --join-ss: 0;
        --join-se: 0;
        --join-es: 0;
        --join-ee: 0;
        align-items: stretch;
        display: inline-flex
    }

    .join :where(.join-item) {
        border-start-start-radius: var(--join-ss, 0);
        border-start-end-radius: var(--join-se, 0);
        border-end-end-radius: var(--join-ee, 0);
        border-end-start-radius: var(--join-es, 0)
    }

    .join :where(.join-item) * {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field)
    }

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

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

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

    :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(--tw-prose-body);
        --tw-prose-links: var(--color-primary);
        --tw-prose-kbd: var(--tw-prose-body);
        --tw-prose-bold: var(--tw-prose-headings);
        --tw-prose-counters: var(--tw-prose-headings);
        --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(--tw-prose-headings);
        --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)40%, #0000)
        }
    }

    :root .prose {
        --tw-prose-code: #e83e8c;
        --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)24%, #0000)
        }
    }

    :root .prose {
        --tw-prose-td-borders: var(--tw-prose-th-borders);
        line-height: 1.5rem
    }

    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before,
    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        display: none
    }

    .prose pre code {
        border-radius: 0;
        padding: 0
    }

    .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875rem;
        font-weight: 500
    }

    .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        --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);
        padding: 0
    }

    .validate :valid~.success-message,
    .validate :has(:valid)~.success-message,
    .validate :invalid~.error-message,
    .validate :has(:invalid)~.error-message {
        display: block
    }

    .validate .label-text:has(~:valid),
    .validate .label-text:has(~* :valid),
    .validate :valid~.helper-text,
    .validate :has(:valid)~.helper-text,
    .validate :valid~.label-text,
    .validate :valid~.label-text *,
    .validate :valid~*>.label-text {
        color: var(--color-success)
    }

    .validate .label-text:has(~:invalid),
    .validate .label-text:has(~* :invalid),
    .validate :invalid~.helper-text,
    .validate :has(:invalid)~.helper-text,
    .validate :invalid~.label-text,
    .validate :invalid~.label-text *,
    .validate :invalid~*>.label-text {
        color: var(--color-error)
    }

    .validate select:has(~*>.selected)+.advance-select-toggle,
    .validate select:has(~*>.selected)+.advance-select-toggle:focus,
    .validate select:has(~*>.selected)+.advance-select-toggle:focus-within {
        --input-color: var(--color-success)
    }

    .validate select:not(:has(~*>.selected))+.advance-select-toggle,
    .validate select:not(:has(~*>.selected))+.advance-select-toggle:focus,
    .validate select:not(:has(~*>.selected))+.advance-select-toggle:focus-within {
        --input-color: var(--color-error)
    }

    @media (hover:hover) {
        .validate .input-floating:has(:valid):hover {
            border-color: var(--color-success)
        }
    }

    .validate .input-floating:has(:valid) .input-floating-label,
    :is(.validate .input-floating:has(:valid):focus-within, .validate .input-floating:has(:valid):not(:has(input:placeholder-shown)), .validate .input-floating:has(:valid):has(.input:focus)) .input-floating-label {
        color: var(--color-success)
    }

    @media (hover:hover) {
        .validate .input-floating:has(:invalid):hover {
            border-color: var(--color-error)
        }
    }

    .validate .input-floating:has(:invalid) .input-floating-label,
    :is(.validate .input-floating:has(:invalid):focus-within, .validate .input-floating:has(:invalid):not(:has(input:placeholder-shown)), .validate .input-floating:has(:invalid):has(.input:focus)) .input-floating-label {
        color: var(--color-error)
    }

    .validate .textarea-floating:has(:valid) .textarea-floating-label,
    :is(.validate .textarea-floating:has(:valid):focus-within, .validate .textarea-floating:has(:valid):not(:has(textarea:placeholder-shown)), .validate .textarea-floating:has(:valid):has(.textarea:focus)) .textarea-floating-label {
        color: var(--color-success)
    }

    .validate .textarea-floating:has(:invalid) .textarea-floating-label,
    :is(.validate .textarea-floating:has(:invalid):focus-within, .validate .textarea-floating:has(:invalid):not(:has(textarea:placeholder-shown)), .validate .textarea-floating:has(:invalid):has(.textarea:focus)) .textarea-floating-label {
        color: var(--color-error)
    }

    .validate .select-floating:has(:valid) .select-floating-label,
    :is(.validate .select-floating:has(:valid):focus-within, .validate .select-floating:has(:valid):not(:has(select:placeholder-shown)), .validate .select-floating:has(:valid):has(.select:focus)) .select-floating-label {
        color: var(--color-success)
    }

    .validate .select-floating:has(:invalid) .select-floating-label,
    :is(.validate .select-floating:has(:invalid):focus-within, .validate .select-floating:has(:invalid):not(:has(select:placeholder-shown)), .validate .select-floating:has(:invalid):has(.select:focus)) .select-floating-label {
        color: var(--color-error)
    }

    .error-message {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-error);
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        padding: .25rem;
        display: none
    }

    .helper-text {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-base-content);
        padding: .25rem;
        display: block
    }

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

    .helper-text {
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none
    }

    .success-message {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-success);
        webkit-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        padding: .25rem;
        display: none
    }

    .dropdown-title {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content);
        padding-block: .375rem;
        padding-inline: 1.25rem;
        display: block
    }

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

    .dropdown-title {
        text-transform: uppercase
    }

    .tooltip {
        text-align: center;
        display: inline-block
    }

    .validate :invalid~.error-message,
    .validate :has(:invalid)~.error-message,
    .validate :valid~.success-message,
    .validate :has(:valid)~.success-message {
        display: block
    }

    .\!block {
        display: block !important
    }

    .\!flex {
        display: flex !important
    }

    .\!inline-flex {
        display: inline-flex !important
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .divider-end:after,
    .divider-start:before {
        display: none
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .aspect-\[2\/1\] {
        aspect-ratio: 2
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

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

    .carousel-dot {
        cursor: pointer;
        background-color: var(--color-neutral);
        border-radius: 3.40282e38px;
        width: .75rem;
        height: .75rem
    }

    @supports (color:color-mix(in lab, red, red)) {
        .carousel-dot {
            background-color: color-mix(in oklab, var(--color-neutral)30%, transparent)
        }
    }

    .carousel-box {
        cursor: pointer;
        background-color: var(--color-neutral);
        width: 2.5rem;
        height: .25rem
    }

    @supports (color:color-mix(in lab, red, red)) {
        .carousel-box {
            background-color: color-mix(in oklab, var(--color-neutral)30%, transparent)
        }
    }

    .progress-horizontal {
        border-radius: var(--radius-box);
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        height: .375rem
    }

    .progress-vertical {
        border-radius: var(--radius-box);
        flex-direction: column;
        justify-content: flex-end;
        width: .375rem;
        height: 100%
    }

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

    .divider-horizontal.divider:before,
    .divider-horizontal.divider:after {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
        border-top-style: var(--tw-border-style);
        border-top-width: 0;
        width: 1px;
        height: 100%
    }

    .divider-vertical.divider {
        flex-direction: row;
        width: auto;
        height: auto
    }

    .divider-vertical.divider:before,
    .divider-vertical.divider:after {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0;
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        height: 1px
    }

    .btn-circle {
        width: var(--size);
        height: var(--size);
        border-radius: 3.40282e38px;
        padding-inline: 0
    }

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

    .size-1\.5 {
        width: calc(var(--spacing)*1.5);
        height: calc(var(--spacing)*1.5)
    }

    .size-2 {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .size-2\.5 {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
    }

    .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .size-4\.5 {
        width: calc(var(--spacing)*4.5);
        height: calc(var(--spacing)*4.5)
    }

    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-5\.5 {
        width: calc(var(--spacing)*5.5);
        height: calc(var(--spacing)*5.5)
    }

    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-7 {
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7)
    }

    .size-7\.5 {
        width: calc(var(--spacing)*7.5);
        height: calc(var(--spacing)*7.5)
    }

    .size-8 {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .size-8\.5 {
        width: calc(var(--spacing)*8.5);
        height: calc(var(--spacing)*8.5)
    }

    .size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
    }

    .size-9\.5 {
        width: calc(var(--spacing)*9.5);
        height: calc(var(--spacing)*9.5)
    }

    .size-10 {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .size-11\.5 {
        width: calc(var(--spacing)*11.5);
        height: calc(var(--spacing)*11.5)
    }

    .size-12 {
        width: calc(var(--spacing)*12);
        height: calc(var(--spacing)*12)
    }

    .size-14 {
        width: calc(var(--spacing)*14);
        height: calc(var(--spacing)*14)
    }

    .size-16 {
        width: calc(var(--spacing)*16);
        height: calc(var(--spacing)*16)
    }

    .size-17 {
        width: calc(var(--spacing)*17);
        height: calc(var(--spacing)*17)
    }

    .size-20 {
        width: calc(var(--spacing)*20);
        height: calc(var(--spacing)*20)
    }

    .size-25 {
        width: calc(var(--spacing)*25);
        height: calc(var(--spacing)*25)
    }

    .size-32 {
        width: calc(var(--spacing)*32);
        height: calc(var(--spacing)*32)
    }

    .size-\[22px\] {
        width: 22px;
        height: 22px
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .status-lg {
        width: .75rem;
        height: .75rem
    }

    .status-md {
        width: .625rem;
        height: .625rem
    }

    .status-sm {
        width: .5rem;
        height: .5rem
    }

    .status-xl {
        width: .875rem;
        height: .875rem
    }

    .status-xs {
        width: .375rem;
        height: .375rem
    }

    .input>.select {
        border-style: var(--tw-border-style);
        border-width: 0;
        height: auto
    }

    .input>.select:focus,
    .input>.select:focus-within {
        --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);
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .\!h-2\.5 {
        height: calc(var(--spacing)*2.5) !important
    }

    .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-1\/2 {
        height: 50%
    }

    .h-1\/4 {
        height: 25%
    }

    .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\/4 {
        height: 75%
    }

    .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\.5 {
        height: calc(var(--spacing)*9.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[16\.5rem\] {
        height: 16.5rem
    }

    .h-\[32rem\] {
        height: 32rem
    }

    .h-\[120px\] {
        height: 120px
    }

    .h-\[200px\] {
        height: 200px
    }

    .h-\[350px\] {
        height: 350px
    }

    .h-\[400px\] {
        height: 400px
    }

    .h-\[420px\] {
        height: 420px
    }

    .h-\[450px\] {
        height: 450px
    }

    .h-\[500px\] {
        height: 500px
    }

    .h-\[568px\] {
        height: 568px
    }

    .h-\[calc\(100vh-5rem\)\] {
        height: calc(100vh - 5rem)
    }

    .h-auto {
        height: auto
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-max {
        height: max-content
    }

    .h-px {
        height: 1px
    }

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

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

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

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

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

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

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

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

    .max-h-\[300px\] {
        max-height: 300px
    }

    .max-h-\[340px\] {
        max-height: 340px
    }

    .max-h-full {
        max-height: 100%
    }

    .max-h-none {
        max-height: none
    }

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

    .min-h-7\.5 {
        min-height: calc(var(--spacing)*7.5)
    }

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

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

    .min-h-\[460px\] {
        min-height: 460px
    }

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

    .btn-wide {
        width: 100%;
        max-width: 16rem
    }

    .progress-bar.progress-indeterminate {
        background: linear-gradient(90deg, #0000 50%, var(--progress-color)50%);
        background-repeat: no-repeat;
        background-size: 50% 100%;
        width: 100%;
        animation: 4s ease-in-out infinite indeterminate-progress
    }

    .advance-select-option {
        cursor: pointer;
        border-radius: var(--radius-field);
        width: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-base-content);
        padding-block: .625rem;
        padding-inline: 1rem
    }

    @media (hover:hover) {
        .advance-select-option:hover {
            background-color: var(--color-neutral)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .advance-select-option:hover {
                background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
            }
        }
    }

    .advance-select-option:focus {
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .advance-select-option:focus {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .advance-select-option:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .advance-select-md {
        --size: calc(var(--size-field, .25rem)*9.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        padding-inline: .75rem 2.5rem
    }

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

    .advance-select-md~.advance-select-menu .advance-select-option {
        cursor: pointer;
        width: 100%;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        padding-block: .375rem;
        padding-inline: .5rem
    }

    .advance-select-sm {
        --size: calc(var(--size-field, .25rem)*7.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        padding-inline: .625rem 2rem
    }

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

    .advance-select-sm~.advance-select-menu .advance-select-option {
        cursor: pointer;
        width: 100%;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        padding-block: .375rem;
        padding-inline: .5rem
    }

    .advance-select-xs {
        --size: calc(var(--size-field, .25rem)*6);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        padding-inline: .625rem 2rem
    }

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

    .advance-select-xs~.advance-select-menu .advance-select-option {
        cursor: pointer;
        width: 100%;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        padding-block: .25rem;
        padding-inline: .5rem
    }

    .advance-select-xl {
        --size: calc(var(--size-field, .25rem)*14);
        font-size: var(--text-xl);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        line-height: var(--tw-leading, var(--text-lg--line-height));
        padding-inline: 1rem 2.5rem
    }

    .advance-select-xl~.advance-select-menu .advance-select-option {
        cursor: pointer;
        width: 100%;
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        padding-block: .75rem;
        padding-inline: 1rem
    }

    .advance-select-lg {
        --size: calc(var(--size-field, .25rem)*11.5);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        padding-inline: 1rem 2.5rem
    }

    .advance-select-lg~.advance-select-menu .advance-select-option {
        cursor: pointer;
        width: 100%;
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        padding-block: .75rem;
        padding-inline: 1rem
    }

    .tabs-bordered>.tab {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tabs-bordered>.tab {
            border-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    @media (hover:hover) {
        @media (hover:hover) {
            .tabs-bordered>.tab:hover {
                border-color: var(--color-primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .tabs-bordered>.tab:hover {
                    border-color: color-mix(in oklab, var(--color-primary)30%, transparent)
                }
            }

            .tabs-bordered>.tab:hover {
                color: var(--color-primary)
            }
        }
    }

    .tabs-bordered>.tab {
        border-style: solid;
        border-bottom-width: calc(var(--border, 1px) + 1px)
    }

    .tabs-bordered.tabs-vertical {
        --tabs-direction: column
    }

    .tabs-bordered.tabs-vertical>.tab {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
        border-inline-end-width: calc(var(--border, 1px) + 1px);
        justify-content: flex-start;
        width: 100%
    }

    .custom-soft-option {
        border-radius: var(--radius-box);
        border-style: var(--tw-border-style);
        text-align: center;
        border-width: 1px;
        border: var(--border)solid var(--input-color, var(--color-base-content));
        width: 100%;
        padding: 1rem;
        overflow: hidden
    }

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

    .custom-soft-option {
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .custom-soft-option:hover {
        border-color: var(--input-color, var(--color-base-content))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .custom-soft-option:hover {
            border-color: var(--input-color, color-mix(in oklab, var(--color-base-content)40%, #0000))
        }
    }

    .custom-soft-option:hover {
        box-shadow: 0 0 0 1px var(--input-color, var(--color-base-content))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .custom-soft-option:hover {
            box-shadow: 0 0 0 1px var(--input-color, color-mix(in oklab, var(--color-base-content)40%, #0000))
        }
    }

    .custom-soft-option>.label-text {
        padding: 0
    }

    .custom-soft-option {
        background-color: var(--input-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .custom-soft-option {
            background-color: color-mix(in oklab, var(--input-color, var(--color-neutral))5%, #0000)
        }
    }

    .custom-soft-option:has(:checked) {
        border-color: var(--input-color, var(--color-primary));
        background-color: var(--input-color, var(--color-primary))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .custom-soft-option:has(:checked) {
            background-color: color-mix(in oklab, var(--input-color, var(--color-primary))10%, #0000)
        }
    }

    .custom-soft-option:has(:checked) {
        box-shadow: 0 0 0 1px var(--input-color, var(--color-primary))
    }

    .custom-option {
        border-radius: var(--radius-box);
        border-style: var(--tw-border-style);
        text-align: center;
        border-width: 1px;
        border: var(--border)solid var(--input-color, var(--color-base-content));
        width: 100%;
        padding: 1rem;
        overflow: hidden
    }

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

    .custom-option {
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .custom-option:hover {
        border-color: var(--input-color, var(--color-base-content))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .custom-option:hover {
            border-color: var(--input-color, color-mix(in oklab, var(--color-base-content)40%, #0000))
        }
    }

    .custom-option:hover {
        box-shadow: 0 0 0 1px var(--input-color, var(--color-base-content))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .custom-option:hover {
            box-shadow: 0 0 0 1px var(--input-color, color-mix(in oklab, var(--color-base-content)40%, #0000))
        }
    }

    .custom-option>.label-text {
        padding: 0
    }

    .custom-option:has(:checked) {
        border-color: var(--input-color, var(--color-primary));
        box-shadow: 0 0 0 1px var(--input-color, var(--color-primary))
    }

    .modal-body {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        padding: 1.5rem;
        overflow: hidden auto
    }

    .modal-body::-webkit-scrollbar {
        width: .5rem
    }

    :where(.modal-header)+.modal-body,
    :where(.modal-body)+.modal-footer {
        padding-top: 0
    }

    .\!w-0\.5 {
        width: calc(var(--spacing)*.5) !important
    }

    .\!w-2\.5 {
        width: calc(var(--spacing)*2.5) !important
    }

    .btn-block {
        width: 100%
    }

    .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-xl {
        width: calc(var(--size-selector, .25rem)*8)
    }

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

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

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

    .w-1\/2 {
        width: 50%
    }

    .w-1\/4 {
        width: 25%
    }

    .w-1\/5 {
        width: 20%
    }

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

    .w-2\/4 {
        width: 50%
    }

    .w-2\/5 {
        width: 40%
    }

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

    .w-3\/4 {
        width: 75%
    }

    .w-3\/5 {
        width: 60%
    }

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

    .w-4\/5 {
        width: 80%
    }

    .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\.5 {
        width: calc(var(--spacing)*9.5)
    }

    .w-9\/12 {
        width: 75%
    }

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

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

    .w-11\/12 {
        width: 91.6667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[5\%\] {
        width: 5%
    }

    .w-\[10\%\] {
        width: 10%
    }

    .w-\[34\%\] {
        width: 34%
    }

    .w-\[73\%\] {
        width: 73%
    }

    .w-\[100px\] {
        width: 100px
    }

    .w-\[200px\] {
        width: 200px
    }

    .w-\[320px\] {
        width: 320px
    }

    .w-\[350px\] {
        width: 350px
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

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

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

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

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

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

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

    .max-w-\[68px\] {
        max-width: 68px
    }

    .max-w-fit {
        max-width: fit-content
    }

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

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .max-w-xs {
        max-width: var(--container-xs)
    }

    .modal-dialog-lg {
        max-width: 48rem
    }

    .modal-dialog-md {
        max-width: 32rem
    }

    .modal-dialog-sm {
        max-width: 24rem
    }

    .modal-dialog-xl {
        max-width: 64rem
    }

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

    .min-w-7\.5 {
        min-width: calc(var(--spacing)*7.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-w-full {
        min-width: 100%
    }

    .card-group {
        border-radius: var(--radius-box);
        box-shadow: var(--card-shadow, 0 1px 3px 0 var(--color-base-300), 0 1px 2px -1px var(--color-base-300));
        overflow: hidden
    }

    @supports (color:color-mix(in lab, red, red)) {
        .card-group {
            box-shadow: var(--card-shadow, 0 1px 3px 0 color-mix(in oklab, var(--color-base-300)20%, #0000), 0 1px 2px -1px color-mix(in oklab, var(--color-base-300)20%, #0000))
        }
    }

    .card-group {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .card-group {
            border-color: color-mix(in oklab, var(--color-base-content)30%, transparent)
        }
    }

    .card-group {
        border-width: var(--card-border, 0px)
    }

    .card-group>.card {
        --card-shadow: none;
        --card-border: 0;
        border-radius: 0;
        flex: 1 0
    }

    .flex-1 {
        flex: 1
    }

    .flex-\[1_0_0\] {
        flex: 1 0 0
    }

    .flex-auto {
        flex: auto
    }

    .flex-none {
        flex: none
    }

    .flex-shrink-0,
    .navbar-center {
        flex-shrink: 0
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

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

    .basis-1\/2 {
        flex-basis: 50%
    }

    .basis-full {
        flex-basis: 100%
    }

    .origin-\[0_0\] {
        transform-origin: 0 0
    }

    .origin-bottom-right {
        transform-origin: 100% 100%
    }

    .origin-top {
        transform-origin: top
    }

    .origin-top-left {
        transform-origin: 0 0
    }

    .-translate-x-1 {
        --tw-translate-x: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-2\/4 {
        --tw-translate-x: calc(calc(2/4*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-\[50\%\] {
        --tw-translate-x: calc(50%*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-2 {
        --tw-translate-x: calc(var(--spacing)*2);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-2\/4 {
        --tw-translate-x: calc(2/4*100%);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-5 {
        --tw-translate-x: calc(var(--spacing)*5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[200\%\] {
        --tw-translate-x: 200%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-2\/4 {
        --tw-translate-y: calc(calc(2/4*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing)*2);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-0 {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .swap-rotate .swap-on,
    .swap-rotate input:indeterminate~.swap-on {
        rotate: 45deg
    }

    .swap-rotate input:is(:checked, :indeterminate)~.swap-on,
    .swap-rotate.swap-active .swap-on {
        rotate: none
    }

    .swap-rotate input:is(:checked, :indeterminate)~.swap-off,
    .swap-rotate.swap-active .swap-off {
        rotate: -45deg
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .swap-flip {
        transform-style: preserve-3d;
        perspective: 20rem
    }

    .swap-flip .swap-on,
    .swap-flip .swap-indeterminate,
    .swap-flip input:indeterminate~.swap-on {
        backface-visibility: hidden;
        opacity: 1;
        transform: rotateY(180deg)
    }

    .swap-flip input:is(:checked, :indeterminate)~.swap-on,
    .swap-flip.swap-active .swap-on {
        transform: rotateY(0)
    }

    .swap-flip input:is(:checked, :indeterminate)~.swap-off,
    .swap-flip.swap-active .swap-off {
        backface-visibility: hidden;
        opacity: 1;
        transform: rotateY(-180deg)
    }

    .stack-animated:hover>* {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transform: translateY(7%)scale(1)translate(0%)
    }

    .stack-top.stack-animated:hover>* {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transform: translateY(-7%)scale(1)
    }

    .stack-bottom-start.stack-animated:hover>* {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transform: translateY(7%)scale(1)translate(-7%)
    }

    .stack-bottom-end.stack-animated:hover>* {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transform: translateY(7%)scale(1)translate(7%)
    }

    .stack-top-start.stack-animated:hover>* {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transform: translateY(-7%)scale(1)translate(-7%)
    }

    .stack-top-end.stack-animated:hover>* {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-timing-function: var(--ease-in-out);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transform: translateY(-7%)scale(1)translate(7%)
    }

    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .radio-inset:checked,
    .radio-inset[aria-checked=true] {
        box-shadow: 0 6px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset, 0 1px oklch(0% 0 0/calc(var(--depth)*.1)), 0 1px 2px 0 var(--color-base-content);
        background-color: currentColor;
        animation: .2s ease-out radio-inset
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio-inset:checked,
        .radio-inset[aria-checked=true] {
            box-shadow: 0 6px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset, 0 1px oklch(0% 0 0/calc(var(--depth)*.1)), 0 1px 2px 0 color-mix(in oklab, var(--color-base-content)30%, #0000)
        }
    }

    :is(.radio-inset:checked, .radio-inset[aria-checked=true]):before {
        background-color: var(--color-base-100);
        box-shadow: none
    }

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

    .skeleton-animated {
        animation: 1.8s ease-in-out infinite skeleton
    }

    .motion-preset-bounce {
        --motion-duration: .3s;
        --motion-translate-timing: var(--motion-bounce);
        --motion-translate-perceptual-duration-multiplier: 2;
        --motion-origin-opacity: 0;
        --motion-origin-translate-y: -25%;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-compress {
        --motion-origin-scale-x: 150%;
        --motion-origin-scale-y: 150%;
        --motion-origin-opacity: 0;
        --motion-scale-timing: var(--motion-spring-bouncier);
        --motion-scale-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-pop {
        --motion-origin-scale-x: 50%;
        --motion-origin-scale-y: 50%;
        --motion-origin-opacity: 0;
        --motion-scale-timing: var(--motion-spring-bouncier);
        --motion-scale-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-shake {
        --motion-duration: .3s;
        --motion-origin-rotate: 15deg;
        --motion-origin-opacity: 0;
        --motion-rotate-timing: var(--motion-spring-bounciest);
        --motion-rotate-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration)*var(--motion-rotate-perceptual-duration-multiplier))var(--motion-rotate-timing)var(--motion-rotate-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-blur-right {
        --motion-origin-blur: 5px;
        --motion-origin-translate-x: -5%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration)*var(--motion-filter-perceptual-duration-multiplier))var(--motion-filter-timing)var(--motion-filter-delay)both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-expand {
        --motion-origin-scale-x: 50%;
        --motion-origin-scale-y: 50%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-float {
        --motion-loop-translate-y: 100%;
        --motion-translate-timing: var(--motion-spring-bouncier);
        --motion-translate-perceptual-duration-multiplier: 2.035;
        --motion-duration: 2s;
        --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both var(--motion-translate-loop-count);
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-shrink {
        --motion-origin-scale-x: 150%;
        --motion-origin-scale-y: 150%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-stretch {
        --motion-loop-scale-x: 85%;
        --motion-loop-scale-y: 115%;
        --motion-scale-timing: var(--motion-spring-bouncier);
        --motion-scale-perceptual-duration-multiplier: 2.035;
        --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both var(--motion-scale-loop-count);
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-focus {
        --motion-origin-blur: 5px;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration)*var(--motion-filter-perceptual-duration-multiplier))var(--motion-filter-timing)var(--motion-filter-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-pulse {
        --motion-loop-scale-x: 1.25;
        --motion-loop-scale-y: 1.25;
        --motion-timing: cubic-bezier(.4, 0, .2, 1);
        --motion-scale-loop-animation: motion-scale-loop-mirror calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both var(--motion-scale-loop-count);
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-seesaw {
        --motion-loop-rotate: 6deg;
        --motion-rotate-loop-animation: motion-rotate-loop-mirror calc(var(--motion-rotate-duration)*var(--motion-rotate-perceptual-duration-multiplier))var(--motion-rotate-timing)var(--motion-rotate-delay)both var(--motion-rotate-loop-count);
        --motion-rotate-timing: var(--motion-spring-bounciest);
        --motion-rotate-perceptual-duration-multiplier: 5.285;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-slide-right {
        --motion-origin-translate-x: -25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-fade {
        --motion-origin-opacity: 0;
        --motion-duration: .5s;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-oscillate {
        --motion-loop-translate-y: 15%;
        --motion-timing: cubic-bezier(.4, 0, .2, 1);
        --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both var(--motion-translate-loop-count);
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-spin {
        --motion-loop-rotate: 360deg;
        --motion-timing: linear;
        --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration)*var(--motion-rotate-perceptual-duration-multiplier))var(--motion-rotate-timing)var(--motion-rotate-delay)both var(--motion-rotate-loop-count);
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-wobble {
        --motion-loop-translate-x: 15%;
        --motion-timing: cubic-bezier(.4, 0, .2, 1);
        --motion-translate-loop-animation: motion-translate-loop-mirror calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both var(--motion-translate-loop-count);
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .motion-preset-blink {
        --motion-loop-opacity: 0;
        --motion-opacity-loop-animation: motion-opacity-loop-mirror calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both var(--motion-opacity-loop-count);
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .animate-border {
        animation: var(--animate-border)
    }

    .animate-bounce {
        animation: var(--animate-bounce)
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .progress-animated {
        animation: 1s linear infinite progress-bar-stripes
    }

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-move {
        cursor: move
    }

    .cursor-pointer {
        cursor: pointer
    }

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

    .scroll-pt-\[5\.7rem\] {
        scroll-padding-top: 5.7rem
    }

    .list-inside {
        list-style-position: inside
    }

    .list-outside {
        list-style-position: outside
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .list-image-\[url\(data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzhiZGY4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy42ODUuMTUzYS43NTIuNzUyIDAgMCAxIC4xNDMgMS4wNTJsLTggMTAuNWEuNzUuNzUgMCAwIDEtMS4xMjcuMDc1bC00LjUtNC41YS43NS43NSAwIDAgMSAxLjA2LTEuMDZsMy44OTQgMy44OTMgNy40OC05LjgxN2EuNzUuNzUgMCAwIDEgMS4wNS0uMTQzWiIgLz48L3N2Zz4\=\)\] {
        list-style-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzhiZGY4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy42ODUuMTUzYS43NTIuNzUyIDAgMCAxIC4xNDMgMS4wNTJsLTggMTAuNWEuNzUuNzUgMCAwIDEtMS4xMjcuMDc1bC00LjUtNC41YS43NS43NSAwIDAgMSAxLjA2LTEuMDZsMy44OTQgMy44OTMgNy40OC05LjgxN2EuNzUuNzUgMCAwIDEgMS4wNS0uMTQzWiIgLz48L3N2Zz4=)
    }

    .list-image-\[url\(svg-url\)\] {
        list-style-image: url(svg-url)
    }

    .appearance-none {
        appearance: none
    }

    .stats-horizontal {
        grid-auto-flow: column
    }

    :where(.stats-horizontal>: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)));
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px*calc(1 - var(--tw-divide-y-reverse)))
    }

    .stats-horizontal {
        overflow-x: auto
    }

    .stats-vertical {
        grid-auto-flow: row
    }

    :where(.stats-vertical>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(0px*var(--tw-divide-x-reverse));
        border-inline-end-width: calc(0px*calc(1 - var(--tw-divide-x-reverse)));
        --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)))
    }

    .stats-vertical {
        overflow-y: auto
    }

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

    .switch-outline {
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .switch-outline {
            background-color: color-mix(in oklab, var(--color-neutral)22%, #0000)
        }
    }

    .switch-outline {
        color: var(--input-color)
    }

    .switch-outline:before {
        background-color: var(--color-base-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 2px 0 oklch(0% 0 0/.2)
    }

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

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

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

    .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-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

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

    .\!flex-col {
        flex-direction: column !important
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-content-center {
        place-content: center
    }

    .modal-bottom-end {
        justify-content: flex-end;
        place-items: end
    }

    .modal-bottom-start {
        justify-content: flex-start;
        place-items: end
    }

    .modal-middle-end {
        justify-content: flex-end;
        place-items: center
    }

    .modal-middle-start {
        justify-content: flex-start;
        place-items: center
    }

    .modal-bottom {
        place-items: end
    }

    .modal-middle {
        place-items: center
    }

    .modal-top {
        place-items: start
    }

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

    .\!justify-between {
        justify-content: space-between !important
    }

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

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

    .modal-top-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-7 {
        gap: calc(var(--spacing)*7)
    }

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

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

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

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

    :where(.space-y-0\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

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

    .gap-x-0\.5 {
        column-gap: calc(var(--spacing)*.5)
    }

    .gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

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

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

    .gap-x-3\.5 {
        column-gap: calc(var(--spacing)*3.5)
    }

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

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

    :where(.-space-x-5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*-5)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*-5)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-0>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-0\.5>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-1>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
    }

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing)*.5)
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

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

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

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

    @supports (color:color-mix(in lab, red, red)) {
        :where(.accordion:where(.accordion-bordered)>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion:where(.accordion-bordered) {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    :where(.accordion:where(.accordion-bordered)>: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)));
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.accordion:where(.accordion-bordered)>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion:where(.accordion-bordered) {
        border-radius: var(--radius-box);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion:where(.accordion-bordered) {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion:where(.accordion-bordered) {
        background-color: var(--color-base-100)
    }

    :where(.divide-base-content\/20>:not(:last-child)) {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-base-content\/20>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

    :where(.divide-base-content\/25>:not(:last-child)) {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-base-content\/25>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    :where(.divide-neutral\/20>:not(:last-child)) {
        border-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-neutral\/20>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-neutral)20%, transparent)
        }
    }

    .place-self-center {
        place-self: center
    }

    .timeline-centered .timeline-start,
    .timeline-centered .timeline-end {
        align-self: flex-start
    }

    .self-center {
        align-self: center
    }

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

    .justify-self-start {
        justify-self: flex-start
    }

    .\!truncate {
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important
    }

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

    .overflow-y-scroll {
        overflow-y: scroll
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .card .card-alert {
        border-radius: 0
    }

    .card .card-alert:first-child {
        border-top-left-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box)
    }

    .card .card-alert:last-child {
        border-bottom-right-radius: var(--radius-box);
        border-bottom-left-radius: var(--radius-box)
    }

    .timeline-box {
        border: var(--border)solid;
        border-radius: var(--radius-box);
        border-color: var(--color-base-content)
    }

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

    .timeline-box {
        background-color: var(--color-base-100);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: var(--color-base-300);
        padding-block: .25rem;
        padding-inline: 1rem
    }

    @supports (color:color-mix(in lab, red, red)) {
        .timeline-box {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .skeleton {
        border-radius: var(--radius-box);
        background-color: var(--color-base-200);
        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-repeat: no-repeat;
        background-size: 200%
    }

    .tooltip-body {
        --tooltip-color: var(--color-neutral);
        --tooltip-text-color: var(--color-neutral-content);
        border-radius: var(--radius-selector);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: calc(.25rem*5);
        --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);
        --tw-shadow-color: var(--color-base-300);
        padding-block: .25rem;
        padding-inline: .75rem;
        line-height: 1.25rem
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tooltip-body {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .tooltip-body {
        background-color: var(--tooltip-color);
        color: var(--tooltip-text-color)
    }

    :where(.menu-horizontal>li:not(.menu-title)>.collapse>ul) {
        border-radius: var(--radius-box);
        background-color: var(--color-base-100);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.menu-horizontal>li:not(.menu-title)>.collapse>ul) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .menu-lg :where(li:not(.menu-title)>:not(ul, .collapse, .menu-title)) {
        border-radius: var(--radius-field);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        padding-block: .75rem;
        padding-inline: 1.25rem
    }

    .menu-lg .menu-title {
        padding-block: .75rem;
        padding-inline: 1.5rem
    }

    .menu-md :where(li:not(.menu-title)>:not(ul, .collapse, .menu-title)) {
        border-radius: var(--radius-field);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        padding-block: .625rem;
        padding-inline: 1rem
    }

    .menu-md .menu-title {
        padding-block: .5rem;
        padding-inline: 1rem
    }

    .menu-sm :where(li:not(.menu-title)>:not(ul, .collapse, .menu-title)) {
        border-radius: var(--radius-field);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        padding-block: .5rem;
        padding-inline: .75rem
    }

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

    .menu-xl :where(li:not(.menu-title)>:not(ul, .collapse, .menu-title)) {
        border-radius: var(--radius-field);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        padding-block: .875rem;
        padding-inline: 1.5rem
    }

    .menu-xl .menu-title {
        padding-block: .75rem;
        padding-inline: 1.5rem
    }

    .menu-xs :where(li:not(.menu-title)>:not(ul, .collapse, .menu-title)) {
        border-radius: var(--radius-field);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        padding-block: .25rem;
        padding-inline: .5rem
    }

    .menu-xs .menu-title {
        padding-block: .25rem;
        padding-inline: .5rem
    }

    .\!rounded-full {
        border-radius: 3.40282e38px !important
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

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

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

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

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

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

    .rounded-none {
        border-radius: 0
    }

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

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

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

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

    .rounded-s-full {
        border-start-start-radius: 3.40282e38px;
        border-end-start-radius: 3.40282e38px
    }

    .rounded-s-lg {
        border-start-start-radius: var(--radius-lg);
        border-end-start-radius: var(--radius-lg)
    }

    .rounded-s-md {
        border-start-start-radius: var(--radius-md);
        border-end-start-radius: var(--radius-md)
    }

    .rounded-s-none {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .rounded-e-full {
        border-start-end-radius: 3.40282e38px;
        border-end-end-radius: 3.40282e38px
    }

    .rounded-e-lg {
        border-start-end-radius: var(--radius-lg);
        border-end-end-radius: var(--radius-lg)
    }

    .rounded-e-md {
        border-start-end-radius: var(--radius-md);
        border-end-end-radius: var(--radius-md)
    }

    .rounded-e-none {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .card-header {
        border-top-left-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box);
        padding: var(--card-p, 1.5rem)
    }

    :where(.card-header)+.card-body {
        padding-top: 0
    }

    .rounded-t-box {
        border-top-left-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box);
        border-top-left-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box)
    }

    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .rounded-r-box {
        border-top-right-radius: var(--radius-box);
        border-bottom-right-radius: var(--radius-box);
        border-top-right-radius: var(--radius-box);
        border-bottom-right-radius: var(--radius-box)
    }

    .rounded-tr-field {
        border-top-right-radius: var(--radius-field);
        border-top-right-radius: var(--radius-field)
    }

    .card-footer {
        border-bottom-right-radius: var(--radius-box);
        border-bottom-left-radius: var(--radius-box);
        padding: var(--card-p, 1.5rem)
    }

    :where(.card-body)+.card-footer {
        padding-top: 0
    }

    .rounded-b-full {
        border-bottom-right-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .rounded-b-md {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-b-xl {
        border-bottom-right-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl)
    }

    .text-border-primary {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-primary);
        background-color: var(--color-base-100);
        color: var(--color-primary)
    }

    .\!border-0 {
        border-style: var(--tw-border-style) !important;
        border-width: 0 !important
    }

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

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

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

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

    .border-\[2\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 2.5px
    }

    .border-\[3px\] {
        border-style: var(--tw-border-style);
        border-width: 3px
    }

    .btn-gradient {
        --btn-shadow: 0px 1px 3px 0px var(--btn-color, var(--color-neutral)), 0px 1px 2px -1px var(--btn-color, var(--color-neutral));
        background-color: #0000;
        border-width: 2px;
        transition-property: background-position, box-shadow;
        transition-duration: .4s;
        transition-timing-function: ease-in-out
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-gradient {
            --btn-shadow: 0px 1px 3px 0px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000), 0px 1px 2px -1px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000)
        }
    }

    .btn-gradient {
        --btn-border: var(--btn-color, var(--color-neutral));
        --dark-shade: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-gradient {
            --dark-shade: color-mix(in oklab, var(--btn-color, var(--color-neutral))80%, black)
        }
    }

    .btn-gradient {
        background-size: 200%;
        background-image: linear-gradient(102deg, var(--btn-color, var(--color-neutral))0%, var(--dark-shade)51%, var(--btn-color, var(--color-neutral))100%)
    }

    @media (hover:hover) {
        .btn-gradient:hover {
            --btn-shadow: 0px 4px 6px -1px var(--btn-color, var(--color-neutral)), 0px 2px 4px -2px var(--btn-color, var(--color-neutral))
        }

        @supports (color:color-mix(in lab, red, red)) {
            .btn-gradient:hover {
                --btn-shadow: 0px 4px 6px -1px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000), 0px 2px 4px -2px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000)
            }
        }

        .btn-gradient:hover {
            background-position: 99%
        }
    }

    .btn-gradient:focus-visible {
        --btn-shadow: 0px 4px 6px -1px var(--btn-color, var(--color-neutral)), 0px 2px 4px -2px var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-gradient:focus-visible {
            --btn-shadow: 0px 4px 6px -1px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000), 0px 2px 4px -2px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000)
        }
    }

    .btn-gradient:focus-visible {
        background-position: 99%
    }

    .btn-gradient.btn-active {
        --btn-shadow: 0px 4px 6px -1px var(--btn-color, var(--color-neutral)), 0px 2px 4px -2px var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-gradient.btn-active {
            --btn-shadow: 0px 4px 6px -1px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000), 0px 2px 4px -2px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000)
        }
    }

    .btn-gradient.btn-active {
        background-position: 99%
    }

    .btn-text {
        --btn-shadow: "";
        color: var(--btn-color, var(--color-neutral));
        --btn-bg: "";
        --btn-border: "";
        --btn-noise: none;
        outline-color: var(--btn-color, var(--color-neutral));
        border-width: 0
    }

    @media (hover:hover) {
        .btn-text:hover {
            --btn-bg: var(--btn-color, var(--color-neutral))
        }

        @supports (color:color-mix(in lab, red, red)) {
            .btn-text:hover {
                --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
            }
        }
    }

    .btn-text:focus-visible {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-text:focus-visible {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .btn-text.btn-active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-text.btn-active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .btn-soft {
        --btn-shadow: "";
        color: var(--btn-color, var(--color-neutral));
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, var(--color-base-100))
        }
    }

    .btn-soft {
        --btn-noise: none;
        border-width: 0
    }

    .btn-soft:focus-visible {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft:focus-visible {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))20%, var(--color-base-100))
        }
    }

    @media (hover:hover) {
        .btn-soft:hover {
            --btn-bg: var(--btn-color, var(--color-neutral))
        }

        @supports (color:color-mix(in lab, red, red)) {
            .btn-soft:hover {
                --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))20%, var(--color-base-100))
            }
        }
    }

    .btn-soft.btn-active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft.btn-active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))20%, var(--color-base-100))
        }
    }

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

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

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

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

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

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

    .no-focus:focus,
    .no-focus:focus-within {
        --tw-border-style: none;
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-outline-style: none;
        border-style: none;
        outline-style: none
    }

    .table-borderless,
    .table-borderless :where(thead, tbody) :where(tr:not(:last-child)),
    .table-borderless :where(thead, tbody) :where(tr:first-child:last-child) {
        --tw-border-style: none;
        border-style: none
    }

    .\!border-none {
        --tw-border-style: none !important;
        border-style: none !important
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-dotted {
        --tw-border-style: dotted;
        border-style: dotted
    }

    .divider-dashed:before,
    .divider-dashed:after {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .divider-dotted:before,
    .divider-dotted:after {
        --tw-border-style: dotted;
        border-style: dotted
    }

    .input.is-valid,
    .input:has(.is-valid),
    .validate .input:valid,
    .validate .input:has(:valid) {
        border-color: var(--color-success)
    }

    @media (hover:hover) {
        :is(.input.is-valid, .input:has(.is-valid), .validate .input:valid, .validate .input:has(:valid)):hover {
            border-color: var(--color-success)
        }
    }

    :is(.input.is-valid, .input:has(.is-valid), .validate .input:valid, .validate .input:has(:valid)):has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-success)
    }

    :is(.input.is-valid, .input:has(.is-valid), .validate .input:valid, .validate .input:has(:valid)):focus,
    :is(.input.is-valid, .input:has(.is-valid), .validate .input:valid, .validate .input:has(:valid)):focus-within {
        --input-color: var(--color-success)
    }

    .input.is-invalid,
    .input:has(.is-invalid),
    .validate .input:invalid,
    .validate .input:has(:invalid) {
        border-color: var(--color-error)
    }

    @media (hover:hover) {
        :is(.input.is-invalid, .input:has(.is-invalid), .validate .input:invalid, .validate .input:has(:invalid)):hover {
            border-color: var(--color-error)
        }
    }

    :is(.input.is-invalid, .input:has(.is-invalid), .validate .input:invalid, .validate .input:has(:invalid)):has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-error)
    }

    :is(.input.is-invalid, .input:has(.is-invalid), .validate .input:invalid, .validate .input:has(:invalid)):focus,
    :is(.input.is-invalid, .input:has(.is-invalid), .validate .input:invalid, .validate .input:has(:invalid)):focus-within {
        --input-color: var(--color-error)
    }

    .validate .input:valid::file-selector-button {
        background-color: var(--color-success);
        color: var(--color-success-content);
        --input-color: var(--color-success)
    }

    .validate .input:invalid::file-selector-button {
        background-color: var(--color-error);
        color: var(--color-error-content);
        --input-color: var(--color-error)
    }

    .validate .input-floating>.input:valid::file-selector-button {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        border-inline-end: var(--border)solid var(--color-success)
    }

    .validate .input-floating>.input:invalid::file-selector-button {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        border-inline-end: var(--border)solid var(--color-error)
    }

    @media (hover:hover) {
        .input-floating:has(.is-valid):hover {
            border-color: var(--color-success)
        }
    }

    .input-floating:has(.is-valid) .input-floating-label,
    :is(.input-floating:has(.is-valid):focus-within, .input-floating:has(.is-valid):not(:has(input:placeholder-shown)), .input-floating:has(.is-valid):has(.input:focus)) .input-floating-label {
        color: var(--color-success)
    }

    @media (hover:hover) {
        .validate .input-floating:has(:valid):hover {
            border-color: var(--color-success)
        }
    }

    .validate .input-floating:has(:valid) .input-floating-label,
    :is(.validate .input-floating:has(:valid):focus-within, .validate .input-floating:has(:valid):not(:has(input:placeholder-shown)), .validate .input-floating:has(:valid):has(.input:focus)) .input-floating-label {
        color: var(--color-success)
    }

    @media (hover:hover) {
        .input-floating:has(.is-invalid):hover {
            border-color: var(--color-error)
        }
    }

    .input-floating:has(.is-invalid) .input-floating-label,
    :is(.input-floating:has(.is-invalid):focus-within, .input-floating:has(.is-invalid):not(:has(input:placeholder-shown)), .input-floating:has(.is-invalid):has(.input:focus)) .input-floating-label {
        color: var(--color-error)
    }

    @media (hover:hover) {
        .validate .input-floating:has(:invalid):hover {
            border-color: var(--color-error)
        }
    }

    .validate .input-floating:has(:invalid) .input-floating-label,
    :is(.validate .input-floating:has(:invalid):focus-within, .validate .input-floating:has(:invalid):not(:has(input:placeholder-shown)), .validate .input-floating:has(:invalid):has(.input:focus)) .input-floating-label {
        color: var(--color-error)
    }

    .input.is-invalid::file-selector-button {
        background-color: var(--color-error);
        color: var(--color-error-content);
        --input-color: var(--color-error)
    }

    .input-floating>.input.is-invalid::file-selector-button {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        border-inline-end: var(--border)solid var(--color-error)
    }

    .label-text:has(~.is-invalid),
    .label-text:has(~* .is-invalid),
    .is-invalid~.helper-text,
    :has(.is-invalid)~.helper-text,
    .is-invalid~.label-text,
    .is-invalid~.label-text *,
    .is-invalid~*>.label-text {
        color: var(--color-error)
    }

    select.is-invalid+.advance-select-toggle,
    select.is-invalid+.advance-select-toggle:focus,
    select.is-invalid+.advance-select-toggle:focus-within,
    .advance-select-tag:has(>.is-invalid),
    .advance-select-tag:has(>.is-invalid):focus,
    .advance-select-tag:has(>.is-invalid):focus-within {
        --input-color: var(--color-error)
    }

    @media (hover:hover) {
        .input-floating:has(.is-invalid):hover {
            border-color: var(--color-error)
        }
    }

    .input-floating:has(.is-invalid) .input-floating-label,
    :is(.input-floating:has(.is-invalid):focus-within, .input-floating:has(.is-invalid):not(:has(input:placeholder-shown)), .input-floating:has(.is-invalid):has(.input:focus)) .input-floating-label,
    .textarea-floating:has(.is-invalid) .textarea-floating-label,
    :is(.textarea-floating:has(.is-invalid):focus-within, .textarea-floating:has(.is-invalid):not(:has(textarea:placeholder-shown)), .textarea-floating:has(.is-invalid):has(.textarea:focus)) .textarea-floating-label,
    .select-floating:has(.is-invalid) .select-floating-label,
    :is(.select-floating:has(.is-invalid):focus-within, .select-floating:has(.is-invalid):not(:has(select:placeholder-shown)), .select-floating:has(.is-invalid):has(.select:focus)) .select-floating-label {
        color: var(--color-error)
    }

    .input.is-valid::file-selector-button {
        background-color: var(--color-success);
        color: var(--color-success-content);
        --input-color: var(--color-success)
    }

    .input-floating>.input.is-valid::file-selector-button {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        border-inline-end: var(--border)solid var(--color-success)
    }

    .label-text:has(~.is-valid),
    .label-text:has(~* .is-valid),
    .is-valid~.helper-text,
    :has(.is-valid)~.helper-text,
    .is-valid~.label-text,
    .is-valid~.label-text *,
    .is-valid~*>.label-text {
        color: var(--color-success)
    }

    select.is-valid+.advance-select-toggle,
    select.is-valid+.advance-select-toggle:focus,
    select.is-valid+.advance-select-toggle:focus-within,
    .advance-select-tag:has(>.is-valid),
    .advance-select-tag:has(>.is-valid):focus,
    .advance-select-tag:has(>.is-valid):focus-within {
        --input-color: var(--color-success)
    }

    @media (hover:hover) {
        .input-floating:has(.is-valid):hover {
            border-color: var(--color-success)
        }
    }

    .input-floating:has(.is-valid) .input-floating-label,
    :is(.input-floating:has(.is-valid):focus-within, .input-floating:has(.is-valid):not(:has(input:placeholder-shown)), .input-floating:has(.is-valid):has(.input:focus)) .input-floating-label,
    .textarea-floating:has(.is-valid) .textarea-floating-label,
    :is(.textarea-floating:has(.is-valid):focus-within, .textarea-floating:has(.is-valid):not(:has(textarea:placeholder-shown)), .textarea-floating:has(.is-valid):has(.textarea:focus)) .textarea-floating-label,
    .select-floating:has(.is-valid) .select-floating-label,
    :is(.select-floating:has(.is-valid):focus-within, .select-floating:has(.is-valid):not(:has(select:placeholder-shown)), .select-floating:has(.is-valid):has(.select:focus)) .select-floating-label {
        color: var(--color-success)
    }

    .checkbox.is-valid,
    .checkbox:has(.is-valid),
    .validate .checkbox:valid,
    .validate .checkbox:has(:valid) {
        --input-color: var(--color-success);
        border-color: var(--input-color)
    }

    :is(.checkbox.is-valid, .checkbox:has(.is-valid), .validate .checkbox:valid, .validate .checkbox:has(:valid)):checked,
    :is(.checkbox.is-valid, .checkbox:has(.is-valid), .validate .checkbox:valid, .validate .checkbox:has(:valid))[aria-checked=true],
    :is(.checkbox.is-valid, .checkbox:has(.is-valid), .validate .checkbox:valid, .validate .checkbox:has(:valid)):has(>input:checked) {
        --input-color: var(--color-success)
    }

    .checkbox.is-invalid,
    .checkbox:has(.is-invalid),
    .validate .checkbox:invalid,
    .validate .checkbox:has(:invalid) {
        --input-color: var(--color-error);
        border-color: var(--input-color)
    }

    :is(.checkbox.is-invalid, .checkbox:has(.is-invalid), .validate .checkbox:invalid, .validate .checkbox:has(:invalid)):checked,
    :is(.checkbox.is-invalid, .checkbox:has(.is-invalid), .validate .checkbox:invalid, .validate .checkbox:has(:invalid))[aria-checked=true],
    :is(.checkbox.is-invalid, .checkbox:has(.is-invalid), .validate .checkbox:invalid, .validate .checkbox:has(:invalid)):has(>input:checked) {
        --input-color: var(--color-error)
    }

    .checkbox.is-valid,
    .checkbox:has(.is-valid),
    .validate .checkbox:valid,
    .validate .checkbox:has(:valid) {
        color: var(--color-success-content)
    }

    .checkbox.is-invalid,
    .checkbox:has(.is-invalid),
    .validate .checkbox:invalid,
    .validate .checkbox:has(:invalid) {
        color: var(--color-error-content)
    }

    .select.is-valid,
    .select:has(.is-valid),
    .validate .select:valid,
    .validate .select:has(:valid) {
        border-color: var(--color-success)
    }

    @media (hover:hover) {
        :is(.select.is-valid, .select:has(.is-valid), .validate .select:valid, .validate .select:has(:valid)):hover {
            border-color: var(--color-success)
        }
    }

    :is(.select.is-valid, .select:has(.is-valid), .validate .select:valid, .validate .select:has(:valid)):has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-success)
    }

    :is(.select.is-valid, .select:has(.is-valid), .validate .select:valid, .validate .select:has(:valid)):focus,
    :is(.select.is-valid, .select:has(.is-valid), .validate .select:valid, .validate .select:has(:valid)):focus-within {
        --input-color: var(--color-success)
    }

    .select.is-invalid,
    .select:has(.is-invalid),
    .validate .select:invalid,
    .validate .select:has(:invalid) {
        border-color: var(--color-error)
    }

    @media (hover:hover) {
        :is(.select.is-invalid, .select:has(.is-invalid), .validate .select:invalid, .validate .select:has(:invalid)):hover {
            border-color: var(--color-error)
        }
    }

    :is(.select.is-invalid, .select:has(.is-invalid), .validate .select:invalid, .validate .select:has(:invalid)):has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-error)
    }

    :is(.select.is-invalid, .select:has(.is-invalid), .validate .select:invalid, .validate .select:has(:invalid)):focus,
    :is(.select.is-invalid, .select:has(.is-invalid), .validate .select:invalid, .validate .select:has(:invalid)):focus-within {
        --input-color: var(--color-error)
    }

    .textarea.is-valid,
    .textarea:has(.is-valid),
    .validate .textarea:valid,
    .validate .textarea:has(:valid) {
        border-color: var(--color-success)
    }

    @media (hover:hover) {
        :is(.textarea.is-valid, .textarea:has(.is-valid), .validate .textarea:valid, .validate .textarea:has(:valid)):hover {
            border-color: var(--color-success)
        }
    }

    :is(.textarea.is-valid, .textarea:has(.is-valid), .validate .textarea:valid, .validate .textarea:has(:valid)):has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-success)
    }

    :is(.textarea.is-valid, .textarea:has(.is-valid), .validate .textarea:valid, .validate .textarea:has(:valid)):focus,
    :is(.textarea.is-valid, .textarea:has(.is-valid), .validate .textarea:valid, .validate .textarea:has(:valid)):focus-within {
        --input-color: var(--color-success)
    }

    .textarea.is-invalid,
    .textarea:has(.is-invalid),
    .validate .textarea:invalid,
    .validate .textarea:has(:invalid) {
        border-color: var(--color-error)
    }

    @media (hover:hover) {
        :is(.textarea.is-invalid, .textarea:has(.is-invalid), .validate .textarea:invalid, .validate .textarea:has(:invalid)):hover {
            border-color: var(--color-error)
        }
    }

    :is(.textarea.is-invalid, .textarea:has(.is-invalid), .validate .textarea:invalid, .validate .textarea:has(:invalid)):has(:hover):not(:focus, :focus-within) {
        border-color: var(--color-error)
    }

    :is(.textarea.is-invalid, .textarea:has(.is-invalid), .validate .textarea:invalid, .validate .textarea:has(:invalid)):focus,
    :is(.textarea.is-invalid, .textarea:has(.is-invalid), .validate .textarea:invalid, .validate .textarea:has(:invalid)):focus-within {
        --input-color: var(--color-error)
    }

    .radio.is-valid,
    .radio:has(.is-valid),
    .validate .radio:valid,
    .validate .radio:has(:valid) {
        --input-color: var(--color-success);
        border-color: var(--input-color)
    }

    :is(.radio.is-valid, .radio:has(.is-valid), .validate .radio:valid, .validate .radio:has(:valid)):checked,
    :is(.radio.is-valid, .radio:has(.is-valid), .validate .radio:valid, .validate .radio:has(:valid))[aria-checked=true],
    :is(.radio.is-valid, .radio:has(.is-valid), .validate .radio:valid, .validate .radio:has(:valid)):has(>input:checked) {
        --input-color: var(--color-success)
    }

    .radio.is-invalid,
    .radio:has(.is-invalid),
    .validate .radio:invalid,
    .validate .radio:has(:invalid) {
        --input-color: var(--color-error);
        border-color: var(--input-color)
    }

    :is(.radio.is-invalid, .radio:has(.is-invalid), .validate .radio:invalid, .validate .radio:has(:invalid)):checked,
    :is(.radio.is-invalid, .radio:has(.is-invalid), .validate .radio:invalid, .validate .radio:has(:invalid))[aria-checked=true],
    :is(.radio.is-invalid, .radio:has(.is-invalid), .validate .radio:invalid, .validate .radio:has(:invalid)):has(>input:checked) {
        --input-color: var(--color-error)
    }

    .radio-inset.is-valid,
    .radio-inset:has(.is-valid),
    .validate .radio-inset:valid,
    .validate .radio-inset:has(:valid) {
        --input-color: var(--color-success);
        border-color: var(--input-color)
    }

    :is(.radio-inset.is-valid, .radio-inset:has(.is-valid), .validate .radio-inset:valid, .validate .radio-inset:has(:valid)):checked,
    :is(.radio-inset.is-valid, .radio-inset:has(.is-valid), .validate .radio-inset:valid, .validate .radio-inset:has(:valid))[aria-checked=true],
    :is(.radio-inset.is-valid, .radio-inset:has(.is-valid), .validate .radio-inset:valid, .validate .radio-inset:has(:valid)):has(>input:checked) {
        --input-color: var(--color-success)
    }

    .radio-inset.is-invalid,
    .radio-inset:has(.is-invalid),
    .validate .radio-inset:invalid,
    .validate .radio-inset:has(:invalid) {
        --input-color: var(--color-error);
        border-color: var(--input-color)
    }

    :is(.radio-inset.is-invalid, .radio-inset:has(.is-invalid), .validate .radio-inset:invalid, .validate .radio-inset:has(:invalid)):checked,
    :is(.radio-inset.is-invalid, .radio-inset:has(.is-invalid), .validate .radio-inset:invalid, .validate .radio-inset:has(:invalid))[aria-checked=true],
    :is(.radio-inset.is-invalid, .radio-inset:has(.is-invalid), .validate .radio-inset:invalid, .validate .radio-inset:has(:invalid)):has(>input:checked) {
        --input-color: var(--color-error)
    }

    .switch.is-valid,
    .switch:has(.is-valid),
    .validate .switch:valid,
    .validate .switch:has(:valid) {
        --input-color: var(--color-success);
        border-color: var(--input-color)
    }

    :is(.switch.is-valid, .switch:has(.is-valid), .validate .switch:valid, .validate .switch:has(:valid)):checked,
    :is(.switch.is-valid, .switch:has(.is-valid), .validate .switch:valid, .validate .switch:has(:valid))[aria-checked=true],
    :is(.switch.is-valid, .switch:has(.is-valid), .validate .switch:valid, .validate .switch:has(:valid)):has(>input:checked) {
        --input-color: var(--color-success)
    }

    .switch.is-invalid,
    .switch:has(.is-invalid),
    .validate .switch:invalid,
    .validate .switch:has(:invalid) {
        --input-color: var(--color-error);
        border-color: var(--input-color)
    }

    :is(.switch.is-invalid, .switch:has(.is-invalid), .validate .switch:invalid, .validate .switch:has(:invalid)):checked,
    :is(.switch.is-invalid, .switch:has(.is-invalid), .validate .switch:invalid, .validate .switch:has(:invalid))[aria-checked=true],
    :is(.switch.is-invalid, .switch:has(.is-invalid), .validate .switch:invalid, .validate .switch:has(:invalid)):has(>input:checked) {
        --input-color: var(--color-error)
    }

    .\!border-base-content\/40 {
        border-color: var(--color-base-content) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\!border-base-content\/40 {
            border-color: color-mix(in oklab, var(--color-base-content)40%, transparent) !important
        }
    }

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

    .border-base-content,
    .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\/25 {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-base-content\/25 {
            border-color: color-mix(in oklab, var(--color-base-content)25%, 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-base-content\/40 {
        border-color: var(--color-base-content)
    }

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

    .border-current {
        border-color: currentColor
    }

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

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

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

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

    .border-neutral\/10 {
        border-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-neutral\/10 {
            border-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .border-neutral\/30 {
        border-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-neutral\/30 {
            border-color: color-mix(in oklab, var(--color-neutral)30%, transparent)
        }
    }

    .border-primary,
    .border-primary\/20 {
        border-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/20 {
            border-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

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

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

    .border-transparent {
        border-color: #0000
    }

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

    .divider-accent:before,
    .divider-accent:after {
        border-color: var(--color-accent)
    }

    .divider-error:before,
    .divider-error:after {
        border-color: var(--color-error)
    }

    .divider-info:before,
    .divider-info:after {
        border-color: var(--color-info)
    }

    .divider-neutral:before,
    .divider-neutral:after {
        border-color: var(--color-neutral)
    }

    .divider-primary:before,
    .divider-primary:after {
        border-color: var(--color-primary)
    }

    .divider-secondary:before,
    .divider-secondary:after {
        border-color: var(--color-secondary)
    }

    .divider-success:before,
    .divider-success:after {
        border-color: var(--color-success)
    }

    .divider-warning:before,
    .divider-warning:after {
        border-color: var(--color-warning)
    }

    .border-t-transparent {
        border-top-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
    }

    .input-floating .input::file-selector-button {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        border-inline-end: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .input-floating .input::file-selector-button {
            border-inline-end: var(--border)solid color-mix(in oklab, var(--color-base-content)40%, #0000)
        }
    }

    .input-floating .input::file-selector-button {
        outline: none
    }

    .\!text-bg-soft-primary {
        color: var(--color-primary) !important;
        background-color: var(--color-primary) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\!text-bg-soft-primary {
            background-color: color-mix(in oklab, var(--color-primary)10%, var(--color-base-100)) !important
        }
    }

    .dropdown-active {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dropdown-active {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .dropdown-active {
        color: var(--color-primary)
    }

    .progress-accent {
        background-color: var(--color-accent);
        color: var(--color-accent-content)
    }

    .progress-error {
        background-color: var(--color-error);
        color: var(--color-error-content)
    }

    .progress-info {
        background-color: var(--color-info);
        color: var(--color-info-content)
    }

    .progress-primary {
        background-color: var(--color-primary);
        color: var(--color-primary-content)
    }

    .progress-secondary {
        background-color: var(--color-secondary);
        color: var(--color-secondary-content)
    }

    .progress-success {
        background-color: var(--color-success);
        color: var(--color-success-content)
    }

    .progress-warning {
        background-color: var(--color-warning);
        color: var(--color-warning-content)
    }

    .status-accent {
        background-color: var(--color-accent);
        color: var(--color-accent)
    }

    .status-error {
        background-color: var(--color-error);
        color: var(--color-error)
    }

    .status-info {
        background-color: var(--color-info);
        color: var(--color-info)
    }

    .status-primary {
        background-color: var(--color-primary);
        color: var(--color-primary)
    }

    .status-secondary {
        background-color: var(--color-secondary);
        color: var(--color-secondary)
    }

    .status-success {
        background-color: var(--color-success);
        color: var(--color-success)
    }

    .status-warning {
        background-color: var(--color-warning);
        color: var(--color-warning)
    }

    .text-bg-neutral {
        background-color: var(--color-neutral);
        color: var(--color-neutral-content)
    }

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

    .text-bg-soft-neutral {
        color: var(--color-neutral);
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-bg-soft-neutral {
            background-color: color-mix(in oklab, var(--color-neutral)10%, var(--color-base-100))
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .text-bg-soft-primary {
            background-color: color-mix(in oklab, var(--color-primary)10%, var(--color-base-100))
        }
    }

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

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

        @supports (color:color-mix(in lab, red, red)) {
            :is(.table-striped tbody tr.row-hover, .table-striped tbody tr.row-hover:nth-child(2n)):hover {
                background-color: color-mix(in oklab, var(--color-base-200)80%, transparent)
            }
        }

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

    .\!bg-base-100 {
        background-color: var(--color-base-100) !important
    }

    .bg-\[\#1a73e8\] {
        background-color: #1a73e8
    }

    .bg-\[\#272822\] {
        background-color: #272822
    }

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

    .bg-accent-content {
        background-color: var(--color-accent-content)
    }

    .bg-accent\/10 {
        background-color: var(--color-accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-accent\/10 {
            background-color: color-mix(in oklab, var(--color-accent)10%, transparent)
        }
    }

    .bg-accent\/40 {
        background-color: var(--color-accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-accent\/40 {
            background-color: color-mix(in oklab, var(--color-accent)40%, 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-200,
    .bg-base-200\/20 {
        background-color: var(--color-base-200)
    }

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

    .bg-base-200\/30 {
        background-color: var(--color-base-200)
    }

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

    .bg-base-200\/40 {
        background-color: var(--color-base-200)
    }

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

    .bg-base-200\/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\/10 {
        background-color: var(--color-base-300)
    }

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

    .bg-base-300\/20 {
        background-color: var(--color-base-300)
    }

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

    .bg-base-300\/30 {
        background-color: var(--color-base-300)
    }

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

    .bg-base-300\/40 {
        background-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-base-300\/40 {
            background-color: color-mix(in oklab, var(--color-base-300)40%, 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,
    .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\/60 {
        background-color: var(--color-base-content)
    }

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

    .bg-base-content\/90 {
        background-color: var(--color-base-content)
    }

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

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

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

    .bg-error-content {
        background-color: var(--color-error-content)
    }

    .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-fuchsia-500 {
        background-color: var(--color-fuchsia-500)
    }

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

    .bg-info-content {
        background-color: var(--color-info-content)
    }

    .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-info\/20 {
        background-color: var(--color-info)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/20 {
            background-color: color-mix(in oklab, var(--color-info)20%, transparent)
        }
    }

    .bg-lime-500 {
        background-color: var(--color-lime-500)
    }

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

    .bg-neutral-content {
        background-color: var(--color-neutral-content)
    }

    .bg-neutral\/10 {
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-neutral\/10 {
            background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
        }
    }

    .bg-neutral\/20 {
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-neutral\/20 {
            background-color: color-mix(in oklab, var(--color-neutral)20%, transparent)
        }
    }

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

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

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/10 {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

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

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

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/70 {
            background-color: color-mix(in oklab, var(--color-primary)70%, transparent)
        }
    }

    .bg-red-500 {
        background-color: var(--color-red-500)
    }

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

    .bg-secondary-content {
        background-color: var(--color-secondary-content)
    }

    .bg-secondary\/10 {
        background-color: var(--color-secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/10 {
            background-color: color-mix(in oklab, var(--color-secondary)10%, transparent)
        }
    }

    .bg-secondary\/20 {
        background-color: var(--color-secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/20 {
            background-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }
    }

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

    .bg-success-content {
        background-color: var(--color-success-content)
    }

    .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-success\/30 {
        background-color: var(--color-success)
    }

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

    .bg-success\/70 {
        background-color: var(--color-success)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-success\/70 {
            background-color: color-mix(in oklab, var(--color-success)70%, transparent)
        }
    }

    .bg-transparent {
        background-color: #0000
    }

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

    .bg-warning-content {
        background-color: var(--color-warning-content)
    }

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

    .table-striped-columns td:nth-child(2n),
    .table-striped-columns th:nth-child(2n) {
        background-color: var(--color-base-200)
    }

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

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

    .progress-striped {
        background-image: linear-gradient(45deg, #ffffff26 25%, #0000 25% 50%, #ffffff26 50% 75%, #0000 75%, #0000);
        background-size: .75rem .75rem
    }

    .gradient-bg {
        --darker-shade: var(--gradient-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-bg {
            --darker-shade: color-mix(in oklab, var(--gradient-color, var(--color-neutral))80%, black)
        }
    }

    .gradient-bg {
        background-image: linear-gradient(135deg, var(--gradient-color, var(--color-neutral))0%, var(--darker-shade)100%)
    }

    .bg-\[url\(\'https\:\/\/cdn\.flyonui\.com\/fy-assets\/components\/card\/image-1\.png\'\)\] {
        background-image: url(https://cdn.flyonui.com/fy-assets/components/card/image-1.png)
    }

    .bg-\[url\(\'https\:\/\/cdn\.flyonui\.com\/fy-assets\/components\/carousel\/image-10\.png\'\)\] {
        background-image: url(https://cdn.flyonui.com/fy-assets/components/carousel/image-10.png)
    }

    .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-base-100\/10 {
        --tw-gradient-from: var(--color-base-100)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-base-100\/10 {
            --tw-gradient-from: color-mix(in oklab, var(--color-base-100)10%, transparent)
        }
    }

    .from-base-100\/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-error {
        --tw-gradient-from: var(--color-error);
        --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\/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\/60 {
        --tw-gradient-from: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-primary\/60 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary)60%, transparent)
        }
    }

    .from-primary\/60 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .via-info {
        --tw-gradient-via: var(--color-info);
        --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-primary\/30 {
        --tw-gradient-via: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/30 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .via-primary\/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)
    }

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

    .to-primary\/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-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-90\% {
        --tw-gradient-to-position: 90%
    }

    .loading-ball {
        -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")
    }

    .loading-bars {
        -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")
    }

    .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%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%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%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")
    }

    .loading-infinity {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")
    }

    .loading-ring {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
    }

    .loading-spinner {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    }

    .mask-circle {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-decagon {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-diamond {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-heart {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")
    }

    .mask-hexagon {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")
    }

    .mask-hexagon-2 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")
    }

    .mask-parallelogram {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-parallelogram-2 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-parallelogram-3 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-parallelogram-4 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-pentagon {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-square {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-squircle {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")
    }

    .mask-star {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-star-2 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-triangle {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-triangle-2 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-triangle-3 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-triangle-4 {
        -webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e")
    }

    .mask-circle {
        --tw-mask-radial-shape: circle
    }

    .bg-\[length\:400\%_400\%\] {
        background-size: 400% 400%
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

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

    .bg-center {
        background-position: 50%
    }

    .mask {
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .mask-half-1 {
        -webkit-mask-position: 0;
        mask-position: 0;
        -webkit-mask-size: 200%;
        mask-size: 200%
    }

    .mask-half-1:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        -webkit-mask-position: 100%;
        mask-position: 100%
    }

    .mask-half-2 {
        -webkit-mask-position: 100%;
        mask-position: 100%;
        -webkit-mask-size: 200%;
        mask-size: 200%
    }

    .mask-half-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        -webkit-mask-position: 0;
        mask-position: 0
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .checkbox-lg {
        --size: calc(var(--size-selector, .25rem)*7);
        padding: .25rem
    }

    .checkbox-md {
        --size: calc(var(--size-selector, .25rem)*6);
        padding: .125rem
    }

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

    .checkbox-xl {
        --size: calc(var(--size-selector, .25rem)*8);
        padding: .375rem
    }

    .checkbox-xs {
        --size: calc(var(--size-selector, .25rem)*4);
        padding: .125rem
    }

    .radio-lg {
        padding: .3125rem
    }

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

    .radio-md {
        padding: .25rem
    }

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

    .radio-sm {
        padding: .1875rem
    }

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

    .radio-xl {
        padding: .375rem
    }

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

    .radio-xs {
        padding: .1875rem
    }

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

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

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

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

    .p-px {
        padding: 1px
    }

    .menu-title {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-base-content);
        padding-block: .5rem;
        padding-inline: 1rem
    }

    .table-lg :where(thead, tfoot) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .table-lg :not(thead, tfoot) tr {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .table-lg :where(th, td) {
        padding-block: 1rem;
        padding-inline: 1.5rem
    }

    .table-md :where(thead, tfoot),
    .table-md :not(thead, tfoot) tr {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

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

    .table-sm :where(thead, tfoot) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .table-sm :not(thead, tfoot) tr {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

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

    .table-xl :where(thead, tfoot) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .table-xl :not(thead, tfoot) tr {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .table-xl :where(th, td) {
        padding-block: 1.25rem;
        padding-inline: 1.5rem
    }

    .table-xs :where(thead, tfoot),
    .table-xs :not(thead, tfoot) tr {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

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

    .badge-lg {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --size: calc(var(--size-selector, .25rem)*7);
        padding-inline: .875rem
    }

    .badge-md {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --size: calc(var(--size-selector, .25rem)*6);
        padding-inline: .75rem
    }

    .badge-sm {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --size: calc(var(--size-selector, .25rem)*5);
        padding-inline: .5rem
    }

    .badge-xl {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --size: calc(var(--size-selector, .25rem)*8);
        padding-inline: 1rem
    }

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

    .\!px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5) !important
    }

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

    .px-0\.5 {
        padding-inline: calc(var(--spacing)*.5)
    }

    .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-3 {
        padding-inline: calc(var(--spacing)*3)
    }

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

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

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

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

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

    .px-\[3px\] {
        padding-inline: 3px
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

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

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

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

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

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

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

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

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

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

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

    .py-px {
        padding-block: 1px
    }

    .ps-0 {
        padding-inline-start: calc(var(--spacing)*0)
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

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

    .ps-5 {
        padding-inline-start: calc(var(--spacing)*5)
    }

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

    .ps-8 {
        padding-inline-start: calc(var(--spacing)*8)
    }

    .pe-0 {
        padding-inline-end: calc(var(--spacing)*0)
    }

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

    .pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

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

    .pe-5 {
        padding-inline-end: calc(var(--spacing)*5)
    }

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

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

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

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

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

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

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

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

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

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

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

    .\!pb-2 {
        padding-bottom: calc(var(--spacing)*2) !important
    }

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

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

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-justify {
        text-align: justify
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-middle {
        vertical-align: middle
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .card-title,
    .modal-title {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-base-content)
    }

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

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

    .card-md {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --card-p: 1.5rem
    }

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

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

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

    .card-xl {
        --card-p: 2.5rem;
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

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

    .card-xs {
        --card-p: .5rem;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .card-xs .card-title {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .btn-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --btn-p: 1.25rem;
        --size: calc(var(--size-field, .25rem)*11.5)
    }

    .btn-md {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --btn-p: 1rem;
        --size: calc(var(--size-field, .25rem)*9.5)
    }

    .btn-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --btn-p: .75rem;
        --size: calc(var(--size-field, .25rem)*7.5)
    }

    .btn-xl {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --btn-p: 1.5rem;
        --size: calc(var(--size-field, .25rem)*14)
    }

    .btn-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --btn-p: .5rem;
        --size: calc(var(--size-field, .25rem)*6)
    }

    .tabs-lg :where(.tab) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --size: calc(var(--size-field, .25rem)*11.5);
        --tab-p: 1.25rem
    }

    .tabs-md :where(.tab) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --size: calc(var(--size-field, .25rem)*9.5);
        --tab-p: 1rem
    }

    .tabs-sm :where(.tab) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --size: calc(var(--size-field, .25rem)*7.5);
        --tab-p: .75rem
    }

    .tabs-xl :where(.tab) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --size: calc(var(--size-field, .25rem)*14);
        --tab-p: 1.5rem
    }

    .tabs-xs :where(.tab) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --size: calc(var(--size-field, .25rem)*6);
        --tab-p: .5rem
    }

    .kbd-lg {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --size: calc(var(--size-selector, .25rem)*7.5)
    }

    .kbd-md {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --size: calc(var(--size-selector, .25rem)*6.5)
    }

    .kbd-sm {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --size: calc(var(--size-selector, .25rem)*5.5)
    }

    .kbd-xl {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --size: calc(var(--size-selector, .25rem)*8.5)
    }

    .pin-input-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --size: calc(var(--size-field, .25rem)*11.5)
    }

    .pin-input-md {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --size: calc(var(--size-field, .25rem)*9.5)
    }

    .pin-input-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --size: calc(var(--size-field, .25rem)*7.5)
    }

    .pin-input-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --size: calc(var(--size-field, .25rem)*14)
    }

    .pin-input-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --size: calc(var(--size-field, .25rem)*6)
    }

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

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

    .input-md::file-selector-button {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

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

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

    .input-xs::file-selector-button {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .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-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--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))
    }

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

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

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

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

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

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

    .text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .text-\[1\.25rem\] {
        font-size: 1.25rem
    }

    .text-\[1\.125rem\] {
        font-size: 1.125rem
    }

    .text-\[1\.375rem\] {
        font-size: 1.375rem
    }

    .text-\[1\.8125rem\] {
        font-size: 1.8125rem
    }

    .text-\[1rem\] {
        font-size: 1rem
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing)*5);
        line-height: calc(var(--spacing)*5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

    .leading-7\.5 {
        --tw-leading: calc(var(--spacing)*7.5);
        line-height: calc(var(--spacing)*7.5)
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

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

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

    .\!font-semibold {
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important
    }

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

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

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

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

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

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

    .text-balance {
        text-wrap: balance
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-pretty {
        text-wrap: pretty
    }

    .text-wrap {
        text-wrap: wrap
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-break-spaces {
        white-space: break-spaces
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .btn-outline {
        --btn-shadow: "";
        --btn-bg: "";
        color: var(--btn-color, var(--color-neutral));
        --btn-border: var(--btn-color, var(--color-neutral));
        --btn-noise: none;
        outline-color: var(--btn-color, var(--color-neutral))
    }

    @media (hover:hover) {
        .btn-outline:hover {
            --btn-bg: var(--btn-color, var(--color-neutral))
        }

        @supports (color:color-mix(in lab, red, red)) {
            .btn-outline:hover {
                --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
            }
        }
    }

    .btn-outline:focus-visible {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-outline:focus-visible {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .btn-outline:focus-visible {
        outline-width: 1px
    }

    .btn-outline.btn-active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-outline.btn-active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .label-text:has(~.is-valid),
    .label-text:has(~* .is-valid),
    .validate .label-text:has(~:valid),
    .validate .label-text:has(~* :valid),
    .is-valid~.label-text,
    .is-valid~.label-text *,
    .is-valid~*>.label-text,
    .validate :valid~.label-text,
    .validate :valid~.label-text *,
    .validate :valid~*>.label-text {
        color: var(--color-success)
    }

    .label-text:has(~.is-invalid),
    .label-text:has(~* .is-invalid),
    .validate .label-text:has(~:invalid),
    .validate .label-text:has(~* :invalid),
    .is-invalid~.label-text,
    .is-invalid~.label-text *,
    .is-invalid~*>.label-text,
    .validate :invalid~.label-text,
    .validate :invalid~.label-text *,
    .validate :invalid~*>.label-text {
        color: var(--color-error)
    }

    .is-valid~.helper-text,
    :has(.is-valid)~.helper-text,
    .validate :valid~.helper-text,
    .validate :has(:valid)~.helper-text {
        color: var(--color-success)
    }

    .is-invalid~.helper-text,
    :has(.is-invalid)~.helper-text,
    .validate :invalid~.helper-text,
    .validate :has(:invalid)~.helper-text {
        color: var(--color-error)
    }

    .select-floating:has(.is-valid) .select-floating-label,
    :is(.select-floating:has(.is-valid):focus-within, .select-floating:has(.is-valid):not(:has(select:placeholder-shown)), .select-floating:has(.is-valid):has(.select:focus)) .select-floating-label,
    .validate .select-floating:has(:valid) .select-floating-label,
    :is(.validate .select-floating:has(:valid):focus-within, .validate .select-floating:has(:valid):not(:has(select:placeholder-shown)), .validate .select-floating:has(:valid):has(.select:focus)) .select-floating-label {
        color: var(--color-success)
    }

    .select-floating:has(.is-invalid) .select-floating-label,
    :is(.select-floating:has(.is-invalid):focus-within, .select-floating:has(.is-invalid):not(:has(select:placeholder-shown)), .select-floating:has(.is-invalid):has(.select:focus)) .select-floating-label,
    .validate .select-floating:has(:invalid) .select-floating-label,
    :is(.validate .select-floating:has(:invalid):focus-within, .validate .select-floating:has(:invalid):not(:has(select:placeholder-shown)), .validate .select-floating:has(:invalid):has(.select:focus)) .select-floating-label {
        color: var(--color-error)
    }

    .textarea-floating:has(.is-valid) .textarea-floating-label,
    :is(.textarea-floating:has(.is-valid):focus-within, .textarea-floating:has(.is-valid):not(:has(textarea:placeholder-shown)), .textarea-floating:has(.is-valid):has(.textarea:focus)) .textarea-floating-label,
    .validate .textarea-floating:has(:valid) .textarea-floating-label,
    :is(.validate .textarea-floating:has(:valid):focus-within, .validate .textarea-floating:has(:valid):not(:has(textarea:placeholder-shown)), .validate .textarea-floating:has(:valid):has(.textarea:focus)) .textarea-floating-label {
        color: var(--color-success)
    }

    .textarea-floating:has(.is-invalid) .textarea-floating-label,
    :is(.textarea-floating:has(.is-invalid):focus-within, .textarea-floating:has(.is-invalid):not(:has(textarea:placeholder-shown)), .textarea-floating:has(.is-invalid):has(.textarea:focus)) .textarea-floating-label,
    .validate .textarea-floating:has(:invalid) .textarea-floating-label,
    :is(.validate .textarea-floating:has(:invalid):focus-within, .validate .textarea-floating:has(:invalid):not(:has(textarea:placeholder-shown)), .validate .textarea-floating:has(:invalid):has(.textarea:focus)) .textarea-floating-label {
        color: var(--color-error)
    }

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

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

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

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

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

    .checkbox-accent {
        color: var(--color-accent-content);
        --input-color: var(--color-accent)
    }

    .checkbox-error {
        color: var(--color-error-content);
        --input-color: var(--color-error)
    }

    .checkbox-info {
        color: var(--color-info-content);
        --input-color: var(--color-info)
    }

    .checkbox-primary {
        color: var(--color-primary-content);
        --input-color: var(--color-primary)
    }

    .checkbox-secondary {
        color: var(--color-secondary-content);
        --input-color: var(--color-secondary)
    }

    .checkbox-success {
        color: var(--color-success-content);
        --input-color: var(--color-success)
    }

    .checkbox-warning {
        color: var(--color-warning-content);
        --input-color: var(--color-warning)
    }

    .\!text-info {
        color: var(--color-info) !important
    }

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

    .\!text-warning {
        color: var(--color-warning) !important
    }

    .text-\[\#e83e8c\] {
        color: #e83e8c
    }

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

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

    .text-base-100 {
        color: var(--color-base-100)
    }

    .text-base-300\/20 {
        color: var(--color-base-300)
    }

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

    .text-base-content,
    .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\/80 {
        color: var(--color-base-content)
    }

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

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

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

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

    .text-blue-500 {
        color: var(--color-blue-500)
    }

    .text-emerald-500 {
        color: var(--color-emerald-500)
    }

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

    .text-emerald-800 {
        color: var(--color-emerald-800)
    }

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

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

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

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

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

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

    .text-neutral-content,
    .text-neutral-content\/30 {
        color: var(--color-neutral-content)
    }

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

    .text-orange-500 {
        color: var(--color-orange-500)
    }

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

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

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

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

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

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

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

    .text-sky-500 {
        color: var(--color-sky-500)
    }

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

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

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

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

    .text-transparent {
        color: #0000
    }

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

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

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

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .link:where(.link-hover) {
        text-decoration-line: none
    }

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

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .swap-active .swap-off {
        opacity: 0
    }

    .swap-active .swap-on {
        opacity: 1
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-100 {
        opacity: 1
    }

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

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

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

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring,
    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-base-300 {
        --tw-shadow-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-base-300 {
            --tw-shadow-color: color-mix(in oklab, var(--color-base-300)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-base-300\/20 {
        --tw-shadow-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-base-300\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary {
        --tw-shadow-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary {
            --tw-shadow-color: color-mix(in oklab, var(--color-primary)var(--tw-shadow-alpha), transparent)
        }
    }

    .ring-base-content\/25 {
        --tw-ring-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-base-content\/25 {
            --tw-ring-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .ring-error {
        --tw-ring-color: var(--color-error)
    }

    .ring-info {
        --tw-ring-color: var(--color-info)
    }

    .ring-primary,
    .ring-primary\/20 {
        --tw-ring-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-primary\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .ring-secondary {
        --tw-ring-color: var(--color-secondary)
    }

    .ring-success {
        --tw-ring-color: var(--color-success)
    }

    .ring-warning {
        --tw-ring-color: var(--color-warning)
    }

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

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

    .outline-offset-2 {
        outline-offset: 2px
    }

    .outline-transparent {
        outline-color: #0000
    }

    .blur {
        --tw-blur: blur(8px);
        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));
        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-lg {
        --tw-blur: blur(var(--blur-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, )
    }

    .blur-xs {
        --tw-blur: blur(var(--blur-xs));
        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 {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);
        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-sm {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
        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, )
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .carousel-slide {
        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));
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .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-\[height\] {
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,margin\] {
        transition-property: opacity, margin;
        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-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-\[1ms\] {
        transition-delay: 1ms
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .duration-\[0\.1ms\] {
        --tw-duration: .1ms;
        transition-duration: .1ms
    }

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

    .will-change-transform {
        will-change: transform
    }

    select.is-valid+.advance-select-toggle,
    select.is-valid+.advance-select-toggle:focus,
    select.is-valid+.advance-select-toggle:focus-within,
    .validate select:has(~*>.selected)+.advance-select-toggle,
    .validate select:has(~*>.selected)+.advance-select-toggle:focus,
    .validate select:has(~*>.selected)+.advance-select-toggle:focus-within {
        --input-color: var(--color-success)
    }

    select.is-invalid+.advance-select-toggle,
    select.is-invalid+.advance-select-toggle:focus,
    select.is-invalid+.advance-select-toggle:focus-within,
    .validate select:not(:has(~*>.selected))+.advance-select-toggle,
    .validate select:not(:has(~*>.selected))+.advance-select-toggle:focus,
    .validate select:not(:has(~*>.selected))+.advance-select-toggle:focus-within {
        --input-color: var(--color-error)
    }

    .advance-select-tag:has(>.is-valid),
    .advance-select-tag:has(>.is-valid):focus,
    .advance-select-tag:has(>.is-valid):focus-within {
        --input-color: var(--color-success)
    }

    .advance-select-tag:has(>.is-invalid),
    .advance-select-tag:has(>.is-invalid):focus,
    .advance-select-tag:has(>.is-invalid):focus-within {
        --input-color: var(--color-error)
    }

    .indicator-center {
        --inidicator-s: 50%;
        --inidicator-e: 50%;
        --inidicator-x: -50%
    }

    [dir=rtl] .indicator-center {
        --inidicator-x: 50%
    }

    .indicator-end {
        --inidicator-s: auto;
        --inidicator-e: 0;
        --inidicator-x: 50%
    }

    [dir=rtl] .indicator-end {
        --inidicator-x: -50%
    }

    .indicator-start {
        --inidicator-s: 0;
        --inidicator-e: auto;
        --inidicator-x: -50%
    }

    [dir=rtl] .indicator-start {
        --inidicator-x: 50%
    }

    .indicator-bottom {
        --inidicator-t: auto;
        --inidicator-b: 0;
        --indicator-y: 50%
    }

    .indicator-middle {
        --inidicator-t: 50%;
        --inidicator-b: 50%;
        --indicator-y: -50%
    }

    .indicator-top {
        --inidicator-t: 0;
        --inidicator-b: auto;
        --indicator-y: -50%
    }

    .range-lg {
        --range-thumb-border-width: 4px;
        --range-track-height: 10px;
        --range-thumb-size: 18px
    }

    .range-md {
        --range-thumb-border-width: 3px;
        --range-track-height: 8px;
        --range-thumb-size: 16px
    }

    .range-sm {
        --range-thumb-border-width: 2.5px;
        --range-track-height: 6px;
        --range-thumb-size: 12px
    }

    .range-xl {
        --range-thumb-border-width: 4px;
        --range-track-height: 12px;
        --range-thumb-size: 20px
    }

    .range-xs {
        --range-thumb-border-width: 2.5px;
        --range-track-height: 4px;
        --range-thumb-size: 10px
    }

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

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

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

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

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

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

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

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

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

    .validate .custom-option:has(:valid),
    .custom-option:has(.is-valid) {
        --input-color: var(--color-success)
    }

    .validate .custom-option:has(:invalid),
    .custom-option:has(.is-invalid) {
        --input-color: var(--color-error)
    }

    .validate .custom-soft-option:has(:valid),
    .custom-soft-option:has(.is-valid) {
        --input-color: var(--color-success)
    }

    .validate .custom-soft-option:has(:invalid),
    .custom-soft-option:has(.is-invalid) {
        --input-color: var(--color-error)
    }

    .motion-ease-spring-smooth {
        --motion-timing: var(--motion-spring-smooth);
        --motion-perceptual-duration-multiplier: 1.66
    }

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

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .validate select:has(~*>.selected)+.advance-select-toggle,
    .validate select:has(~*>.selected)+.advance-select-toggle:focus,
    .validate select:has(~*>.selected)+.advance-select-toggle:focus-within {
        --input-color: var(--color-success)
    }

    .validate select:has(~*>.selected\!)+.advance-select-toggle,
    .validate select:has(~*>.selected\!)+.advance-select-toggle:focus,
    .validate select:has(~*>.selected\!)+.advance-select-toggle:focus-within {
        --input-color: var(--color-success) !important
    }

    .switch-lg[type=checkbox],
    .switch-lg:has([type=checkbox]) {
        --toggle-p: .25rem;
        --size: calc(var(--size-selector, .25rem)*7)
    }

    .switch-md[type=checkbox],
    .switch-md:has([type=checkbox]) {
        --toggle-p: .1875rem;
        --size: calc(var(--size-selector, .25rem)*6)
    }

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

    .switch-xl[type=checkbox],
    .switch-xl:has([type=checkbox]) {
        --toggle-p: .3125rem;
        --size: calc(var(--size-selector, .25rem)*8)
    }

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

    .timeline-snap-icon>:where(li) {
        --timeline-col-start: .5rem;
        --timeline-row-start: minmax(0, 1fr)
    }

    .tooltip-accent {
        --tooltip-color: var(--color-accent);
        --tooltip-text-color: var(--color-accent-content)
    }

    .tooltip-error {
        --tooltip-color: var(--color-error);
        --tooltip-text-color: var(--color-error-content)
    }

    .tooltip-info {
        --tooltip-color: var(--color-info);
        --tooltip-text-color: var(--color-info-content)
    }

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

    .tooltip-secondary {
        --tooltip-color: var(--color-secondary);
        --tooltip-text-color: var(--color-secondary-content)
    }

    .tooltip-success {
        --tooltip-color: var(--color-success);
        --tooltip-text-color: var(--color-success-content)
    }

    .tooltip-warning {
        --tooltip-color: var(--color-warning);
        --tooltip-text-color: var(--color-warning-content)
    }

    .\[----has-autofocus\:\*\] {
        ----has-autofocus: *
    }

    .\[--adaptive\:none\] {
        --adaptive: none
    }

    .\[--auto-close-equality-type\:\*\] {
        --auto-close-equality-type: *
    }

    .\[--auto-close-equality-type\:less-than\] {
        --auto-close-equality-type: less-than
    }

    .\[--auto-close\:\*\] {
        --auto-close: *
    }

    .\[--auto-close\:false\] {
        --auto-close: false
    }

    .\[--auto-close\:inside\] {
        --auto-close: inside
    }

    .\[--auto-close\:outside\] {
        --auto-close: outside
    }

    .\[--auto-close\:sm\] {
        --auto-close: sm
    }

    .\[--auto-close\:xl\] {
        --auto-close: xl
    }

    .\[--auto-hide\:\*\] {
        --auto-hide: *
    }

    .\[--auto-hide\:2000\] {
        --auto-hide: 2000
    }

    .\[--body-scroll\:\*\] {
        --body-scroll: *
    }

    .\[--body-scroll\:true\] {
        --body-scroll: true
    }

    .\[--btn-color\:\#0a66c2\] {
        --btn-color: #0a66c2
    }

    .\[--btn-color\:\#000\] {
        --btn-color: #000
    }

    .\[--btn-color\:\#1da1f2\] {
        --btn-color: #1da1f2
    }

    .\[--btn-color\:\#2b3137\] {
        --btn-color: #2b3137
    }

    .\[--btn-color\:\#1877F2\] {
        --btn-color: #1877f2
    }

    .\[--btn-fg\:\#0a66c2\] {
        --btn-fg: #0a66c2
    }

    .\[--btn-fg\:\#1da1f2\] {
        --btn-fg: #1da1f2
    }

    .\[--btn-fg\:\#1877F2\] {
        --btn-fg: #1877f2
    }

    .\[--flip\:\*\] {
        --flip: *
    }

    .\[--flip\:false\] {
        --flip: false
    }

    .\[--gpu-acceleration\:\*\] {
        --gpu-acceleration: *
    }

    .\[--has-autofocus\:\*\] {
        --has-autofocus: *
    }

    .\[--has-autofocus\:false\] {
        --has-autofocus: false
    }

    .\[--has-dynamic-z-index\:\*\] {
        --has-dynamic-z-index: *
    }

    .\[--input-color\:blue\] {
        --input-color: blue
    }

    .\[--input-color\:green\] {
        --input-color: green
    }

    .\[--input-color\:pink\] {
        --input-color: pink
    }

    .\[--interaction\:\*\] {
        --interaction: *
    }

    .\[--interaction\:false\] {
        --interaction: false
    }

    .\[--is-layout-affect\:\*\] {
        --is-layout-affect: *
    }

    .\[--is-layout-affect\:true\] {
        --is-layout-affect: true
    }

    .\[--keep-one-open\:\*\] {
        --keep-one-open: *
    }

    .\[--link-color\:purple\] {
        --link-color: purple
    }

    .\[--offset\:\*\] {
        --offset: *
    }

    .\[--offset\:8\] {
        --offset: 8
    }

    .\[--offset\:9\] {
        --offset: 9
    }

    .\[--offset\:10\] {
        --offset: 10
    }

    .\[--offset\:15\] {
        --offset: 15
    }

    .\[--offset\:30\] {
        --offset: 30
    }

    .\[--opened\:\*\] {
        --opened: *
    }

    .\[--overlay-backdrop\:\*\] {
        --overlay-backdrop: *
    }

    .\[--overlay-backdrop\:false\] {
        --overlay-backdrop: false
    }

    .\[--overlay-backdrop\:static\] {
        --overlay-backdrop: static
    }

    .\[--placement\:\*\] {
        --placement: *
    }

    .\[--placement\:bottom-end\] {
        --placement: bottom-end
    }

    .\[--placement\:bottom-start\] {
        --placement: bottom-start
    }

    .\[--placement\:bottom\] {
        --placement: bottom
    }

    .\[--placement\:left-end\] {
        --placement: left-end
    }

    .\[--placement\:left-start\] {
        --placement: left-start
    }

    .\[--placement\:left\] {
        --placement: left
    }

    .\[--placement\:right-end\] {
        --placement: right-end
    }

    .\[--placement\:right-start\] {
        --placement: right-start
    }

    .\[--placement\:right\] {
        --placement: right
    }

    .\[--placement\:top-end\] {
        --placement: top-end
    }

    .\[--placement\:top-start\] {
        --placement: top-start
    }

    .\[--placement\:top\] {
        --placement: top
    }

    .\[--prevent-popper\:true\] {
        --prevent-popper: true
    }

    .\[--range-color\:teal\] {
        --range-color: teal
    }

    .\[--scope\:\*\] {
        --scope: *
    }

    .\[--scrollspy-offset\:170\] {
        --scrollspy-offset: 170
    }

    .\[--scrollspy-offset\:number\] {
        --scrollspy-offset: number
    }

    .\[--skidding\:\*\] {
        --skidding: *
    }

    .\[--stop-propagation\:\*\] {
        --stop-propagation: *
    }

    .\[--strategy\:\*\] {
        --strategy: *
    }

    .\[--strategy\:absolute\] {
        --strategy: absolute
    }

    .\[--strategy\:static\] {
        --strategy: static
    }

    .\[--tab-accessibility-limited\:\*\] {
        --tab-accessibility-limited: *
    }

    .\[--tab-accessibility-limited\:false\] {
        --tab-accessibility-limited: false
    }

    .\[--trigger\:\*\] {
        --trigger: *
    }

    .\[--trigger\:click\] {
        --trigger: click
    }

    .\[--trigger\:contextmenu\] {
        --trigger: contextmenu
    }

    .\[--trigger\:focus\] {
        --trigger: focus
    }

    .\[--trigger\:hover\] {
        --trigger: hover
    }

    .\[--wave-color\:\#0a66c250\] {
        --wave-color: #0a66c250
    }

    .\[--wave-color\:\#4a87d766\] {
        --wave-color: #4a87d766
    }

    .\[--wave-color\:\#ffffff5e\] {
        --wave-color: #ffffff5e
    }

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

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

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

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

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

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

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

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

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

    .motion-duration-500 {
        --motion-duration: .5s
    }

    .motion-duration-1000 {
        --motion-duration: 1s
    }

    .radio-accent {
        --input-color: var(--color-accent)
    }

    .radio-error {
        --input-color: var(--color-error)
    }

    .radio-info {
        --input-color: var(--color-info)
    }

    .radio-primary {
        --input-color: var(--color-primary)
    }

    .radio-secondary {
        --input-color: var(--color-secondary)
    }

    .radio-success {
        --input-color: var(--color-success)
    }

    .radio-warning {
        --input-color: var(--color-warning)
    }

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

    .range-error {
        --range-color: var(--color-error)
    }

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

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

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

    .range-success {
        --range-color: var(--color-success)
    }

    .range-warning {
        --range-color: var(--color-warning)
    }

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

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

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

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

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

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

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

    :is(.\*\:flex>*) {
        display: flex
    }

    :is(.\*\:w-full>*) {
        width: 100%
    }

    :is(.\*\:cursor-move>*) {
        cursor: move
    }

    :is(.\*\:cursor-pointer>*) {
        cursor: pointer
    }

    :is(.\*\:items-center>*) {
        align-items: center
    }

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

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

    :is(.\*\:rounded-md>*) {
        border-radius: var(--radius-md)
    }

    :is(.\*\:p-0>*) {
        padding: calc(var(--spacing)*0)
    }

    :is(.\*\:p-3>*) {
        padding: calc(var(--spacing)*3)
    }

    :is(.\*\:py-3>*) {
        padding-block: calc(var(--spacing)*3)
    }

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

    :is(.\*\:shadow-base-300\/20>*) {
        --tw-shadow-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.\*\:shadow-base-300\/20>*) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    :is(.\*\:\[grid-area\:1\/1\]>*) {
        grid-area: 1/1
    }

    :is(.\*\*\:rounded-none *) {
        border-radius: 0
    }

    :is(.\*\:not-last\:border-e>*):not(:last-child) {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px
    }

    :is(.\*\:not-last\:border-base-content\/25>*):not(:last-child) {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.\*\:not-last\:border-base-content\/25>*):not(:last-child) {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .group-last\:hidden:is(:where(.group):last-child *) {
        display: none
    }

    @media (hover:hover) {
        .group-hover\:block:is(:where(.group):hover *) {
            display: block
        }

        .group-hover\:hidden:is(:where(.group):hover *) {
            display: none
        }

        .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-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing)*1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:-translate-y-2:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing)*-2);
            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-110:is(:where(.group):hover *) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:text-primary:is(:where(.group):hover *) {
            color: var(--color-primary)
        }
    }

    .group-has-\[div\]\:hidden:is(:where(.group):has(:is(div)) *) {
        display: none
    }

    .peer-checked\:block:is(:where(.peer):checked~*) {
        display: block
    }

    .peer-checked\:hidden:is(:where(.peer):checked~*) {
        display: none
    }

    .first-letter\:float-left:first-letter {
        float: left
    }

    .first-letter\:me-3:first-letter {
        margin-inline-end: calc(var(--spacing)*3)
    }

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

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

    .first-letter\:text-base-content:first-letter {
        color: var(--color-base-content)
    }

    .first-line\:tracking-widest:first-line {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .first-line\:uppercase:first-line {
        text-transform: uppercase
    }

    .marker\:text-neutral-300 ::marker {
        color: var(--color-neutral-300)
    }

    .marker\:text-neutral-300::marker {
        color: var(--color-neutral-300)
    }

    .marker\:text-neutral-300 ::-webkit-details-marker {
        color: var(--color-neutral-300)
    }

    .marker\:text-neutral-300::-webkit-details-marker {
        color: var(--color-neutral-300)
    }

    .marker\:text-purple-500 ::marker {
        color: var(--color-purple-500)
    }

    .marker\:text-purple-500::marker {
        color: var(--color-purple-500)
    }

    .marker\:text-purple-500 ::-webkit-details-marker {
        color: var(--color-purple-500)
    }

    .marker\:text-purple-500::-webkit-details-marker {
        color: var(--color-purple-500)
    }

    .file\:me-3::file-selector-button {
        margin-inline-end: calc(var(--spacing)*3)
    }

    .file\:h-9\.5::file-selector-button {
        height: calc(var(--spacing)*9.5)
    }

    .file\:rounded-field::file-selector-button {
        border-radius: var(--radius-field)
    }

    .file\:rounded-full::file-selector-button {
        border-radius: 3.40282e38px
    }

    .file\:text-bg-primary::file-selector-button {
        background-color: var(--color-primary);
        color: var(--color-primary-content)
    }

    .file\:px-4::file-selector-button {
        padding-inline: calc(var(--spacing)*4)
    }

    .file\:text-base::file-selector-button {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .file\:uppercase::file-selector-button {
        text-transform: uppercase
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:-start-6:before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*-6)
    }

    .before\:start-0:before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*0)
    }

    .before\:-top-3:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*-3)
    }

    .before\:-top-4:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*-4)
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .before\:h-3:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*3)
    }

    .before\:h-4:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*4)
    }

    .before\:h-full:before {
        content: var(--tw-content);
        height: 100%
    }

    .before\:w-6:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*6)
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:border-t-2:before {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
    }

    .before\:border-t-4:before {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 4px
    }

    .before\:border-t-8:before {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 8px
    }

    .before\:content-none:before {
        content: var(--tw-content);
        --tw-content: none;
        content: none
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:start-0:after {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*0)
    }

    .after\:-end-6:after {
        content: var(--tw-content);
        inset-inline-end: calc(var(--spacing)*-6)
    }

    .after\:top-0:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .after\:-bottom-3:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-3)
    }

    .after\:-bottom-4:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-4)
    }

    .after\:h-3:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*3)
    }

    .after\:h-4:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*4)
    }

    .after\:h-full:after {
        content: var(--tw-content);
        height: 100%
    }

    .after\:w-6:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*6)
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .after\:border-0:after {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .after\:border-t-2:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
    }

    .after\:border-t-4:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 4px
    }

    .after\:border-t-8:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 8px
    }

    :is(.\*\:first\:rounded-s-md>*):first-child {
        border-start-start-radius: var(--radius-md);
        border-end-start-radius: var(--radius-md)
    }

    :is(.\*\:first\:rounded-t-md>*):first-child {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    :is(.\*\:last\:rounded-e-md>*):last-child {
        border-start-end-radius: var(--radius-md);
        border-end-end-radius: var(--radius-md)
    }

    :is(.\*\:last\:rounded-b-md>*):last-child {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    :is(.\*\:odd\:bg-base-200>*):nth-child(odd) {
        background-color: var(--color-base-200)
    }

    .open\:bg-base-100:is([open], :popover-open, :open) {
        background-color: var(--color-base-100)
    }

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

    .checked\:block:checked {
        display: block
    }

    .checked\:border-\[\#9b59b6\]:checked {
        border-color: #9b59b6
    }

    .checked\:border-\[\#f0f\]:checked {
        border-color: #f0f
    }

    .checked\:border-\[green\]:checked {
        border-color: green
    }

    .checked\:border-amber-400:checked {
        border-color: var(--color-amber-400)
    }

    .checked\:border-amber-600:checked {
        border-color: var(--color-amber-600)
    }

    .checked\:border-red-600:checked {
        border-color: var(--color-red-600)
    }

    .checked\:bg-\[\#9b59b6\]:checked {
        background-color: #9b59b6
    }

    .checked\:bg-\[\#f0f\]:checked {
        background-color: #f0f
    }

    .checked\:bg-\[green\]:checked {
        background-color: green
    }

    .checked\:bg-amber-400:checked {
        background-color: var(--color-amber-400)
    }

    .checked\:bg-amber-600:checked {
        background-color: var(--color-amber-600)
    }

    .checked\:text-\[\#8fff8f\]:checked {
        color: #8fff8f
    }

    .checked\:text-\[\#e4b0f8\]:checked {
        color: #e4b0f8
    }

    .checked\:text-\[\#fff\]:checked {
        color: #fff
    }

    .checked\:text-amber-100:checked {
        color: var(--color-amber-100)
    }

    .checked\:text-amber-800:checked {
        color: var(--color-amber-800)
    }

    .checked\:text-blue-100:checked {
        color: var(--color-blue-100)
    }

    .checked\:text-blue-600:checked {
        color: var(--color-blue-600)
    }

    .checked\:text-green-700:checked {
        color: var(--color-green-700)
    }

    .checked\:text-pink-300:checked {
        color: var(--color-pink-300)
    }

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

    .checked\:\[--input-color\:\#9b59b6\]:checked {
        --input-color: #9b59b6
    }

    .checked\:\[--input-color\:\.\.\.\]:checked {
        --input-color: ...
    }

    .checked\:\[--input-color\:blue\]:checked {
        --input-color: blue
    }

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

    .empty\:gap-0:empty {
        gap: calc(var(--spacing)*0)
    }

    @media (hover:hover) {
        .hover\:z-30:hover {
            z-index: 30
        }

        .hover\:block:hover {
            display: block
        }

        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:-translate-y-2:hover {
            --tw-translate-y: calc(var(--spacing)*-2);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:motion-scale-out-110:hover {
            --motion-end-scale-x: 1.1;
            --motion-end-scale-y: 1.1;
            --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both;
            animation: var(--motion-all-exit-animations)
        }

        .hover\:cursor-grab:hover {
            cursor: grab
        }

        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .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-base-content\/40:hover {
            border-color: var(--color-base-content)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-base-content\/40:hover {
                border-color: color-mix(in oklab, var(--color-base-content)40%, transparent)
            }
        }

        .hover\:border-base-content\/60:hover {
            border-color: var(--color-base-content)
        }

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

        .hover\:bg-base-200\/50:hover {
            background-color: var(--color-base-200)
        }

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

        .hover\:bg-base-200\/60:hover {
            background-color: var(--color-base-200)
        }

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

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

        .hover\:bg-neutral\/\[0\.03\]:hover {
            background-color: var(--color-neutral)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-neutral\/\[0\.03\]:hover {
                background-color: color-mix(in oklab, var(--color-neutral)3%, 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-transparent:hover {
            background-color: #0000
        }

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

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

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

        .hover\:underline:hover {
            text-decoration-line: underline
        }

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

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

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

        .hover\:ring-2:hover {
            --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)
        }

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

    .focus\:z-10:focus {
        z-index: 10
    }

    .focus\:border-primary:focus {
        border-color: var(--color-primary)
    }

    .focus\:ring-1:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-primary:focus {
        --tw-ring-color: var(--color-primary)
    }

    .focus\:outline-1:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus\:outline-primary:focus {
        outline-color: var(--color-primary)
    }

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

    .active\:cursor-grabbing:active {
        cursor: grabbing
    }

    .active\:ring-\[3px\]:active {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + 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)
    }

    :is(.\*\:active\:motion-preset-shake>*):active {
        --motion-duration: .3s;
        --motion-origin-rotate: 15deg;
        --motion-origin-opacity: 0;
        --motion-rotate-timing: var(--motion-spring-bounciest);
        --motion-rotate-perceptual-duration-multiplier: 2.035;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration)*var(--motion-rotate-perceptual-duration-multiplier))var(--motion-rotate-timing)var(--motion-rotate-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

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

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .has-checked\:btn-active:has(:checked) {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-checked\:btn-active:has(:checked) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))90%, #000)
        }
    }

    .has-checked\:btn-active:has(:checked) {
        isolation: isolate
    }

    .btn-soft.has-checked\:btn-active:has(:checked) {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft.has-checked\:btn-active:has(:checked) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))20%, var(--color-base-100))
        }
    }

    .btn-outline.has-checked\:btn-active:has(:checked) {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-outline.has-checked\:btn-active:has(:checked) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .btn-text.has-checked\:btn-active:has(:checked) {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-text.has-checked\:btn-active:has(:checked) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .btn-gradient.has-checked\:btn-active:has(:checked) {
        --btn-shadow: 0px 4px 6px -1px var(--btn-color, var(--color-neutral)), 0px 2px 4px -2px var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-gradient.has-checked\:btn-active:has(:checked) {
            --btn-shadow: 0px 4px 6px -1px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000), 0px 2px 4px -2px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000)
        }
    }

    .btn-gradient.has-checked\:btn-active:has(:checked) {
        background-position: 99%
    }

    .aria-\[current\=\'page\'\]\:text-border-primary[aria-current=page] {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-primary);
        background-color: var(--color-base-100);
        color: var(--color-primary)
    }

    .aria-\[current\=\'page\'\]\:text-bg-primary[aria-current=page] {
        background-color: var(--color-primary);
        color: var(--color-primary-content)
    }

    .aria-\[current\=\'page\'\]\:text-bg-soft-primary[aria-current=page] {
        color: var(--color-primary);
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-\[current\=\'page\'\]\:text-bg-soft-primary[aria-current=page] {
            background-color: color-mix(in oklab, var(--color-primary)10%, var(--color-base-100))
        }
    }

    .aria-\[current\=\'page\'\]\:bg-primary\/10[aria-current=page] {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-\[current\=\'page\'\]\:bg-primary\/10[aria-current=page] {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    @media not all and (min-width:480px) {
        .max-\[480px\]\:hidden {
            display: none
        }
    }

    @media not all and (min-width:80rem) {
        .max-xl\:hidden {
            display: none
        }

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

        .max-xl\:overflow-x-auto {
            overflow-x: auto
        }

        .max-xl\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }
    }

    @media not all and (min-width:64rem) {
        .max-lg\:hidden {
            display: none
        }

        .max-lg\:btn-square {
            width: var(--size);
            height: var(--size);
            padding-inline: 0
        }

        .max-lg\:flex-col {
            flex-direction: column
        }

        .max-lg\:justify-end {
            justify-content: flex-end
        }
    }

    @media not all and (min-width:48rem) {

        .max-md\:timeline-compact,
        .max-md\:timeline-compact.timeline-horizontal {
            --timeline-row-start: 0
        }

        :is(.max-md\:timeline-compact, .max-md\:timeline-compact.timeline-horizontal) .timeline-start {
            grid-area: 3/1/4/4;
            place-self: flex-start center;
            margin: .5rem
        }

        :is(.max-md\:timeline-compact, .max-md\:timeline-compact.timeline-horizontal) li:has(.timeline-start) .timeline-end {
            grid-row-start: auto;
            grid-column-start: none
        }

        .max-md\:timeline-compact.timeline-vertical>li {
            --timeline-col-start: 0
        }

        .max-md\:timeline-compact.timeline-vertical .timeline-start {
            grid-area: 1/3/4/4;
            place-self: center flex-start
        }

        .max-md\:timeline-compact.timeline-vertical li:has(.timeline-start) .timeline-end {
            grid-row-start: none;
            grid-column-start: auto
        }

        .max-md\:timeline-compact.timeline-vertical .timeline-shift .timeline-start {
            grid-column: 3/4;
            grid-row-start: 3
        }

        .max-md\:timeline-compact.timeline-vertical .timeline-shift .timeline-end {
            grid-area: 1/3/2/4
        }

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

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

        .max-md\:hidden {
            display: none
        }

        .max-md\:btn-square {
            width: var(--size);
            height: var(--size);
            padding-inline: 0
        }

        .max-md\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .max-md\:h-\[31\.25rem\] {
            height: 31.25rem
        }

        .max-md\:w-1\/4 {
            width: 25%
        }

        .max-md\:w-fit {
            width: fit-content
        }

        .max-md\:w-full {
            width: 100%
        }

        .max-md\:w-px {
            width: 1px
        }

        .max-md\:max-w-60 {
            max-width: calc(var(--spacing)*60)
        }

        .max-md\:stats-vertical {
            grid-auto-flow: row
        }

        :where(.max-md\:stats-vertical>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(0px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(0px*calc(1 - var(--tw-divide-x-reverse)));
            --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)))
        }

        .max-md\:stats-vertical {
            overflow-y: auto
        }

        .max-md\:flex-col {
            flex-direction: column
        }

        .max-md\:flex-wrap {
            flex-wrap: wrap
        }

        .max-md\:justify-center {
            justify-content: center
        }

        .max-md\:rounded-b-none {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

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

        .max-md\:border-base-content\/20 {
            border-color: var(--color-base-content)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .max-md\:border-base-content\/20 {
                border-color: color-mix(in oklab, var(--color-base-content)20%, transparent)
            }
        }

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

        .max-md\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .max-md\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .max-md\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .max-md\:pt-1\.5 {
            padding-top: calc(var(--spacing)*1.5)
        }

        .max-md\:pt-2 {
            padding-top: calc(var(--spacing)*2)
        }

        .max-md\:shadow-none {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }

    @media not all and (min-width:40rem) {
        .max-sm\:start-3 {
            inset-inline-start: calc(var(--spacing)*3)
        }

        .max-sm\:end-3 {
            inset-inline-end: calc(var(--spacing)*3)
        }

        .max-sm\:join-vertical {
            flex-direction: column
        }

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

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

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

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

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

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

        .max-sm\:hidden {
            display: none
        }

        .max-sm\:btn-square {
            width: var(--size);
            height: var(--size);
            padding-inline: 0
        }

        .max-sm\:size-9\.5 {
            width: calc(var(--spacing)*9.5);
            height: calc(var(--spacing)*9.5)
        }

        .max-sm\:h-48 {
            height: calc(var(--spacing)*48)
        }

        .max-sm\:max-h-100 {
            max-height: calc(var(--spacing)*100)
        }

        .max-sm\:w-5\/6 {
            width: 83.3333%
        }

        .max-sm\:w-8 {
            width: calc(var(--spacing)*8)
        }

        .max-sm\:w-11\/12 {
            width: 91.6667%
        }

        .max-sm\:w-16 {
            width: calc(var(--spacing)*16)
        }

        .max-sm\:w-20 {
            width: calc(var(--spacing)*20)
        }

        .max-sm\:w-28 {
            width: calc(var(--spacing)*28)
        }

        .max-sm\:w-40 {
            width: calc(var(--spacing)*40)
        }

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

        .max-sm\:w-64 {
            width: calc(var(--spacing)*64)
        }

        .max-sm\:w-full {
            width: 100%
        }

        .max-sm\:max-w-25 {
            max-width: calc(var(--spacing)*25)
        }

        .max-sm\:max-w-72 {
            max-width: calc(var(--spacing)*72)
        }

        .max-sm\:stats-vertical {
            grid-auto-flow: row
        }

        :where(.max-sm\:stats-vertical>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(0px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(0px*calc(1 - var(--tw-divide-x-reverse)));
            --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)))
        }

        .max-sm\:stats-vertical {
            overflow-y: auto
        }

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

        .max-sm\:flex-col {
            flex-direction: column
        }

        .max-sm\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .max-sm\:flex-wrap {
            flex-wrap: wrap
        }

        .max-sm\:items-center {
            align-items: center
        }

        .max-sm\:justify-center {
            justify-content: center
        }

        .max-sm\:justify-start {
            justify-content: flex-start
        }

        .max-sm\:gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
        }

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

        :where(.max-sm\: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)))
        }

        .max-sm\:overflow-y-auto {
            overflow-y: auto
        }

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

        .max-sm\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .max-sm\:p-3 {
            padding: calc(var(--spacing)*3)
        }

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

        .max-sm\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

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

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

        .max-sm\:\[--placement\:bottom-end\] {
            --placement: bottom-end
        }

        .max-sm\:\[--placement\:bottom-start\] {
            --placement: bottom-start
        }

        :is(.max-sm\:\*\:kbd-sm>*) {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            --size: calc(var(--size-selector, .25rem)*5.5)
        }
    }

    @media (min-width:40rem) {
        .sm\:menu-horizontal {
            flex-direction: row;
            display: inline-flex
        }

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

        .sm\:menu-horizontal>li>.collapse>ul:before {
            content: none
        }

        :where(.sm\:menu-horizontal>li:not(.menu-title)>.collapse>ul) {
            border-radius: var(--radius-box);
            background-color: var(--color-base-100);
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-shadow-color: var(--color-base-300)
        }

        @supports (color:color-mix(in lab, red, red)) {
            :where(.sm\:menu-horizontal>li:not(.menu-title)>.collapse>ul) {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .sm\:absolute {
            position: absolute
        }

        .sm\:sticky {
            position: sticky
        }

        .sm\:end-0 {
            inset-inline-end: calc(var(--spacing)*0)
        }

        .sm\:end-6 {
            inset-inline-end: calc(var(--spacing)*6)
        }

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

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

        .sm\:z-0 {
            z-index: 0
        }

        .sm\:z-1 {
            z-index: 1
        }

        .sm\:col-span-1 {
            grid-column: span 1/span 1
        }

        .sm\:col-span-2 {
            grid-column: span 2/span 2
        }

        .sm\:col-span-4 {
            grid-column: span 4/span 4
        }

        .sm\:-mx-8 {
            margin-inline: calc(var(--spacing)*-8)
        }

        .sm\:my-7 {
            margin-block: calc(var(--spacing)*7)
        }

        .sm\:my-10 {
            margin-block: calc(var(--spacing)*10)
        }

        .sm\:ms-3 {
            margin-inline-start: calc(var(--spacing)*3)
        }

        .sm\:ms-4 {
            margin-inline-start: calc(var(--spacing)*4)
        }

        .sm\:me-4 {
            margin-inline-end: calc(var(--spacing)*4)
        }

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

        .sm\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .sm\:mt-7 {
            margin-top: calc(var(--spacing)*7)
        }

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

        .sm\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:grid {
            display: grid
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline {
            display: inline
        }

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

        .sm\: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
        }

        .sm\: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
        }

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

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

        .sm\:h-80 {
            height: calc(var(--spacing)*80)
        }

        .sm\:h-\[400px\] {
            height: 400px
        }

        .sm\:w-1\/2 {
            width: 50%
        }

        .sm\:w-1\/4 {
            width: 25%
        }

        .sm\:w-3\/4 {
            width: 75%
        }

        .sm\:w-7\/12 {
            width: 58.3333%
        }

        .sm\:w-60 {
            width: calc(var(--spacing)*60)
        }

        .sm\:w-96 {
            width: calc(var(--spacing)*96)
        }

        .sm\:w-full {
            width: 100%
        }

        .sm\:max-w-full {
            max-width: 100%
        }

        .sm\:max-w-sm {
            max-width: var(--container-sm)
        }

        .sm\:max-w-xs {
            max-width: var(--container-xs)
        }

        .sm\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .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-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:flex-nowrap {
            flex-wrap: nowrap
        }

        .sm\:modal-bottom {
            place-items: end
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:items-start {
            align-items: flex-start
        }

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

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

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

        .sm\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

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

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

        :where(.sm\: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)))
        }

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

        .sm\:\!p-0 {
            padding: calc(var(--spacing)*0) !important
        }

        .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\:p-16 {
            padding: calc(var(--spacing)*16)
        }

        .sm\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

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

        .sm\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .sm\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .sm\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .sm\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

        .sm\:pt-60 {
            padding-top: calc(var(--spacing)*60)
        }

        .sm\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .sm\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

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

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

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

        .sm\:text-nowrap {
            text-wrap: nowrap
        }

        .sm\:shadow-none {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .sm\:indicator-middle {
            --inidicator-t: 50%;
            --inidicator-b: 50%;
            --indicator-y: -50%
        }

        .sm\:\[--placement\:right\] {
            --placement: right
        }

        .sm\:\[--scrollspy-offset\:50\] {
            --scrollspy-offset: 50
        }

        .sm\:\[--scrollspy-offset\:100\] {
            --scrollspy-offset: 100
        }
    }

    @media (min-width:48rem) {
        .md\:menu-horizontal {
            flex-direction: row;
            display: inline-flex
        }

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

        .md\:menu-horizontal>li>.collapse>ul:before {
            content: none
        }

        :where(.md\:menu-horizontal>li:not(.menu-title)>.collapse>ul) {
            border-radius: var(--radius-box);
            background-color: var(--color-base-100);
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-shadow-color: var(--color-base-300)
        }

        @supports (color:color-mix(in lab, red, red)) {
            :where(.md\:menu-horizontal>li:not(.menu-title)>.collapse>ul) {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

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

        .md\:ms-0 {
            margin-inline-start: calc(var(--spacing)*0)
        }

        .md\:ms-2 {
            margin-inline-start: calc(var(--spacing)*2)
        }

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

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

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

        .md\:navbar-end {
            justify-content: flex-end;
            width: 50%;
            display: flex
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:h-15 {
            height: calc(var(--spacing)*15)
        }

        .md\:h-\[28rem\] {
            height: 28rem
        }

        .md\:h-px {
            height: 1px
        }

        .md\:w-1\/2 {
            width: 50%
        }

        .md\:w-3\/4 {
            width: 75%
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-md {
            max-width: var(--container-md)
        }

        .md\:min-w-96 {
            min-width: calc(var(--spacing)*96)
        }

        .md\:flex-1 {
            flex: 1
        }

        .md\:shrink {
            flex-shrink: 1
        }

        .md\:grow-0 {
            flex-grow: 0
        }

        .md\:basis-0 {
            flex-basis: calc(var(--spacing)*0)
        }

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

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

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

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-center {
            align-items: center
        }

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

        .md\:justify-start {
            justify-content: flex-start
        }

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

        .md\:place-self-center {
            place-self: center
        }

        .md\:justify-self-end {
            justify-self: flex-end
        }

        .md\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .md\:py-0\.5 {
            padding-block: calc(var(--spacing)*.5)
        }

        .md\:ps-5 {
            padding-inline-start: calc(var(--spacing)*5)
        }

        .md\:pe-0\.5 {
            padding-inline-end: calc(var(--spacing)*.5)
        }

        .md\:btn-md {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            --btn-p: 1rem;
            --size: calc(var(--size-field, .25rem)*9.5)
        }

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

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

        .md\:indicator-bottom {
            --inidicator-t: auto;
            --inidicator-b: 0;
            --indicator-y: 50%
        }

        .md\:\[--placement\:bottom-end\] {
            --placement: bottom-end
        }

        .md\:\[--placement\:right-start\] {
            --placement: right-start
        }

        .md\:\[--strategy\:absolute\] {
            --strategy: absolute
        }
    }

    @media (min-width:64rem) {
        .lg\:menu-horizontal {
            flex-direction: row;
            display: inline-flex
        }

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

        .lg\:menu-horizontal>li>.collapse>ul:before {
            content: none
        }

        :where(.lg\:menu-horizontal>li:not(.menu-title)>.collapse>ul) {
            border-radius: var(--radius-box);
            background-color: var(--color-base-100);
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-shadow-color: var(--color-base-300)
        }

        @supports (color:color-mix(in lab, red, red)) {
            :where(.lg\:menu-horizontal>li:not(.menu-title)>.collapse>ul) {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .lg\:sticky {
            position: sticky
        }

        .lg\:drawer-start {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x)var(--tw-translate-y);
            transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-timing-function: var(--ease-in-out);
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            inset-inline: 0 auto;
            transition-duration: .3s;
            top: 0
        }

        .lg\:drawer-start:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .lg\:timeline-horizontal {
            flex-direction: row
        }

        .lg\:timeline-horizontal>li {
            align-items: center
        }

        .lg\:timeline-horizontal>li>hr {
            width: 100%;
            height: 1.5px;
            min-height: 0
        }

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

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

        .lg\:timeline-horizontal .timeline-start {
            grid-area: 1/1/2/4;
            place-self: flex-end center
        }

        .lg\:timeline-horizontal .timeline-end {
            grid-area: 3/1/4/4;
            place-self: flex-start center
        }

        .lg\:timeline-horizontal:has(.timeline-middle)>li>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
        }

        .lg\:timeline-horizontal:has(.timeline-middle)>li>hr:last-child,
        .lg\:timeline-horizontal: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)
        }

        .lg\:timeline-horizontal: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
        }

        .lg\:ms-30 {
            margin-inline-start: calc(var(--spacing)*30)
        }

        .lg\:block {
            display: block
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:divider-horizontal.divider {
            flex-direction: column;
            width: auto;
            height: auto
        }

        .lg\:divider-horizontal.divider:before,
        .lg\:divider-horizontal.divider:after {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 1px;
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
            width: 1px;
            height: 100%
        }

        .lg\:divider-vertical.divider {
            flex-direction: row;
            width: auto;
            height: auto
        }

        .lg\:divider-vertical.divider:before,
        .lg\:divider-vertical.divider:after {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 0;
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
            height: 1px
        }

        .lg\:h-64 {
            height: calc(var(--spacing)*64)
        }

        .lg\:h-96 {
            height: calc(var(--spacing)*96)
        }

        .lg\:grow {
            flex-grow: 1
        }

        .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-\[260px_minmax\(0\,1fr\)\] {
            grid-template-columns: 260px minmax(0, 1fr)
        }

        .lg\:flex-col {
            flex-direction: column
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:border-s {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 1px
        }

        .lg\:border-base-content\/10 {
            border-color: var(--color-base-content)
        }

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

        .lg\:ps-8 {
            padding-inline-start: calc(var(--spacing)*8)
        }

        .lg\:btn-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
            --btn-p: 1.25rem;
            --size: calc(var(--size-field, .25rem)*11.5)
        }

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

        .lg\:indicator-center {
            --inidicator-s: 50%;
            --inidicator-e: 50%;
            --inidicator-x: -50%
        }

        [dir=rtl] .lg\:indicator-center {
            --inidicator-x: 50%
        }

        @media (hover:hover) {
            .lg\:group-hover\:opacity-100:is(:where(.group):hover *) {
                opacity: 1
            }
        }
    }

    @media (min-width:80rem) {
        .xl\:hidden {
            display: none
        }

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

        .xl\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
            grid-template-columns: 260px minmax(0, 1fr)
        }

        .xl\:grid-cols-\[260px_minmax\(0\,1fr\)_260px\] {
            grid-template-columns: 260px minmax(0, 1fr) 260px
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:border-e {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 1px
        }

        .xl\:pe-8 {
            padding-inline-end: calc(var(--spacing)*8)
        }

        .xl\:indicator-end {
            --inidicator-s: auto;
            --inidicator-e: 0;
            --inidicator-x: 50%
        }

        [dir=rtl] .xl\:indicator-end {
            --inidicator-x: -50%
        }
    }

    .rtl\:start-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        inset-inline-start: calc(var(--spacing)*0)
    }

    .rtl\:left-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--spacing)*0)
    }

    .rtl\:\!mr-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--spacing)*0) !important
    }

    .rtl\:mr-2\.5:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--spacing)*2.5)
    }

    .rtl\:ml-20:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*20)
    }

    .rtl\:origin-top-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        transform-origin: 100% 0
    }

    .rtl\:translate-x-1:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:translate-x-1\/2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-translate-x: calc(1/2*100%);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:translate-x-2\/4:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-translate-x: calc(2/4*100%);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:-rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: -180deg
    }

    .rtl\:-rotate-\[40deg\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: -40deg
    }

    .rtl\:rotate-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: none
    }

    .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: 180deg
    }

    .rtl\:flex-row-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        flex-direction: row-reverse
    }

    .rtl\:rounded-s-full:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        border-start-start-radius: 3.40282e38px;
        border-end-start-radius: 3.40282e38px
    }

    .rtl\:rounded-s-none:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .rtl\:rounded-e-full:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        border-start-end-radius: 3.40282e38px;
        border-end-end-radius: 3.40282e38px
    }

    .rtl\:rounded-e-none:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

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

    .rtl\:\[--placement\:left-start\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --placement: left-start
    }

    @media (prefers-color-scheme:dark) {
        .dark\:bg-blue-700 {
            background-color: var(--color-blue-700)
        }

        .dark\:p-20 {
            padding: calc(var(--spacing)*20)
        }
    }

    .prose-h3\:mb-0 :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)),
    .prose-h4\:mb-0 :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: calc(var(--spacing)*0)
    }

    .prose-p\:mt-0 :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: calc(var(--spacing)*0)
    }

    .intersect\:motion-preset-blur-left:not([no-intersect]) {
        --motion-origin-blur: 5px;
        --motion-origin-translate-x: 5%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration)*var(--motion-filter-perceptual-duration-multiplier))var(--motion-filter-timing)var(--motion-filter-delay)both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .intersect\:motion-preset-focus:not([no-intersect]) {
        --motion-origin-blur: 5px;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration)*var(--motion-filter-perceptual-duration-multiplier))var(--motion-filter-timing)var(--motion-filter-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .intersect\:motion-preset-slide-left:not([no-intersect]) {
        --motion-origin-translate-x: 25%;
        --motion-origin-opacity: 0;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration)*var(--motion-translate-perceptual-duration-multiplier))var(--motion-translate-timing)var(--motion-translate-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .intersect\:motion-scale-in-0:not([no-intersect]) {
        --motion-origin-scale-x: 0;
        --motion-origin-scale-y: 0;
        --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration)*var(--motion-scale-perceptual-duration-multiplier))var(--motion-scale-timing)var(--motion-scale-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .intersect\:motion-blur-in-\[5px\]:not([no-intersect]) {
        --motion-origin-blur: 5px;
        --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration)*var(--motion-filter-perceptual-duration-multiplier))var(--motion-filter-timing)var(--motion-filter-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .intersect\:motion-opacity-in-0:not([no-intersect]) {
        --motion-origin-opacity: .001;
        --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration)*var(--motion-opacity-perceptual-duration-multiplier))var(--motion-opacity-timing)var(--motion-opacity-delay)both;
        animation: var(--motion-all-loop-and-enter-animations)
    }

    .intersect\:motion-ease-spring-bouncier:not([no-intersect]) {
        --motion-timing: var(--motion-spring-bouncier);
        --motion-perceptual-duration-multiplier: 2.035;
        --motion-filter-timing: var(--motion-spring-smooth);
        --motion-opacity-timing: var(--motion-spring-smooth);
        --motion-background-color-timing: var(--motion-spring-smooth);
        --motion-text-color-timing: var(--motion-spring-smooth);
        --motion-filter-perceptual-duration-multiplier: 1.66;
        --motion-opacity-perceptual-duration-multiplier: 1.66;
        --motion-background-color-perceptual-duration-multiplier: 1.66;
        --motion-text-color-perceptual-duration-multiplier: 1.66
    }

    .intersect\:motion-ease-spring-bouncy:not([no-intersect]) {
        --motion-timing: var(--motion-spring-bouncy);
        --motion-perceptual-duration-multiplier: 1.66;
        --motion-filter-timing: var(--motion-spring-smooth);
        --motion-opacity-timing: var(--motion-spring-smooth);
        --motion-background-color-timing: var(--motion-spring-smooth);
        --motion-text-color-timing: var(--motion-spring-smooth);
        --motion-filter-perceptual-duration-multiplier: 1.66;
        --motion-opacity-perceptual-duration-multiplier: 1.66;
        --motion-background-color-perceptual-duration-multiplier: 1.66;
        --motion-text-color-perceptual-duration-multiplier: 1.66
    }

    .intersect\:motion-ease-spring-smooth:not([no-intersect]) {
        --motion-timing: var(--motion-spring-smooth);
        --motion-perceptual-duration-multiplier: 1.66
    }

    .intersect\:motion-delay-\[400ms\]:not([no-intersect]) {
        --motion-delay: .4s
    }

    .intersect\:motion-delay-\[500ms\]:not([no-intersect]) {
        --motion-delay: .5s
    }

    .intersect\:motion-delay-\[800ms\]:not([no-intersect]) {
        --motion-delay: .8s
    }

    .intersect\:motion-delay-\[1000ms\]:not([no-intersect]) {
        --motion-delay: 1s
    }

    .intersect\:motion-delay-\[1400ms\]:not([no-intersect]) {
        --motion-delay: 1.4s
    }

    .intersect\:motion-delay-\[1500ms\]:not([no-intersect]) {
        --motion-delay: 1.5s
    }

    .dropdown-open\:block.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:block,
    .dropdown.open>.dropdown-toggle .dropdown-open\:block,
    .dropdown.open>.dropdown-menu>.dropdown-open\:block {
        display: block
    }

    .dropdown-open\:hidden.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:hidden,
    .dropdown.open>.dropdown-toggle .dropdown-open\:hidden,
    .dropdown.open>.dropdown-menu>.dropdown-open\:hidden {
        display: none
    }

    .dropdown-open\:translate-x-0.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:translate-x-0,
    .dropdown.open>.dropdown-toggle .dropdown-open\:translate-x-0,
    .dropdown.open>.dropdown-menu>.dropdown-open\:translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .dropdown-open\:scale-100.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:scale-100,
    .dropdown.open>.dropdown-toggle .dropdown-open\:scale-100,
    .dropdown.open>.dropdown-menu>.dropdown-open\:scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .dropdown-open\:rotate-180.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:rotate-180,
    .dropdown.open>.dropdown-toggle .dropdown-open\:rotate-180,
    .dropdown.open>.dropdown-menu>.dropdown-open\:rotate-180 {
        rotate: 180deg
    }

    .dropdown-open\:bg-base-content\/10.dropdown-menu.open {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dropdown-open\:bg-base-content\/10.dropdown-menu.open {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .dropdown.open>.dropdown-open\:bg-base-content\/10 {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dropdown.open>.dropdown-open\:bg-base-content\/10 {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .dropdown.open>.dropdown-toggle .dropdown-open\:bg-base-content\/10 {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dropdown.open>.dropdown-toggle .dropdown-open\:bg-base-content\/10 {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .dropdown.open>.dropdown-menu>.dropdown-open\:bg-base-content\/10 {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dropdown.open>.dropdown-menu>.dropdown-open\:bg-base-content\/10 {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .dropdown-open\:text-base-content.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:text-base-content,
    .dropdown.open>.dropdown-toggle .dropdown-open\:text-base-content,
    .dropdown.open>.dropdown-menu>.dropdown-open\:text-base-content {
        color: var(--color-base-content)
    }

    .dropdown-open\:opacity-100.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:opacity-100,
    .dropdown.open>.dropdown-toggle .dropdown-open\:opacity-100,
    .dropdown.open>.dropdown-menu>.dropdown-open\:opacity-100 {
        opacity: 1
    }

    .dropdown-open\:ease-in.dropdown-menu.open,
    .dropdown.open>.dropdown-open\:ease-in,
    .dropdown.open>.dropdown-toggle .dropdown-open\:ease-in,
    .dropdown.open>.dropdown-menu>.dropdown-open\:ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .removing\:translate-x-5.removing {
        --tw-translate-x: calc(var(--spacing)*5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .removing\:opacity-0.removing {
        opacity: 0
    }

    .tooltip-shown\:visible.tooltip-content.show,
    .tooltip.show .tooltip-shown\:visible {
        visibility: visible
    }

    .tooltip-shown\:hidden.tooltip-content.show,
    .tooltip.show .tooltip-shown\:hidden {
        display: none
    }

    .tooltip-shown\:inline-block.tooltip-content.show,
    .tooltip.show .tooltip-shown\:inline-block {
        display: inline-block
    }

    .tooltip-shown\:opacity-100.tooltip-content.show,
    .tooltip.show .tooltip-shown\:opacity-100 {
        opacity: 1
    }

    .accordion-item-active\:my-3.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:my-3,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:my-3,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:my-3,
    .accordion-item.active>.accordion-item-active\:my-3.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:my-3.accordion-toggle,
    .accordion-item.active .accordion-item-active\:my-3.accordion-force-active {
        margin-block: calc(var(--spacing)*3)
    }

    .accordion-item-active\:mt-3.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:mt-3,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:mt-3,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:mt-3,
    .accordion-item.active>.accordion-item-active\:mt-3.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:mt-3.accordion-toggle,
    .accordion-item.active .accordion-item-active\:mt-3.accordion-force-active {
        margin-top: calc(var(--spacing)*3)
    }

    .accordion-item-active\:mb-3.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:mb-3,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:mb-3,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:mb-3,
    .accordion-item.active>.accordion-item-active\:mb-3.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:mb-3.accordion-toggle,
    .accordion-item.active .accordion-item-active\:mb-3.accordion-force-active {
        margin-bottom: calc(var(--spacing)*3)
    }

    .accordion-item-active\:block.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:block,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:block,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:block,
    .accordion-item.active>.accordion-item-active\:block.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:block.accordion-toggle,
    .accordion-item.active .accordion-item-active\:block.accordion-force-active {
        display: block
    }

    .accordion-item-active\:hidden.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:hidden,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:hidden,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:hidden,
    .accordion-item.active>.accordion-item-active\:hidden.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:hidden.accordion-toggle,
    .accordion-item.active .accordion-item-active\:hidden.accordion-force-active {
        display: none
    }

    .accordion-item-active\:scale-\[1\.05\].accordion-item.active,
    .accordion-item.active>.accordion-item-active\:scale-\[1\.05\],
    .accordion-item.active>.accordion-toggle .accordion-item-active\:scale-\[1\.05\],
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:scale-\[1\.05\],
    .accordion-item.active>.accordion-item-active\:scale-\[1\.05\].accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:scale-\[1\.05\].accordion-toggle,
    .accordion-item.active .accordion-item-active\:scale-\[1\.05\].accordion-force-active {
        scale: 1.05
    }

    .accordion-item-active\:-rotate-90.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:-rotate-90,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:-rotate-90,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:-rotate-90,
    .accordion-item.active>.accordion-item-active\:-rotate-90.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:-rotate-90.accordion-toggle,
    .accordion-item.active .accordion-item-active\:-rotate-90.accordion-force-active {
        rotate: -90deg
    }

    .accordion-item-active\:rotate-45.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:rotate-45,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:rotate-45,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:rotate-45,
    .accordion-item.active>.accordion-item-active\:rotate-45.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:rotate-45.accordion-toggle,
    .accordion-item.active .accordion-item-active\:rotate-45.accordion-force-active {
        rotate: 45deg
    }

    .accordion-item-active\:rotate-90.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:rotate-90,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:rotate-90,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:rotate-90,
    .accordion-item.active>.accordion-item-active\:rotate-90.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:rotate-90.accordion-toggle,
    .accordion-item.active .accordion-item-active\:rotate-90.accordion-force-active {
        rotate: 90deg
    }

    .accordion-item-active\:rounded-box.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:rounded-box,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:rounded-box,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:rounded-box,
    .accordion-item.active>.accordion-item-active\:rounded-box.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:rounded-box.accordion-toggle,
    .accordion-item.active .accordion-item-active\:rounded-box.accordion-force-active,
    .accordion-item-active\:rounded-box.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:rounded-box,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:rounded-box,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:rounded-box,
    .accordion-item.active>.accordion-item-active\:rounded-box.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:rounded-box.accordion-toggle,
    .accordion-item.active .accordion-item-active\:rounded-box.accordion-force-active {
        border-radius: var(--radius-box)
    }

    .accordion-item-active\:border.accordion-item.active,
    .accordion-item.active>.accordion-item-active\:border,
    .accordion-item.active>.accordion-toggle .accordion-item-active\:border,
    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:border,
    .accordion-item.active>.accordion-item-active\:border.accordion-toggle,
    .accordion-item.active>.accordion-heading>.accordion-item-active\:border.accordion-toggle,
    .accordion-item.active .accordion-item-active\:border.accordion-force-active {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .accordion-item-active\:border-base-content\/25.accordion-item.active {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item-active\:border-base-content\/25.accordion-item.active {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion-item.active>.accordion-item-active\:border-base-content\/25 {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item.active>.accordion-item-active\:border-base-content\/25 {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion-item.active>.accordion-toggle .accordion-item-active\:border-base-content\/25 {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item.active>.accordion-toggle .accordion-item-active\:border-base-content\/25 {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:border-base-content\/25 {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item.active>.accordion-heading>.accordion-toggle .accordion-item-active\:border-base-content\/25 {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion-item.active>.accordion-item-active\:border-base-content\/25.accordion-toggle {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item.active>.accordion-item-active\:border-base-content\/25.accordion-toggle {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion-item.active>.accordion-heading>.accordion-item-active\:border-base-content\/25.accordion-toggle {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item.active>.accordion-heading>.accordion-item-active\:border-base-content\/25.accordion-toggle {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    .accordion-item.active .accordion-item-active\:border-base-content\/25.accordion-force-active {
        border-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item.active .accordion-item-active\:border-base-content\/25.accordion-force-active {
            border-color: color-mix(in oklab, var(--color-base-content)25%, transparent)
        }
    }

    :is(.\*\:accordion-item-active\:shadow-md>*).accordion-item.active,
    .accordion-item.active>:is(.\*\:accordion-item-active\:shadow-md>*),
    .accordion-item.active>.accordion-toggle :is(.\*\:accordion-item-active\:shadow-md>*),
    .accordion-item.active>.accordion-heading>.accordion-toggle :is(.\*\:accordion-item-active\:shadow-md>*),
    .accordion-item.active>:is(.\*\:accordion-item-active\:shadow-md>*).accordion-toggle,
    .accordion-item.active>.accordion-heading>:is(.\*\:accordion-item-active\:shadow-md>*).accordion-toggle,
    .accordion-item.active :is(.\*\:accordion-item-active\:shadow-md>*).accordion-force-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)
    }

    .accordion-item .accordion-selected\:bg-base-300\/40.selected {
        background-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .accordion-item .accordion-selected\:bg-base-300\/40.selected {
            background-color: color-mix(in oklab, var(--color-base-300)40%, transparent)
        }
    }

    .tree-view-selected\:bg-base-300\/40[data-tree-view-item].selected {
        background-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .tree-view-selected\:bg-base-300\/40[data-tree-view-item].selected {
            background-color: color-mix(in oklab, var(--color-base-300)40%, transparent)
        }
    }

    [data-tree-view-item].selected>.tree-view-selected\:bg-base-300\/40 {
        background-color: var(--color-base-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        [data-tree-view-item].selected>.tree-view-selected\:bg-base-300\/40 {
            background-color: color-mix(in oklab, var(--color-base-300)40%, transparent)
        }
    }

    .tree-view-disabled\:pointer-events-none[data-tree-view-item].disabled,
    [data-tree-view-item].disabled>.tree-view-disabled\:pointer-events-none {
        pointer-events: none
    }

    .tree-view-disabled\:opacity-50[data-tree-view-item].disabled,
    [data-tree-view-item].disabled>.tree-view-disabled\:opacity-50 {
        opacity: .5
    }

    .collapse-open\:block.collapse.open,
    .collapse-open\:block.collapse-toggle.open,
    .collapse.open>.collapse-open\:block,
    .collapse-toggle.open>.collapse-open\:block {
        display: block
    }

    .collapse-open\:hidden.collapse.open,
    .collapse-open\:hidden.collapse-toggle.open,
    .collapse.open>.collapse-open\:hidden,
    .collapse-toggle.open>.collapse-open\:hidden {
        display: none
    }

    .collapse-open\:rotate-180.collapse.open,
    .collapse-open\:rotate-180.collapse-toggle.open,
    .collapse.open>.collapse-open\:rotate-180,
    .collapse-toggle.open>.collapse-open\:rotate-180 {
        rotate: 180deg
    }

    .collapse-open\:bg-base-content\/10.collapse.open {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .collapse-open\:bg-base-content\/10.collapse.open {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .collapse-open\:bg-base-content\/10.collapse-toggle.open {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .collapse-open\:bg-base-content\/10.collapse-toggle.open {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .collapse.open>.collapse-open\:bg-base-content\/10 {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .collapse.open>.collapse-open\:bg-base-content\/10 {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .collapse-toggle.open>.collapse-open\:bg-base-content\/10 {
        background-color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .collapse-toggle.open>.collapse-open\:bg-base-content\/10 {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }

    .collapse-open\:text-base-content.collapse.open,
    .collapse-open\:text-base-content.collapse-toggle.open,
    .collapse.open>.collapse-open\:text-base-content,
    .collapse-toggle.open>.collapse-open\:text-base-content,
    .collapse-open\:text-base-content\/80.collapse.open {
        color: var(--color-base-content)
    }

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

    .collapse-open\:text-base-content\/80.collapse-toggle.open {
        color: var(--color-base-content)
    }

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

    .collapse.open>.collapse-open\:text-base-content\/80 {
        color: var(--color-base-content)
    }

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

    .collapse-toggle.open>.collapse-open\:text-base-content\/80 {
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .collapse-toggle.open>.collapse-open\:text-base-content\/80 {
            color: color-mix(in oklab, var(--color-base-content)80%, transparent)
        }
    }

    .active-tab\:tab-active[data-tab].active:not([disabled]) {
        border-color: var(--color-primary);
        color: var(--color-primary)
    }

    .tabs-lifted>.tab.active-tab\:tab-active[data-tab].active:not([disabled]) {
        background-color: var(--tab-bg);
        border-width: var(--tab-border, 1px)var(--tab-border, 1px)0 var(--tab-border, 1px);
        border-color: var(--tab-border-color);
        padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
        padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
        padding-bottom: var(--tab-border, 1px);
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        padding-top: 0
    }

    .tabs-lifted>.tab.active-tab\:tab-active[data-tab].active:not([disabled]):before {
        content: "";
        z-index: 1;
        width: calc(100% + var(--radius-field, .375rem)*2);
        height: var(--radius-field, .375rem);
        background-size: var(--radius-field, .375rem);
        --tab-grad: calc(69% - var(--tab-border, 1px));
        --radius-start: radial-gradient(circle at top left, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px));
        --radius-end: radial-gradient(circle at top right, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px));
        background-position: 0 0, 100% 0;
        background-repeat: no-repeat;
        background-image: var(--radius-start), var(--radius-end);
        display: block;
        position: absolute;
        bottom: 0
    }

    .tabs-lifted>.tab.active-tab\:tab-active[data-tab].active:not([disabled]):first-child:before {
        background-image: var(--radius-end);
        background-position: 100% 0
    }

    .tabs-lifted>.tab.active-tab\:tab-active[data-tab].active:not([disabled]):last-child:before,
    [dir=rtl] .tabs-lifted>.tab.active-tab\:tab-active[data-tab].active:not([disabled]):first-child:before {
        background-image: var(--radius-start);
        background-position: 0 0
    }

    [dir=rtl] .tabs-lifted>.tab.active-tab\:tab-active[data-tab].active:not([disabled]):last-child:before,
    .tabs-lifted>.active-tab\:tab-active[data-tab].active:not([disabled])+.tabs-lifted .active-tab\:tab-active:not([disabled]):before,
    .tabs-lifted>.active-tab\:tab-active:not([disabled])+.tabs-lifted .active-tab\:tab-active[data-tab].active:not([disabled]):before {
        background-image: var(--radius-end);
        background-position: 100% 0
    }

    [data-tab].active .active-tab\:tab-active:not([disabled]) {
        border-color: var(--color-primary);
        color: var(--color-primary)
    }

    .tabs-lifted>.tab:is([data-tab].active .active-tab\:tab-active):not([disabled]) {
        background-color: var(--tab-bg);
        border-width: var(--tab-border, 1px)var(--tab-border, 1px)0 var(--tab-border, 1px);
        border-color: var(--tab-border-color);
        padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
        padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px));
        padding-bottom: var(--tab-border, 1px);
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        padding-top: 0
    }

    .tabs-lifted>.tab:is([data-tab].active .active-tab\:tab-active):not([disabled]):before {
        content: "";
        z-index: 1;
        width: calc(100% + var(--radius-field, .375rem)*2);
        height: var(--radius-field, .375rem);
        background-size: var(--radius-field, .375rem);
        --tab-grad: calc(69% - var(--tab-border, 1px));
        --radius-start: radial-gradient(circle at top left, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px));
        --radius-end: radial-gradient(circle at top right, transparent var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg)calc(var(--tab-grad) + var(--tab-border, 1px) + .25px));
        background-position: 0 0, 100% 0;
        background-repeat: no-repeat;
        background-image: var(--radius-start), var(--radius-end);
        display: block;
        position: absolute;
        bottom: 0
    }

    .tabs-lifted>.tab:is([data-tab].active .active-tab\:tab-active):not([disabled]):first-child:before {
        background-image: var(--radius-end);
        background-position: 100% 0
    }

    .tabs-lifted>.tab:is([data-tab].active .active-tab\:tab-active):not([disabled]):last-child:before,
    [dir=rtl] .tabs-lifted>.tab:is([data-tab].active .active-tab\:tab-active):not([disabled]):first-child:before {
        background-image: var(--radius-start);
        background-position: 0 0
    }

    [dir=rtl] .tabs-lifted>.tab:is([data-tab].active .active-tab\:tab-active):not([disabled]):last-child:before,
    .tabs-lifted>:is([data-tab].active .active-tab\:tab-active):not([disabled])+.tabs-lifted .active-tab\:tab-active:not([disabled]):before,
    .tabs-lifted>.active-tab\:tab-active:not([disabled])+.tabs-lifted :is([data-tab].active .active-tab\:tab-active):not([disabled]):before {
        background-image: var(--radius-end);
        background-position: 100% 0
    }

    .active-tab\:bg-primary[data-tab].active,
    [data-tab].active .active-tab\:bg-primary {
        background-color: var(--color-primary)
    }

    .active-tab\:text-white[data-tab].active,
    [data-tab].active .active-tab\:text-white {
        color: var(--color-white)
    }

    .overlay-open\:mt-4.open,
    .open .overlay-open\:mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .overlay-open\:mt-12.open,
    .open .overlay-open\:mt-12 {
        margin-top: calc(var(--spacing)*12)
    }

    .overlay-open\:translate-x-0.open,
    .open .overlay-open\:translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .overlay-open\:translate-y-0.open,
    .open .overlay-open\:translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .overlay-open\:opacity-100.open,
    .open .overlay-open\:opacity-100 {
        opacity: 1
    }

    .overlay-open\:duration-300.open,
    .open .overlay-open\:duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .overlay-open\:duration-500.open,
    .open .overlay-open\:duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .overlay-layout-open\:border-green-500.overlay-body-open,
    .overlay-body-open .overlay-layout-open\:border-green-500 {
        border-color: var(--color-green-500)
    }

    .overlay-layout-open\:bg-green-500.overlay-body-open,
    .overlay-body-open .overlay-layout-open\:bg-green-500 {
        background-color: var(--color-green-500)
    }

    .overlay-backdrop-open\:bg-primary\/30.overlay-backdrop {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .overlay-backdrop-open\:bg-primary\/30.overlay-backdrop {
            background-color: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .overlay-backdrop .overlay-backdrop-open\:bg-primary\/30 {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .overlay-backdrop .overlay-backdrop-open\:bg-primary\/30 {
            background-color: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .overlay-backdrop-open\:bg-warning\/40.overlay-backdrop {
        background-color: var(--color-warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .overlay-backdrop-open\:bg-warning\/40.overlay-backdrop {
            background-color: color-mix(in oklab, var(--color-warning)40%, transparent)
        }
    }

    .overlay-backdrop .overlay-backdrop-open\:bg-warning\/40 {
        background-color: var(--color-warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .overlay-backdrop .overlay-backdrop-open\:bg-warning\/40 {
            background-color: color-mix(in oklab, var(--color-warning)40%, transparent)
        }
    }

    .scrollspy-active\:dropdown-active.active {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .scrollspy-active\:dropdown-active.active {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .scrollspy-active\:dropdown-active.active {
        color: var(--color-primary)
    }

    .scrollspy-active\:text-bg-soft-primary.active {
        color: var(--color-primary);
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .scrollspy-active\:text-bg-soft-primary.active {
            background-color: color-mix(in oklab, var(--color-primary)10%, var(--color-base-100))
        }
    }

    .scrollspy-active\:bg-primary\/20.active {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .scrollspy-active\:bg-primary\/20.active {
            background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

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

    .carousel-active\:block.active,
    .active .carousel-active\:block {
        display: block
    }

    .carousel-active\:bg-primary.active,
    .active .carousel-active\:bg-primary {
        background-color: var(--color-primary)
    }

    .carousel-active\:opacity-100.active,
    .active .carousel-active\:opacity-100 {
        opacity: 1
    }

    .carousel-disabled\:opacity-50.disabled,
    .disabled .carousel-disabled\:opacity-50 {
        opacity: .5
    }

    .carousel-dragging\:cursor-grabbing.dragging,
    .dragging .carousel-dragging\:cursor-grabbing {
        cursor: grabbing
    }

    .carousel-dragging\:transition-none.dragging,
    .dragging .carousel-dragging\:transition-none {
        transition-property: none
    }

    .selected\:block.selected,
    .selected .selected\:block {
        display: block
    }

    .selected\:select-active.selected {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selected\:select-active.selected {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .selected\:select-active.selected {
        color: var(--color-primary)
    }

    .selected .selected\:select-active {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selected .selected\:select-active {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .selected .selected\:select-active {
        color: var(--color-primary)
    }

    .select-disabled\:pointer-events-none.disabled,
    .disabled .select-disabled\:pointer-events-none {
        pointer-events: none
    }

    .select-disabled\:opacity-40.disabled,
    .disabled .select-disabled\:opacity-40 {
        opacity: .4
    }

    .password-active\:block.active,
    .active .password-active\:block {
        display: block
    }

    .password-active\:hidden.active,
    .active .password-active\:hidden {
        display: none
    }

    .strong-password\:bg-primary.passed,
    .passed .strong-password\:bg-primary {
        background-color: var(--color-primary)
    }

    .strong-password-accepted\:bg-teal-500.accepted,
    .accepted .strong-password-accepted\:bg-teal-500 {
        background-color: var(--color-teal-500)
    }

    .strong-password-active\:text-success.active {
        color: var(--color-success)
    }

    .stepper-active\:text-bg-primary.active,
    .active .stepper-active\:text-bg-primary {
        background-color: var(--color-primary);
        color: var(--color-primary-content)
    }

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

    .stepper-success\:block.is-valid,
    .is-valid .stepper-success\:block {
        display: block
    }

    .stepper-success\:hidden.is-valid,
    .is-valid .stepper-success\:hidden {
        display: none
    }

    .stepper-success\:text-bg-primary.is-valid,
    .is-valid .stepper-success\:text-bg-primary {
        background-color: var(--color-primary);
        color: var(--color-primary-content)
    }

    .stepper-success\:bg-primary.is-valid,
    .is-valid .stepper-success\:bg-primary {
        background-color: var(--color-primary)
    }

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

    .stepper-completed\:hidden.completed,
    .completed .stepper-completed\:hidden {
        display: none
    }

    .stepper-completed\:text-bg-success.completed,
    .completed .stepper-completed\:text-bg-success {
        background-color: var(--color-success);
        color: var(--color-success-content)
    }

    .stepper-completed\:bg-success.completed,
    .completed .stepper-completed\:bg-success {
        background-color: var(--color-success)
    }

    .stepper-error\:block.is-invalid,
    .is-invalid .stepper-error\:block {
        display: block
    }

    .stepper-error\:hidden.is-invalid,
    .is-invalid .stepper-error\:hidden {
        display: none
    }

    .stepper-error\:text-bg-error.is-invalid,
    .is-invalid .stepper-error\:text-bg-error {
        background-color: var(--color-error);
        color: var(--color-error-content)
    }

    .stepper-processed\:hidden.processed,
    .processed .stepper-processed\:hidden {
        display: none
    }

    .stepper-processed\:inline-block.processed,
    .processed .stepper-processed\:inline-block {
        display: inline-block
    }

    .stepper-processed\:bg-base-200.processed,
    .processed .stepper-processed\:bg-base-200 {
        background-color: var(--color-base-200)
    }

    .combo-box-active\:flex.active,
    .active .combo-box-active\:flex {
        display: flex
    }

    .combo-box-selected\:block.selected,
    .selected .combo-box-selected\:block {
        display: block
    }

    .combo-box-selected\:dropdown-active.selected {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .combo-box-selected\:dropdown-active.selected {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .combo-box-selected\:dropdown-active.selected {
        color: var(--color-primary)
    }

    .selected .combo-box-selected\:dropdown-active {
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selected .combo-box-selected\:dropdown-active {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .selected .combo-box-selected\:dropdown-active {
        color: var(--color-primary)
    }

    .combo-box-tab-active\:btn-active.active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .combo-box-tab-active\:btn-active.active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))90%, #000)
        }
    }

    .combo-box-tab-active\:btn-active.active {
        isolation: isolate
    }

    .btn-soft.combo-box-tab-active\:btn-active.active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft.combo-box-tab-active\:btn-active.active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))20%, var(--color-base-100))
        }
    }

    .btn-outline.combo-box-tab-active\:btn-active.active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-outline.combo-box-tab-active\:btn-active.active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .btn-text.combo-box-tab-active\:btn-active.active {
        --btn-bg: var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-text.combo-box-tab-active\:btn-active.active {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-neutral))10%, #0000)
        }
    }

    .btn-gradient.combo-box-tab-active\:btn-active.active {
        --btn-shadow: 0px 4px 6px -1px var(--btn-color, var(--color-neutral)), 0px 2px 4px -2px var(--btn-color, var(--color-neutral))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-gradient.combo-box-tab-active\:btn-active.active {
            --btn-shadow: 0px 4px 6px -1px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000), 0px 2px 4px -2px color-mix(in oklab, var(--btn-color, var(--color-neutral))30%, #0000)
        }
    }

    .btn-gradient.combo-box-tab-active\:btn-active.active {
        background-position: 99%
    }

    .datatable-ordering-asc\:block.dt-ordering-asc,
    .dt-ordering-asc .datatable-ordering-asc\:block,
    .datatable-ordering-desc\:block.dt-ordering-desc,
    .dt-ordering-desc .datatable-ordering-desc\:block {
        display: block
    }

    .range-slider-disabled\:pointer-events-none.disabled,
    .disabled .range-slider-disabled\:pointer-events-none {
        pointer-events: none
    }

    .range-slider-disabled\:opacity-50.disabled,
    .disabled .range-slider-disabled\:opacity-50 {
        opacity: .5
    }

    .file-upload-complete\:progress-success.complete,
    .complete .file-upload-complete\:progress-success {
        background-color: var(--color-success);
        color: var(--color-success-content)
    }

    .dragged\:rounded-sm.dragged {
        border-radius: var(--radius-sm)
    }

    .dragged\:bg-primary\/20.dragged {
        background-color: var(--color-primary)
    }

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

    .\[\&_li\>\*\]\:rounded-none li>* {
        border-radius: 0
    }

    .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
        appearance: none
    }

    .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
        appearance: none
    }

    .\[\&\:\:-webkit-scrollbar\]\:h-2::-webkit-scrollbar {
        height: calc(var(--spacing)*2)
    }

    :is(.\*\*\:\[\:nth-child\(3\)\]\:text-wrap *):nth-child(3) {
        text-wrap: wrap
    }

    .\[\&\>\.active\]\:text-bg-soft-primary>.active {
        color: var(--color-primary);
        background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&\>\.active\]\:text-bg-soft-primary>.active {
            background-color: color-mix(in oklab, var(--color-primary)10%, var(--color-base-100))
        }
    }
}

.flatpickr-calendar {
    visibility: hidden;
    max-width: calc(var(--spacing)*72);
    touch-action: manipulation;
    gap: calc(var(--spacing)*1.5);
    border-radius: var(--radius-box);
    border-radius: var(--radius-box);
    background-color: var(--color-base-100);
    --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);
    --tw-shadow-color: var(--color-base-300);
    border-color: #0000;
    flex-direction: row;
    display: flex;
    position: absolute;
    overflow: hidden
}

@supports(color:color-mix(in lab, red, red)) {
    .flatpickr-calendar {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
    }
}

.flatpickr-calendar.hasWeeks {
    max-width: 21rem
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    content: none
}

.flatpickr-current-month {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing)*1);
    width: auto;
    padding-top: calc(var(--spacing)*0);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content);
    display: flex;
    position: absolute;
    inset-inline-start: calc(var(--spacing)*4)
}

.flatpickr-current-month:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    inset-inline-start: auto;
    inset-inline-end: calc(var(--spacing)*4)
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    cursor: pointer;
    border-style: var(--tw-border-style);
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-outline-style: none;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.flatpickr-current-month span.cur-month {
    margin: calc(var(--spacing)*0);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

@media(hover:hover) {
    .flatpickr-current-month span.cur-month:hover {
        background-color: #0000
    }
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    display: inline-block
}

@media(hover:hover) {
    .flatpickr-current-month .numInputWrapper:hover {
        background-color: #0000
    }
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    cursor: pointer;
    padding: calc(var(--spacing)*0);
    margin-top: -1px;
    position: relative;
    background-color: var(--color-base-100) !important
}

.flatpickr-current-month input.cur-year {
    margin: calc(var(--spacing)*0);
    height: calc(var(--spacing)*5);
    cursor: default;
    padding-inline-start: calc(var(--spacing)*1)
}

.flatpickr-current-month input.cur-year:focus {
    --tw-outline-style: none;
    outline-style: none
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    pointer-events: none;
    background-color: #0000
}

.flatpickr-months .flatpickr-month {
    height: calc(var(--spacing)*15);
    border-top-left-radius: var(--radius-box);
    border-top-right-radius: var(--radius-box);
    border-top-left-radius: var(--radius-box);
    border-top-right-radius: var(--radius-box);
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    top: calc(var(--spacing)*4);
    width: calc(var(--spacing)*7);
    height: calc(var(--spacing)*7);
    background-color: var(--color-neutral);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
    }
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    padding: calc(var(--spacing)*0);
    color: var(--color-base-content);
    text-decoration-line: none
}

@media(hover:hover) {
    :is(.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month):hover {
        fill: var(--color-base-content)
    }

    @supports(color:color-mix(in lab, red, red)) {
        :is(.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month):hover {
            fill: color-mix(in oklab, var(--color-base-content)90%, transparent)
        }
    }
}

:is(.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month):where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    rotate: 180deg
}

:is(.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month) svg {
    width: calc(var(--spacing)*3);
    height: calc(var(--spacing)*3);
    fill: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    :is(.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month) svg {
        fill: color-mix(in oklab, var(--color-base-content)90%, transparent)
    }
}

:is(.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month) svg {
    vertical-align: middle;
    color: var(--color-base-content)
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-months .flatpickr-prev-month:hover svg,
    .flatpickr-months .flatpickr-next-month:hover svg {
        fill: color-mix(in oklab, var(--color-base-content)90%, transparent)
    }
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    inset-inline: auto 50px
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    --tw-skew-x: skewX(calc(1deg*-1));
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
    inset-inline-start: calc(var(--spacing)*14);
    inset-inline-end: auto
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    inset-inline-start: calc(var(--spacing)*0);
    inset-inline-end: calc(var(--spacing)*0)
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    inset-inline-end: calc(var(--spacing)*4)
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    --tw-skew-x: skewX(calc(1deg*-1));
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
    inset-inline-start: calc(var(--spacing)*4);
    inset-inline-end: auto
}

.flatpickr-weekdays {
    width: 100%;
    padding-inline: calc(var(--spacing)*3);
    text-align: center;
    align-items: center;
    display: flex;
    overflow: hidden
}

.flatpickr-weekdaycontainer {
    width: 100%;
    display: flex
}

span.flatpickr-weekday,
.flatpickr-weekwrapper .flatpickr-weekday {
    margin: calc(var(--spacing)*0);
    cursor: default;
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content);
    display: block
}

.flatpickr-days {
    width: 100%;
    max-width: calc(var(--spacing)*72);
    padding-inline: calc(var(--spacing)*2.5);
    padding-block: calc(var(--spacing)*2);
    flex-wrap: wrap;
    display: flex;
    position: relative;
    overflow: hidden
}

.flatpickr-days:focus {
    --tw-outline-style: none;
    outline-style: none
}

.flatpickr-calendar.hasTime .flatpickr-days {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-days .dayContainer {
    justify-content: center;
    row-gap: calc(var(--spacing)*.5);
    min-width: 100%;
    max-width: 100%;
    padding: calc(var(--spacing)*0);
    opacity: 1;
    --tw-outline-style: none;
    outline-style: none;
    flex-wrap: wrap;
    display: flex
}

.flatpickr-day {
    margin: calc(var(--spacing)*0);
    width: calc(var(--spacing)*9.5);
    height: calc(var(--spacing)*9.5);
    max-width: calc(var(--spacing)*9.5);
    cursor: pointer;
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-base-content);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.flatpickr-day.today:not(.selected) {
    background-color: var(--color-primary);
    border-color: #0000
}

@supports(color:color-mix(in lab, red, red)) {
    .flatpickr-day.today:not(.selected) {
        background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
}

.flatpickr-day.today:not(.selected) {
    color: var(--color-primary)
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    --tw-outline-style: none;
    outline-style: none
}

.flatpickr-day:hover:not(.selected, .today, .inRange, .endRange),
.flatpickr-day:focus:not(.selected, .today, .inRange, .endRange),
.flatpickr-day.prevMonthDay:hover:not(.selected, .today, .inRange, .endRange),
.flatpickr-day.nextMonthDay:hover:not(.selected, .today, .inRange, .endRange),
.flatpickr-day.prevMonthDay:focus:not(.selected, .today, .inRange, .endRange),
.flatpickr-day.nextMonthDay:focus:not(.selected, .today, .inRange, .endRange) {
    background-color: var(--color-neutral);
    border-color: #0000
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-day:hover:not(.selected, .today, .inRange, .endRange),
    .flatpickr-day:focus:not(.selected, .today, .inRange, .endRange),
    .flatpickr-day.prevMonthDay:hover:not(.selected, .today, .inRange, .endRange),
    .flatpickr-day.nextMonthDay:hover:not(.selected, .today, .inRange, .endRange),
    .flatpickr-day.prevMonthDay:focus:not(.selected, .today, .inRange, .endRange),
    .flatpickr-day.nextMonthDay:focus:not(.selected, .today, .inRange, .endRange) {
        background-color: color-mix(in oklab, var(--color-neutral)10%, transparent)
    }
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--color-primary);
    color: var(--color-primary-content);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: var(--color-base-300);
    border-color: #0000
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
    }
}

.flatpickr-day.inRange:not(.startRange):not(.endRange) {
    border-color: #0000;
    border-radius: 0
}

z .flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    pointer-events: none;
    color: var(--color-base-content);
    background-color: #0000;
    border-color: #0000
}

@supports(color:color-mix(in lab, red, red)) {

    z .flatpickr-day.disabled,
    .flatpickr-day.disabled:hover {
        color: color-mix(in oklab, var(--color-base-content)50%, transparent)
    }
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    background-color: #0000;
    border-color: #0000
}

.flatpickr-day.week.selected {
    border-radius: 0
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.prevMonthDay,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.notAllowed.nextMonthDay {
        color: color-mix(in oklab, var(--color-base-content)50%, transparent)
    }
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange .flatpickr-day.inRange:hover {
    background-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-day.inRange,
    .flatpickr-day.nextMonthDay.inRange .flatpickr-day.inRange:hover {
        background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange .flatpickr-day.inRange:hover {
    color: var(--color-primary);
    box-shadow: unset
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: unset
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    margin: calc(var(--spacing)*0);
    width: calc(var(--spacing)*9.5);
    height: calc(var(--spacing)*9.5);
    max-width: calc(var(--spacing)*9.5);
    cursor: pointer;
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-base-content);
    justify-content: center;
    align-items: center;
    display: flex
}

:is(.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover):not(:last-child) {
    margin-bottom: calc(var(--spacing)*.5)
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding-block: calc(var(--spacing)*2);
    --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);
    padding-inline-start: calc(var(--spacing)*2.5);
    padding-inline-end: calc(var(--spacing)*0)
}

.flatpickr-weekwrapper .flatpickr-weekday {
    padding-inline-start: calc(var(--spacing)*3);
    line-height: 28px
}

.flatpickr-calendar .flatpickr-innerContainer:has(>.flatpickr-weekwrapper)>.flatpickr-rContainer .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-innerContainer:has(>.flatpickr-weekwrapper)>.flatpickr-rContainer .flatpickr-days {
    padding-inline-start: calc(var(--spacing)*0)
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-color: var(--color-base-content);
    height: 100%
}

@supports(color:color-mix(in lab, red, red)) {
    .flatpickr-calendar.hasTime .flatpickr-time {
        border-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.flatpickr-calendar.hasTime .flatpickr-time {
    padding-inline: calc(var(--spacing)*4.5);
    padding-block: calc(var(--spacing)*3)
}

.flatpickr-time {
    max-height: unset;
    gap: calc(var(--spacing)*2);
    --tw-leading: 30px;
    line-height: 30px
}

.flatpickr-time .numInputWrapper {
    border-radius: var(--radius-field);
    border-radius: var(--radius-field);
    height: inherit
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: unset
}

.flatpickr-time .numInputWrapper span.arrowUp {
    top: 10%
}

.flatpickr-time .flatpickr-time-separator {
    color: var(--color-base-content)
}

.flatpickr-time:after {
    content: none
}

.flatpickr-calendar.hasTime.noCalendar>.flatpickr-time {
    border-color: #0000
}

.flatpickr-time input.flatpickr-hour {
    border-radius: var(--radius-field);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-base-content);
    height: auto
}

@supports(color:color-mix(in lab, red, red)) {
    .flatpickr-time input.flatpickr-hour {
        border-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.flatpickr-time input.flatpickr-hour {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: inherit;
    line-height: inherit;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-base-content)
}

.flatpickr-time input.flatpickr-minute {
    border-radius: var(--radius-field);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-base-content);
    height: auto
}

@supports(color:color-mix(in lab, red, red)) {
    .flatpickr-time input.flatpickr-minute {
        border-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.flatpickr-time input.flatpickr-minute {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: inherit;
    line-height: inherit;
    color: var(--color-base-content)
}

.flatpickr-time .flatpickr-am-pm {
    border-radius: var(--radius-field);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-content);
    justify-content: center;
    align-items: center;
    display: flex
}

@supports(color:color-mix(in lab, red, red)) {
    .flatpickr-time .flatpickr-am-pm {
        border-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.flatpickr-time .flatpickr-am-pm {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: inherit;
    line-height: inherit;
    color: var(--color-base-content)
}

.numInputWrapper:hover,
.numInputWrapper span:hover {
    background: unset
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after,
.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-current-month .numInputWrapper span.arrowUp:after,
    .flatpickr-time .numInputWrapper span.arrowUp:after {
        border-bottom-color: color-mix(in oklab, var(--color-base-content)80%, transparent)
    }
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {

    .flatpickr-current-month .numInputWrapper span.arrowDown:after,
    .flatpickr-time .numInputWrapper span.arrowDown:after {
        border-top-color: color-mix(in oklab, var(--color-base-content)80%, transparent)
    }
}

.numInputWrapper span {
    border-style: var(--tw-border-style);
    border-width: 0
}

.flatpickr-calendar:not(.inline):not(.open) {
    display: none
}

@keyframes notyf-fadeinright {
    0% {
        opacity: 0;
        transform: translate(-25%)
    }

    to {
        opacity: 1;
        transform: translate(0%)
    }
}

@keyframes notyf-fadeoutleft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-25%)
    }
}

.notyf__toast {
    border-radius: var(--radius-field);
    border-radius: var(--radius-field);
    --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);
    --tw-shadow-color: var(--color-base-300);
    padding: calc(var(--spacing)*0) !important
}

@supports(color:color-mix(in lab, red, red)) {
    .notyf__toast {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
    }
}

@media not all and (min-width:40rem) {
    .notyf__toast {
        margin: calc(var(--spacing)*2);
        width: 91.6667%
    }
}

.notyf__toast .notyf__wrapper {
    padding-inline: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*2.5)
}

.notyf__toast .notyf__wrapper .notyf__dismiss {
    margin-right: calc(var(--spacing)*0) !important
}

.notyf__toast .notyf__wrapper .notyf__dismiss:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    right: auto !important;
    left: calc(var(--spacing)*0) !important
}

.notyf__toast .notyf__wrapper .notyf__dismiss .notyf__dismiss-btn {
    width: 100%;
    opacity: .5 !important
}

@media(hover:hover) {
    .notyf__toast .notyf__wrapper .notyf__dismiss .notyf__dismiss-btn:hover {
        opacity: 1 !important
    }
}

.notyf__toast .notyf__wrapper .notyf__dismiss .notyf__dismiss-btn:active {
    opacity: 1 !important
}

.notyf__toast .notyf__wrapper:has(>.notyf__dismiss) {
    padding-inline-end: calc(var(--spacing)*12) !important
}

.notyf__toast--error .notyf__ripple {
    background-color: var(--color-error) !important
}

.notyf__toast--error .notyf__icon i {
    color: var(--color-error) !important
}

.notyf__toast--success .notyf__ripple {
    background-color: var(--color-success) !important
}

.notyf__toast--success .notyf__icon i {
    color: var(--color-success) !important
}

.notyf__icon {
    background-color: var(--color-base-100);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    width: 26px;
    height: 26px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-base-100);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-inline-end: calc(var(--spacing)*3) !important
}

@supports(color:color-mix(in lab, red, red)) {
    .notyf__icon {
        --tw-ring-color: color-mix(in oklab, var(--color-base-100)40%, transparent)
    }
}

.notyf__icon:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    margin-right: calc(var(--spacing)*0) !important
}

.notyf__icon i {
    width: 1.125rem;
    height: 1.125rem
}

.notyf__icon .notyf__icon--success:before,
.notyf__icon .notyf__icon--success:after,
.notyf__icon .notyf__icon--error:before,
.notyf__icon .notyf__icon--error:after {
    content: none
}

.notyf__icon .notyf__icon--error,
.notyf__icon .notyf__icon--success {
    width: 1.125rem;
    height: 1.125rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.notyf__icon .notyf__icon--error {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m2.7-6.3l12.6 12.6'/%3E%3C/svg%3E")
}

.notyf__icon .notyf__icon--success {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E")
}

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

[dir=rtl] .notyf__dismiss {
    animation: .3s .35s forwards notyf-fadeinright !important
}

[dir=rtl] .notyf__toast--disappear .notyf__dismiss {
    animation: .3s forwards notyf-fadeoutleft !important
}

.dt-layout-row:has(.dt-search),
.dt-layout-row:has(.dt-length),
.dt-layout-row:has(.dt-paging),
.dt-scroll-body thead {
    display: none !important
}

.ce-toolbar__plus,
.ce-toolbar__settings-btn {
    border-color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {

    .ce-toolbar__plus,
    .ce-toolbar__settings-btn {
        border-color: color-mix(in oklab, var(--color-base-content)20%, transparent)
    }
}

.ce-toolbar__plus,
.ce-toolbar__settings-btn {
    background-color: var(--color-base-100);
    color: var(--color-base-content)
}

@media(hover:hover) {
    :is(.ce-toolbar__plus, .ce-toolbar__settings-btn):hover {
        background-color: var(--color-base-content)
    }

    @supports(color:color-mix(in lab, red, red)) {
        :is(.ce-toolbar__plus, .ce-toolbar__settings-btn):hover {
            background-color: color-mix(in oklab, var(--color-base-content)5%, transparent)
        }
    }
}

.ce-popover,
.ce-conversion-toolbar,
.tc-popover {
    border-radius: var(--radius-box) !important;
    border-radius: var(--radius-box) !important;
    border-style: var(--tw-border-style) !important;
    background-color: var(--color-base-100) !important;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    --tw-shadow-color: var(--color-base-300) !important;
    border-width: 0 !important
}

@supports(color:color-mix(in lab, red, red)) {

    .ce-popover,
    .ce-conversion-toolbar,
    .tc-popover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent) !important
    }
}

:is(.ce-popover, .ce-conversion-toolbar, .tc-popover) .ce-popover__container {
    --tw-border-style: none;
    background-color: var(--color-base-100);
    --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);
    --tw-shadow-color: var(--color-base-300);
    border-style: none
}

@supports(color:color-mix(in lab, red, red)) {
    :is(.ce-popover, .ce-conversion-toolbar, .tc-popover) .ce-popover__container {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
    }
}

.ce-inline-toolbar {
    border-radius: var(--radius-box);
    border-radius: var(--radius-box);
    border-style: var(--tw-border-style);
    background-color: var(--color-base-100);
    --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);
    --tw-shadow-color: var(--color-base-300);
    border-width: 0
}

@supports(color:color-mix(in lab, red, red)) {
    .ce-inline-toolbar {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
    }
}

.cdx-search-field {
    border-radius: var(--radius-box);
    border-radius: var(--radius-box);
    border-color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    .cdx-search-field {
        border-color: color-mix(in oklab, var(--color-base-content)20%, transparent)
    }
}

.cdx-search-field {
    background-color: var(--color-base-200)
}

@supports(color:color-mix(in lab, red, red)) {
    .cdx-search-field {
        background-color: color-mix(in oklab, var(--color-base-200)40%, transparent)
    }
}

.cdx-search-field {
    color: var(--color-base-content)
}

.ce-popover-item,
.ce-conversion-tool,
.tc-toolbox__toggler,
.tc-toolbox__toggler:hover {
    color: var(--color-base-content) !important
}

.ce-popover-item__secondary-title,
.ce-conversion-tool__secondary-label {
    margin-inline-start: auto;
    margin-left: calc(var(--spacing)*0);
    color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {

    .ce-popover-item__secondary-title,
    .ce-conversion-tool__secondary-label {
        color: color-mix(in oklab, var(--color-base-content)80%, transparent)
    }
}

.ce-popover-item__icon,
.ce-conversion-tool__icon,
.tc-popover__item-icon {
    border-radius: var(--radius-box) !important;
    border-radius: var(--radius-box) !important;
    background-color: var(--color-base-100) !important;
    margin-inline-end: calc(var(--spacing)*2.5) !important
}

:is(.ce-popover-item__icon, .ce-conversion-tool__icon, .tc-popover__item-icon):where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    margin-right: calc(var(--spacing)*0) !important
}

.ce-popover-item__icon,
.ce-conversion-tool__icon,
.tc-popover__item-icon {
    box-shadow: 0 0 0 1.35px var(--color-base-300) !important
}

@supports(color:color-mix(in lab, red, red)) {

    .ce-popover-item__icon,
    .ce-conversion-tool__icon,
    .tc-popover__item-icon {
        box-shadow: 0 0 0 1.35px color-mix(in oklab, var(--color-base-300)50%, #0000) !important
    }
}

.tc-popover__item-icon {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important
}

.tc-popover__item {
    padding-inline-start: calc(var(--spacing)*.5) !important;
    padding-inline-end: calc(var(--spacing)*3.5) !important
}

.ce-conversion-toolbar__label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

.ce-inline-toolbar__dropdown {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--color-base-content);
    border-start-start-radius: var(--radius-box);
    border-end-start-radius: var(--radius-box);
    margin-inline-start: calc(var(--spacing)*0);
    margin-inline-end: calc(var(--spacing)*2.5)
}

@supports(color:color-mix(in lab, red, red)) {
    .ce-inline-toolbar__dropdown {
        border-color: color-mix(in oklab, var(--color-base-content)20%, transparent)
    }
}

.ce-inline-toolbar__dropdown:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
}

.ce-inline-toolbar__toggler-and-button-wrapper:has(>.ce-inline-toolbar__dropdown) {
    padding-inline-start: calc(var(--spacing)*0)
}

.ce-conversion-tool--focused {
    background-color: var(--color-base-200) !important
}

@supports(color:color-mix(in lab, red, red)) {
    .ce-conversion-tool--focused {
        background-color: color-mix(in oklab, var(--color-base-200)80%, transparent) !important
    }
}

.ce-conversion-tool--focused {
    --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)
}

.ce-inline-tool {
    padding-inline: calc(var(--spacing)*1.5)
}

.ce-conversion-tool:last-of-type {
    border-bottom-left-radius: var(--radius-box);
    border-bottom-right-radius: var(--radius-box);
    border-bottom-right-radius: var(--radius-box);
    border-bottom-left-radius: var(--radius-box)
}

.ce-block--selected .ce-block__content {
    background-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    .ce-block--selected .ce-block__content {
        background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
}

.ce-block--selected .ce-block__content {
    color: var(--color-primary)
}

.ce-block__content {
    padding-inline: calc(var(--spacing)*.5)
}

.ce-block__content ::selection {
    background-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    .ce-block__content ::selection {
        background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
}

.ce-block__content::selection {
    background-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    .ce-block__content::selection {
        background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
}

.ce-block__content ::selection {
    color: var(--color-primary)
}

.ce-block__content::selection {
    color: var(--color-primary)
}

.codex-editor {
    margin-inline: calc(var(--spacing)*13)
}

.ce-toolbar__actions {
    padding-inline-end: calc(var(--spacing)*1.5)
}

@media(min-width:40rem) {
    .codex-editor--narrow .ce-toolbar__actions {
        inset-inline-end: 100%
    }

    .codex-editor--narrow .ce-toolbox .ce-popover,
    .codex-editor--narrow .ce-settings .ce-popover {
        inset-inline-start: calc(var(--spacing)*0);
        inset-inline-end: auto
    }

    .codex-editor--narrow .codex-editor__redactor {
        margin-inline-end: calc(var(--spacing)*0) !important
    }

    [dir=rtl] :is(.codex-editor--narrow .codex-editor__redactor) {
        margin-inline-end: calc(var(--spacing)*10) !important
    }
}

.cdx-checklist__item-checkbox,
.cdx-nested-list__item:before {
    margin-inline-end: calc(var(--spacing)*1.5)
}

.tc-add-column,
.tc-add-row {
    color: var(--color-base-content) !important
}

.tc-cell,
.tc-row,
.tc-add-column,
.tc-add-row,
.tc-table,
.tc-row:after {
    border-color: var(--color-base-content) !important
}

@supports(color:color-mix(in lab, red, red)) {

    .tc-cell,
    .tc-row,
    .tc-add-column,
    .tc-add-row,
    .tc-table,
    .tc-row:after {
        border-color: color-mix(in oklab, var(--color-base-content)20%, transparent) !important
    }
}

.tc-cell {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px
}

.tc-cell:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
}

[dir=rtl] .tc-add-row:before,
[dir=rtl] .tc-row:after {
    left: calc(var(--cell-size)*-1);
    right: auto
}

[dir=rtl] .tc-table:after {
    left: auto;
    right: calc(var(--cell-size)*-1)
}

.tc-cell--selected {
    background-color: var(--color-base-200) !important
}

@supports(color:color-mix(in lab, red, red)) {
    .tc-cell--selected {
        background-color: color-mix(in oklab, var(--color-base-200)60%, transparent) !important
    }
}

.ce-popover-item:hover:not(.ce-popover-item--no-hover),
.ce-popover-item--focused:not(.ce-popover-item--no-focus),
.ce-inline-toolbar__dropdown:hover,
.ce-inline-tool:hover,
.ce-conversion-tool:hover,
.tc-add-column:hover,
.tc-add-row:hover,
.tc-add-row:hover:before,
.tc-popover__item:hover {
    background-color: var(--color-base-content) !important
}

@supports(color:color-mix(in lab, red, red)) {

    .ce-popover-item:hover:not(.ce-popover-item--no-hover),
    .ce-popover-item--focused:not(.ce-popover-item--no-focus),
    .ce-inline-toolbar__dropdown:hover,
    .ce-inline-tool:hover,
    .ce-conversion-tool:hover,
    .tc-add-column:hover,
    .tc-add-row:hover,
    .tc-add-row:hover:before,
    .tc-popover__item:hover {
        background-color: color-mix(in oklab, var(--color-base-content)5%, transparent) !important
    }
}

h1.ce-header {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

h2.ce-header {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

h3.ce-header {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

h4.ce-header {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

h5.ce-header {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

h6.ce-header {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

:root {
    --fc-page-bg-color: var(--color-base-100);
    --fc-neutral-bg-color: var(--color-neutral)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-neutral-bg-color: color-mix(in oklab, var(--color-neutral)30%, transparent)
    }
}

:root {
    --fc-neutral-text-color: var(--color-neutral-content);
    --fc-border-color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-border-color: color-mix(in oklab, var(--color-base-content)30%, transparent)
    }
}

:root {
    --fc-button-text-color: var(--color-primary);
    --fc-button-bg-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-button-bg-color: color-mix(in oklab, var(--color-primary)16%, transparent)
    }
}

:root {
    --fc-button-border-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-button-border-color: color-mix(in oklab, var(--color-primary)16%, transparent)
    }
}

:root {
    --fc-button-hover-bg-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-button-hover-bg-color: color-mix(in oklab, var(--color-primary)24%, transparent)
    }
}

:root {
    --fc-button-hover-border-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-button-hover-border-color: color-mix(in oklab, var(--color-primary)24%, transparent)
    }
}

:root {
    --fc-button-active-bg-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-button-active-bg-color: color-mix(in oklab, var(--color-primary)24%, transparent)
    }
}

:root {
    --fc-button-active-border-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-button-active-border-color: color-mix(in oklab, var(--color-primary)24%, transparent)
    }
}

:root {
    --fc-event-bg-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-event-bg-color: color-mix(in oklab, var(--color-primary)16%, transparent)
    }
}

:root {
    --fc-event-border-color: var(--color-primary);
    --fc-event-text-color: var(--color-primary);
    --fc-event-selected-overlay-color: var(--color-secondary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-event-selected-overlay-color: color-mix(in oklab, var(--color-secondary)16%, transparent)
    }
}

:root {
    --fc-list-event-dot-width: 8px;
    --fc-list-event-hover-bg-color: var(--color-secondary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-list-event-hover-bg-color: color-mix(in oklab, var(--color-secondary)16%, transparent)
    }
}

:root {
    --fc-more-link-bg-color: var(--color-secondary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-more-link-bg-color: color-mix(in oklab, var(--color-secondary)16%, transparent)
    }
}

:root {
    --fc-more-link-text-color: var(--color-secondary);
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: var(--color-info)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-non-business-color: color-mix(in oklab, var(--color-info)16%, transparent)
    }
}

:root {
    --fc-bg-event-color: var(--color-neutral);
    --fc-bg-event-opacity: .3;
    --fc-highlight-color: var(--color-secondary)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-highlight-color: color-mix(in oklab, var(--color-secondary)16%, transparent)
    }
}

:root {
    --fc-today-bg-color: var(--color-base-300)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --fc-today-bg-color: color-mix(in oklab, var(--color-base-300)35%, transparent)
    }
}

:root {
    --fc-now-indicator-color: var(--color-warning)
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:focus,
.fc .fc-button:focus {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
}

.fc .fc-button-primary,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:hover,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:disabled {
    border-color: #0000
}

.fc .fc-toolbar .fc-button:not(.fc-next-button):not(.fc-prev-button) {
    padding-inline: calc(var(--spacing)*3.5);
    padding-block: calc(var(--spacing)*1.5)
}

.fc .fc-toolbar .fc-toolbar-chunk {
    align-items: center;
    display: flex
}

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

.fc .fc-toolbar .fc-prev-button,
.fc .fc-toolbar .fc-next-button {
    padding-inline: calc(var(--spacing)*2);
    padding-block: calc(var(--spacing)*0);
    background-color: #0000;
    color: var(--color-base-content) !important
}

@supports(color:color-mix(in lab, red, red)) {

    .fc .fc-toolbar .fc-prev-button,
    .fc .fc-toolbar .fc-next-button {
        color: color-mix(in oklab, var(--color-base-content)80%, transparent) !important
    }
}

@media(hover:hover) {
    :is(.fc .fc-toolbar .fc-prev-button, .fc .fc-toolbar .fc-next-button):hover {
        background-color: #0000;
        color: var(--color-base-content) !important
    }
}

:is(.fc .fc-toolbar .fc-prev-button, .fc .fc-toolbar .fc-next-button) .fc-icon {
    margin-top: calc(var(--spacing)*-.5)
}

@media(hover:hover) {
    :is(.fc .fc-toolbar .fc-prev-button, .fc .fc-toolbar .fc-next-button) .fc-icon:hover {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
}

.fc .fc-view-harness .fc-event {
    padding-inline: calc(var(--spacing)*1.5);
    padding-block: calc(var(--spacing)*.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.fc .fc-view-harness .fc-event .fc-daygrid-event-dot {
    display: none
}

.fc .fc-view-harness .fc-event .fc-event-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.fc .fc-daygrid-event .fc-event-time {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

.fc .fc-event-primary {
    --fc-event-text-color: var(--color-primary);
    --fc-event-border-color: var(--color-primary);
    background-color: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-event-primary {
        background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
}

.fc .fc-event-primary {
    color: var(--color-primary)
}

.fc .fc-event-secondary {
    --fc-event-text-color: var(--color-secondary);
    --fc-event-border-color: var(--color-secondary);
    background-color: var(--color-secondary)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-event-secondary {
        background-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
    }
}

.fc .fc-event-secondary {
    color: var(--color-secondary)
}

.fc .fc-event-error {
    --fc-event-text-color: var(--color-error);
    --fc-event-border-color: var(--color-error);
    background-color: var(--color-error)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-event-error {
        background-color: color-mix(in oklab, var(--color-error)20%, transparent)
    }
}

.fc .fc-event-error {
    color: var(--color-error)
}

.fc .fc-event-warning {
    --fc-event-text-color: var(--color-warning);
    --fc-event-border-color: var(--color-warning);
    background-color: var(--color-warning)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-event-warning {
        background-color: color-mix(in oklab, var(--color-warning)20%, transparent)
    }
}

.fc .fc-event-warning {
    color: var(--color-warning)
}

.fc .fc-event-success {
    --fc-event-text-color: var(--color-success);
    --fc-event-border-color: var(--color-success);
    background-color: var(--color-success)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-event-success {
        background-color: color-mix(in oklab, var(--color-success)20%, transparent)
    }
}

.fc .fc-event-success {
    color: var(--color-success)
}

.fc .fc-event-info {
    --fc-event-text-color: var(--color-info);
    --fc-event-border-color: var(--color-info);
    background-color: var(--color-info)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-event-info {
        background-color: color-mix(in oklab, var(--color-info)20%, transparent)
    }
}

.fc .fc-event-info {
    color: var(--color-info)
}

.fc .fc-daygrid-event-harness+.fc-daygrid-event-harness .fc-daygrid-event {
    margin-top: calc(var(--spacing)*1.5)
}

.fc .fc-h-event,
.fc .fc-v-event {
    --tw-border-style: none;
    border-style: none
}

.fc .fc-daygrid-day-bottom {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-daygrid-day-bottom {
        color: color-mix(in oklab, var(--color-base-content)50%, transparent)
    }
}

.fc .fc-daygrid-more-link {
    margin-top: 3px
}

.fc .fc-popover .fc-popover-header {
    border-top-left-radius: var(--radius-field);
    border-top-right-radius: var(--radius-field);
    border-top-left-radius: var(--radius-field);
    border-top-right-radius: var(--radius-field);
    background-color: var(--color-base-200)
}

@supports(color:color-mix(in lab, red, red)) {
    .fc .fc-popover .fc-popover-header {
        background-color: color-mix(in oklab, var(--color-base-200)50%, transparent)
    }
}

.fc .fc-popover .fc-popover-header {
    padding: calc(var(--spacing)*2)
}

.fc .fc-popover {
    border-radius: var(--radius-field);
    border-radius: var(--radius-field);
    --tw-border-style: none !important;
    border-style: none !important
}

.fc .fc-more-popover .fc-popover-body {
    min-width: calc(var(--spacing)*44) !important
}

.fc .fc-daygrid-dot-event {
    margin-top: calc(var(--spacing)*1.5)
}

.fc .fc-daygrid-block-event .fc-event-title {
    padding: calc(var(--spacing)*0)
}

.fc th {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

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

.fc .fc-view-harness .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-top {
    flex-direction: row
}

.fc .fc-scroller {
    overflow: hidden auto
}

.fc .fc-timegrid-divider {
    display: none
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-top: calc(var(--spacing)*2) !important;
    margin-bottom: .3rem !important
}

.fc .fc-timegrid-col-events {
    margin: 1px !important
}

.fc .fc-timegrid-slot-label,
.fc .fc-timegrid-slot-lane {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0 !important;
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0 !important
}

.fc .fc-list-day-cushion,
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
    background-color: var(--color-base-200) !important
}

@supports(color:color-mix(in lab, red, red)) {

    .fc .fc-list-day-cushion,
    .fc .fc-cell-shaded,
    .fc .fc-day-disabled {
        background-color: color-mix(in oklab, var(--color-base-200)50%, transparent) !important
    }
}

.fc .fc-list-day-cushion,
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}

.fc .fc-list-table .fc-event-primary,
.fc .fc-list-table .fc-event-secondary,
.fc .fc-list-table .fc-event-error,
.fc .fc-list-table .fc-event-warning,
.fc .fc-list-table .fc-event-success,
.fc .fc-list-table .fc-event-info {
    --fc-event-bg-color: var(--color-base-100);
    background-color: var(--color-base-100) !important
}

.fc-direction-rtl .fc-toolbar-ltr {
    flex-direction: row !important
}

.fc .fc-toolbar {
    gap: calc(var(--spacing)*3);
    flex-wrap: wrap
}

@keyframes rating-jump {

    0%,
    to {
        transform: translateY(0)scale(1)
    }

    50% {
        transform: translateY(-.3em)scale(1.1)
    }
}

.raty-jump {
    animation: .5s ease-in-out rating-jump
}

.raty-cancel {
    margin-inline-start: calc(var(--spacing)*2)
}

.cancel-off-png {
    color: var(--color-error)
}

.star-off-png:before {
    content: "";
    opacity: .2
}

.waves-effect {
    display: inline-flex
}

.waves-effect .waves-ripple {
    background: radial-gradient(var(--wave-color)0, var(--wave-color)40%, var(--wave-color)50%, var(--wave-color)60%, var(--wave-color)70%)
}

.apexcharts-tooltip-series-group.apexcharts-active {
    padding-bottom: calc(var(--spacing)*0) !important
}

.apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-tooltip.apexcharts-theme-dark {
    --tw-border-style: none !important;
    background-color: var(--color-base-100) !important;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    border-style: none !important
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background-color: var(--color-base-100) !important
}

@font-face {
    font-family: raty;
    font-style: normal;
    font-weight: 400;
    src: url(/docs/fonts/raty.eot);
    src: url(/docs/fonts/raty.eot?#iefix)format("embedded-opentype");
    src: url(/docs/fonts/raty.svg#raty)format("svg");
    src: url(/docs/fonts/raty.ttf)format("truetype");
    src: url(/docs/fonts/raty.woff)format("woff")
}

.js-toc a {
    display: block
}

.js-toc .toc-link.node-name--H2 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-base-content)
}

.js-toc .toc-link.node-name--H2.is-active-link,
.js-toc a:hover {
    color: var(--color-primary)
}

.js-toc li>a {
    color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    .js-toc li>a {
        color: color-mix(in oklab, var(--color-base-content)80%, transparent)
    }
}

.js-toc .is-active-li>a {
    color: var(--color-primary)
}

.js-toc .is-active-li a {
    position: relative
}

.js-toc .toc-link:has(+.is-collapsible .is-active-li) {
    color: var(--color-primary)
}

.js-toc .toc-list-item>a:not(.node-name--H2):before {
    content: "";
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4);
    background-color: currentColor;
    flex-shrink: 0;
    margin-inline-end: calc(var(--spacing)*1.5);
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.js-toc .toc-list-item>a:not(.node-name--H2) {
    align-items: center;
    display: flex
}

.js-toc a.is-active-li:not(.node-name--H2):before {
    color: var(--color-primary)
}

.js-toc a.node-name--H2.is-active-link:before {
    content: "";
    inset-inline-start: -.55rem;
    top: calc(var(--spacing)*0);
    height: 100%;
    width: calc(var(--spacing)*.5);
    background-color: var(--color-primary);
    position: absolute
}

.js-toc a.node-name--H2:has(+.is-collapsible .is-active-li) {
    position: relative
}

.js-toc a.node-name--H2:has(+.is-collapsible .is-active-li):before {
    content: "";
    inset-inline-start: -.55rem;
    top: calc(var(--spacing)*0);
    height: 100%;
    width: calc(var(--spacing)*.5);
    background-color: var(--color-primary);
    position: absolute
}

.js-toc ol ol {
    margin-block: calc(var(--spacing)*2)
}

:where(.js-toc ol ol>: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)))
}

.js-toc>ol {
    position: relative
}

:where(.js-toc>ol>: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)))
}

.js-toc ol li {
    padding-inline-start: calc(var(--spacing)*2.5)
}

.framework-links {
    align-items: center;
    gap: calc(var(--spacing)*3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-base-content);
    display: flex
}

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

.framework-links:after {
    content: "";
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4);
    background-color: currentColor;
    flex-shrink: 0;
    margin-inline-start: auto;
    margin-inline-end: calc(var(--spacing)*1.5);
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.framework-links:hover img {
    opacity: 1;
    --tw-grayscale: grayscale(0%);
    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, )
}

.framework-links.active {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary)
}

.framework-links.active img {
    opacity: 1;
    --tw-grayscale: grayscale(0%);
    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, )
}

.code-pattern {
    background-image: repeating-linear-gradient(45deg, var(--color-base-100), var(--color-base-100)13px, var(--color-base-100)13px, var(--color-base-content)14px)
}

.highlight pre {
    margin-block: calc(var(--spacing)*0);
    border-radius: var(--radius-box);
    border-radius: var(--radius-box)
}

.primary-gradient {
    --dark-shade: var(--color-primary)
}

@supports(color:color-mix(in lab, red, red)) {
    .primary-gradient {
        --dark-shade: color-mix(in oklab, var(--color-primary)80%, black)
    }
}

.primary-gradient {
    background-image: linear-gradient(135deg, var(--color-primary)0%, var(--dark-shade)100%)
}

.divider-gradient {
    background: linear-gradient(90deg, #fbfbfb00 18%, var(--color-base-content)36%, var(--color-primary)47%, var(--color-base-content)55%, #fff0 90%)
}

@supports(color:color-mix(in lab, red, red)) {
    .divider-gradient {
        background: linear-gradient(90deg, #fbfbfb00 18%, color-mix(in oklab, var(--color-base-content)20%, transparent)36%, var(--color-primary)47%, color-mix(in oklab, var(--color-base-content)20%, transparent)55%, #fff0 90%)
    }
}

.outline-text {
    -webkit-text-stroke: 1px var(--color-primary);
    -webkit-text-fill-color: transparent;
    color: var(--color-primary);
    font-family: Rubik;
    font-weight: 900
}

:root {
    --docsearch-muted-color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --docsearch-muted-color: color-mix(in oklab, var(--color-base-content)50%, transparent)
    }
}

:root {
    --docsearch-highlight-color: var(--color-primary);
    --docsearch-hit-color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    :root {
        --docsearch-hit-color: color-mix(in oklab, var(--color-base-content)80%, transparent)
    }
}

.home-search .DocSearch-Button {
    width: calc(var(--spacing)*7.5);
    height: calc(var(--spacing)*7.5);
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing)*0);
    background-color: #0000;
    border-width: 0;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: calc(var(--spacing)*0) !important
}

@media(hover:hover) {
    .home-search .DocSearch-Button:hover {
        background-color: var(--color-base-content)
    }

    @supports(color:color-mix(in lab, red, red)) {
        .home-search .DocSearch-Button:hover {
            background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
        }
    }
}

@media(min-width:40rem) {
    .home-search .DocSearch-Button {
        width: calc(var(--spacing)*9.5);
        height: calc(var(--spacing)*9.5)
    }
}

.home-search .DocSearch-Button-Keys,
.home-search .DocSearch-Button-Placeholder {
    display: none
}

.home-search .DocSearch-Search-Icon {
    margin: calc(var(--spacing)*0) !important
}

.DocSearch-Button {
    width: calc(var(--spacing)*9.5);
    height: calc(var(--spacing)*9.5);
    border-radius: var(--radius-field);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    background-color: var(--color-base-100);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 1px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: calc(var(--spacing)*0) !important
}

@media(hover:hover) {
    .DocSearch-Button:hover {
        background-color: var(--color-base-content)
    }

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

    .DocSearch-Button: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)
    }
}

.DocSearch-Button:focus {
    border-color: var(--color-primary);
    --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);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-primary);
    --tw-outline-style: none;
    outline-style: none;
    outline-color: #0000
}

@media(min-width:64rem) {
    .DocSearch-Button {
        width: 100%;
        max-width: calc(var(--spacing)*64);
        --tw-border-style: solid;
        border-style: solid;
        border-color: var(--color-base-content);
        justify-content: space-between
    }

    @supports(color:color-mix(in lab, red, red)) {
        .DocSearch-Button {
            border-color: color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }

    .DocSearch-Button {
        padding-inline: calc(var(--spacing)*3)
    }
}

@media(hover:hover) {
    @media(min-width:64rem) {
        .DocSearch-Button:hover {
            background-color: var(--color-base-100)
        }
    }
}

@media(min-width:64rem) {
    @media(hover:hover) {
        .DocSearch-Button:hover:not(:focus) {
            border-color: var(--color-base-content)
        }

        @supports(color:color-mix(in lab, red, red)) {
            .DocSearch-Button:hover:not(:focus) {
                border-color: color-mix(in oklab, var(--color-base-content)60%, transparent)
            }
        }
    }
}

.DocSearch-Button:focus-visible {
    background-color: var(--color-base-content);
    border-color: #0000
}

@supports(color:color-mix(in lab, red, red)) {
    .DocSearch-Button:focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.DocSearch-Button:focus-visible {
    outline-color: var(--color-base-content)
}

.DocSearch-Button-Placeholder {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-base-content)
}

@supports(color:color-mix(in lab, red, red)) {
    .DocSearch-Button-Placeholder {
        color: color-mix(in oklab, var(--color-base-content)50%, transparent)
    }
}

@media not all and (min-width:64rem) {

    .DocSearch-Button-Keys,
    .DocSearch-Button-Placeholder {
        display: none
    }
}

.DocSearch-Button .DocSearch-Search-Icon {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4);
    color: var(--color-base-content)
}

@media(min-width:64rem) {
    .DocSearch-Button .DocSearch-Search-Icon {
        margin-inline-end: calc(var(--spacing)*1)
    }
}

.DocSearch-Button-Keys {
    min-width: calc(var(--spacing)*0);
    align-items: center;
    gap: calc(var(--spacing)*.5)
}

.DocSearch-Button-Key:first-child {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    margin-inline-end: 1px
}

.DocSearch-Button-Key {
    margin: calc(var(--spacing)*0);
    width: auto;
    padding-top: calc(var(--spacing)*1);
    padding-bottom: calc(var(--spacing)*0);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-base-content);
    background-image: none
}

@supports(color:color-mix(in lab, red, red)) {
    .DocSearch-Button-Key {
        color: color-mix(in oklab, var(--color-base-content)50%, transparent)
    }
}

.DocSearch-Button-Key {
    --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)
}

.DocSearch-Hits mark {
    color: var(--color-primary);
    -webkit-text-decoration-color: var(--color-primary);
    -webkit-text-decoration-color: var(--color-primary);
    text-decoration-color: var(--color-primary);
    text-underline-offset: 2px;
    text-decoration-thickness: 2px
}

.DocSearch-Hit-source {
    background-color: var(--color-base-100);
    padding-bottom: calc(var(--spacing)*1)
}

.DocSearch-Container {
    background-color: var(--color-base-300)
}

@supports(color:color-mix(in lab, red, red)) {
    .DocSearch-Container {
        background-color: color-mix(in oklab, var(--color-base-300)60%, transparent)
    }
}

.DocSearch-Modal {
    margin-inline: auto;
    margin-top: calc(var(--spacing)*4);
    border-radius: var(--radius-lg);
    --tw-shadow: 0 0 #0000;
    width: 100%;
    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 2rem);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    overflow: hidden
}

@media(min-width:64rem) {
    .DocSearch-Modal {
        margin-top: calc(var(--spacing)*32);
        max-height: none;
        max-width: var(--container-xl)
    }
}

.DocSearch-SearchBar {
    padding: calc(var(--spacing)*0)
}

.DocSearch-Form {
    --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);
    background: var(--color-base-200);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.DocSearch-Input {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-base-content)
}

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

.DocSearch-Input {
    --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)
}

.DocSearch-Input:focus {
    --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);
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + 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)
}

.DocSearch-LoadingIndicator svg,
.DocSearch-MagnifierLabel svg {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
}

.DocSearch-MagnifierLabel {
    color: var(--color-base-content)
}

.DocSearch-Footer {
    height: calc(var(--spacing)*12);
    --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);
    background: var(--color-base-200)
}

.DocSearch-Commands-Key {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5);
    border-radius: var(--radius-box);
    border-radius: var(--radius-box);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-base-content)
}

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

.DocSearch-Commands-Key {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: var(--color-base-300)
}

@supports(color:color-mix(in lab, red, red)) {
    .DocSearch-Commands-Key {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300)20%, transparent)var(--tw-shadow-alpha), transparent)
    }
}

.DocSearch-Commands-Key {
    background: 0 0
}

.DocSearch-Dropdown {
    background-color: var(--color-base-100)
}

.DocSearch-Hit {
    padding-bottom: calc(var(--spacing)*2);
    --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)
}

.DocSearch-Hit a {
    border-radius: var(--radius-lg);
    background-color: var(--color-base-200)
}

@supports(color:color-mix(in lab, red, red)) {
    .DocSearch-Hit a {
        background-color: color-mix(in oklab, var(--color-base-200)60%, transparent)
    }
}

.DocSearch-Hit a {
    --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)
}

.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon,
.DocSearch-Hit-action-button {
    display: none
}

.DocSearch-Hit .DocSearch-Hit-action:last-child {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action:last-child {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.DocSearch-Screen-Icon,
.DocSearch-NoResults-Prefill-List,
.DocSearch-Cancel {
    display: none
}

.DocSearch-Title {
    margin-bottom: calc(var(--spacing)*1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-base-content)
}

@media(hover:hover) {
    .DocSearch-Reset:hover {
        color: var(--color-black)
    }
}

@media(min-width:40rem) {
    .grid-sizer {
        width: 330px
    }
}

@media(min-width:64rem) {
    .grid-sizer {
        width: 290px
    }
}

@media(min-width:80rem) {
    .grid-sizer {
        width: 400px
    }
}

@media(min-width:96rem) {
    .grid-sizer {
        width: 469px
    }
}

@keyframes heartbeat {
    0% {
        opacity: .9;
        transform: scale(1)
    }

    25% {
        opacity: 1;
        transform: scale(1.1)
    }

    50% {
        opacity: .9;
        transform: scale(1)
    }

    75% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: .9;
        transform: scale(1)
    }
}

.animate-heartbeat {
    animation: 2s infinite heartbeat
}

@keyframes flip {
    0% {
        transform: rotateX(0)
    }

    20% {
        transform: rotateX(0)
    }

    33.33% {
        transform: rotateX(120deg)
    }

    53.33% {
        transform: rotateX(120deg)
    }

    66.66% {
        transform: rotateX(240deg)
    }

    86.66% {
        transform: rotateX(240deg)
    }

    to {
        transform: rotateX(360deg)
    }
}

.flip-text {
    transform-origin: 50%;
    height: 47px;
    color: var(--color-primary);
    display: inline-block;
    position: relative
}

@media not all and (min-width:80rem) {
    .flip-text {
        width: 100%
    }
}

@media not all and (min-width:48rem) {
    .flip-text {
        height: 38px
    }
}

.flip-text {
    transform-style: preserve-3d;
    animation: 6s infinite flip
}

.flip-text div {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute
}

@media not all and (min-width:80rem) {
    .flip-text div {
        justify-content: center
    }
}

@media(min-width:80rem) {
    .flip-text div {
        inset-inline-start: calc(var(--spacing)*2.5)
    }
}

.flip-text div {
    backface-visibility: hidden;
    transform-origin: 50%
}

.word1 {
    transform: rotateX(0)translateZ(20px)
}

.word2 {
    transform: rotateX(-120deg)translateZ(20px)
}

.word3 {
    transform: rotateX(-240deg)translateZ(20px)
}

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

    50% {
        padding: 3px
    }
}

@keyframes radio-inset {
    0% {
        padding: 1px
    }

    50% {
        padding: 4px
    }
}

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

    to {
        background-position: -50%
    }
}

@keyframes indeterminate-progress {
    0% {
        background-position-x: -75%
    }

    50% {
        background-position-x: 125%
    }

    to {
        background-position-x: -75%
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: .75rem
    }
}

@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-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-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-duration {
    syntax: "*";
    inherits: false
}

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

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

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

@keyframes background {
    0% {
        background-position: 0
    }

    50% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}