@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-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: "Poppins", "Poppins Fallback", ui-sans-serif, system-ui, sans-serif;
        --font-mono: var(--font-geist-mono);
        --color-red-50: oklch(97.1% .013 17.38);
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-300: oklch(80.8% .114 19.571);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-red-700: oklch(50.5% .213 27.518);
        --color-red-800: oklch(44.4% .177 26.899);
        --color-red-900: oklch(39.6% .141 25.723);
        --color-orange-50: oklch(98% .016 73.684);
        --color-orange-100: oklch(95.4% .038 75.164);
        --color-orange-300: oklch(83.7% .128 66.29);
        --color-orange-400: oklch(75% .183 55.934);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-orange-600: oklch(64.6% .222 41.116);
        --color-orange-700: oklch(55.3% .195 38.402);
        --color-orange-900: oklch(40.8% .123 38.172);
        --color-amber-50: oklch(98.7% .022 95.277);
        --color-amber-100: oklch(96.2% .059 95.617);
        --color-amber-200: oklch(92.4% .12 95.746);
        --color-amber-300: oklch(87.9% .169 91.605);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-amber-600: oklch(66.6% .179 58.318);
        --color-amber-700: oklch(55.5% .163 48.998);
        --color-amber-900: oklch(41.4% .112 45.904);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-200: oklch(92.5% .084 155.995);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-green-700: oklch(52.7% .154 150.069);
        --color-green-800: oklch(44.8% .119 151.328);
        --color-green-900: oklch(39.3% .095 152.535);
        --color-emerald-50: oklch(97.9% .021 166.113);
        --color-emerald-100: oklch(95% .052 163.051);
        --color-emerald-200: oklch(90.5% .093 164.15);
        --color-emerald-300: oklch(84.5% .143 164.978);
        --color-emerald-400: oklch(76.5% .177 163.223);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-emerald-600: oklch(59.6% .145 163.225);
        --color-teal-500: oklch(70.4% .14 182.503);
        --color-cyan-50: oklch(98.4% .019 200.873);
        --color-cyan-400: oklch(78.9% .154 211.53);
        --color-cyan-500: oklch(71.5% .143 215.221);
        --color-cyan-600: oklch(60.9% .126 221.723);
        --color-cyan-900: oklch(39.8% .07 227.392);
        --color-sky-50: oklch(97.7% .013 236.62);
        --color-sky-100: oklch(95.1% .026 236.824);
        --color-sky-200: oklch(90.1% .058 230.902);
        --color-sky-300: oklch(82.8% .111 230.318);
        --color-sky-400: oklch(74.6% .16 232.661);
        --color-sky-500: oklch(68.5% .169 237.323);
        --color-sky-600: oklch(58.8% .158 241.966);
        --color-sky-700: oklch(50% .134 242.749);
        --color-blue-50: oklch(97% .014 254.604);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-200: oklch(88.2% .059 254.128);
        --color-blue-300: oklch(80.9% .105 251.813);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-blue-700: oklch(48.8% .243 264.376);
        --color-blue-800: oklch(42.4% .199 265.638);
        --color-blue-900: oklch(37.9% .146 265.522);
        --color-indigo-50: oklch(96.2% .018 272.314);
        --color-indigo-100: oklch(93% .034 272.788);
        --color-indigo-200: oklch(87% .065 274.039);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-indigo-500: oklch(58.5% .233 277.117);
        --color-indigo-600: oklch(51.1% .262 276.966);
        --color-violet-50: oklch(96.9% .016 293.756);
        --color-violet-200: oklch(89.4% .057 293.283);
        --color-violet-400: oklch(70.2% .183 293.541);
        --color-violet-500: oklch(60.6% .25 292.717);
        --color-violet-600: oklch(54.1% .281 293.009);
        --color-purple-50: oklch(97.7% .014 308.299);
        --color-purple-100: oklch(94.6% .033 307.174);
        --color-purple-200: oklch(90.2% .063 306.703);
        --color-purple-300: oklch(82.7% .119 306.383);
        --color-purple-400: oklch(71.4% .203 305.504);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-purple-700: oklch(49.6% .265 301.924);
        --color-purple-900: oklch(38.1% .176 304.987);
        --color-pink-50: oklch(97.1% .014 343.198);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-pink-500: oklch(65.6% .241 354.308);
        --color-pink-600: oklch(59.2% .249 .584);
        --color-rose-50: oklch(96.9% .015 12.422);
        --color-rose-100: oklch(94.1% .03 12.58);
        --color-rose-200: oklch(89.2% .058 10.001);
        --color-rose-300: oklch(81% .117 11.638);
        --color-rose-400: oklch(71.2% .194 13.428);
        --color-rose-500: oklch(64.5% .246 16.439);
        --color-rose-600: oklch(58.6% .253 17.585);
        --color-rose-700: oklch(51.4% .222 16.935);
        --color-slate-200: oklch(92.9% .013 255.508);
        --color-gray-50: oklch(98.5% .002 247.839);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-gray-900: oklch(21% .034 264.665);
        --color-gray-950: oklch(13% .028 261.692);
        --color-zinc-800: oklch(27.4% .006 286.033);
        --color-neutral-100: oklch(97% 0 0);
        --color-neutral-300: oklch(87% 0 0);
        --color-neutral-700: oklch(37.1% 0 0);
        --color-neutral-800: oklch(26.9% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --breakpoint-lg: 64rem;
        --breakpoint-xl: 80rem;
        --breakpoint-2xl: 96rem;
        --container-3xs: 16rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --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: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-thin: 100;
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -.05em;
        --tracking-tight: -.025em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-sm: calc(var(--radius) - 4px);
        --radius-md: calc(var(--radius) - 2px);
        --radius-lg: var(--radius);
        --radius-xl: calc(var(--radius) + 4px);
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --drop-shadow-sm: 0 1px 2px #00000026;
        --drop-shadow-md: 0 3px 3px #0000001f;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-xl: 24px;
        --blur-3xl: 64px;
        --aspect-video: 16 / 9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: "Poppins", "Poppins Fallback", ui-sans-serif, system-ui, sans-serif;
        --default-mono-font-family: var(--font-geist-mono)
    }
}

@layer base {

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

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.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
    }

    ::-moz-placeholder {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

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

        ::placeholder {
            color: currentColor
        }

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

            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

    * {
        border-color: var(--border);
        outline-color: var(--ring);
        border-radius: 10px;
    }

    @supports (color:color-mix(in lab, red, red)) {
        * {
            outline-color: color-mix(in oklch, var(--ring) 50%, transparent)
        }
    }

    body {
        background-color: var(--background);
        color: var(--foreground);
        font-family: var(--font-sans)
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    ::-webkit-scrollbar-thumb {
        background: #96969666;
        border-radius: 4px
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #96969699
    }

    * {
        scrollbar-width: thin;
        scrollbar-color: #96969666 transparent
    }

    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

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

@layer components;

@layer utilities {
    .\@container {
        container-type: inline-size
    }

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

    .collapse {
        visibility: collapse
    }

    .visible {
        visibility: visible
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

    .start\! {
        inset-inline-start: var(--spacing) !important
    }

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

    .end\! {
        inset-inline-end: var(--spacing) !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .isolate {
        isolation: isolate
    }

    .-z-10 {
        z-index: -10
    }

    .-z-30 {
        z-index: -30
    }

    .z-0 {
        z-index: 0
    }

    .z-2 {
        z-index: 2
    }

    .z-4 {
        z-index: 4
    }

    .z-5 {
        z-index: 5
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-70 {
        z-index: 70
    }

    .z-98 {
        z-index: 98
    }

    .z-99 {
        z-index: 99
    }

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

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

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

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

    .col-span-full {
        grid-column: 1/-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
        }
    }

    .container\! {
        width: 100% !important
    }

    @media (min-width:40rem) {
        .container\! {
            max-width: 40rem !important
        }
    }

    @media (min-width:48rem) {
        .container\! {
            max-width: 48rem !important
        }
    }

    @media (min-width:64rem) {
        .container\! {
            max-width: 64rem !important
        }
    }

    @media (min-width:80rem) {
        .container\! {
            max-width: 80rem !important
        }
    }

    @media (min-width:96rem) {
        .container\! {
            max-width: 96rem !important
        }
    }

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

    .-mt-px {
        margin-top: -1px
    }

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

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

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

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-ml-px {
        margin-left: -1px
    }

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

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

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

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

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

    .ml-7 {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-12 {
        margin-left: calc(var(--spacing) * 12)
    }

    .ml-auto {
        margin-left: auto
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline\! {
        display: inline !important
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .inline-table {
        display: inline-table
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .table\! {
        display: table !important
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .table-column {
        display: table-column
    }

    .table-column-group {
        display: table-column-group
    }

    .table-footer-group {
        display: table-footer-group
    }

    .table-header-group {
        display: table-header-group
    }

    .table-row {
        display: table-row
    }

    .table-row-group {
        display: table-row-group
    }

    .aspect-2\/3 {
        aspect-ratio: 2/3
    }

    .aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .aspect-\[2\/3\] {
        aspect-ratio: 2/3
    }

    .aspect-\[3\/4\] {
        aspect-ratio: 3/4
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[75px\] {
        height: 75px
    }

    .h-\[90px\] {
        height: 90px
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

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

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

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

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

    .max-h-\[28rem\] {
        max-height: 28rem
    }

    .max-h-\[420px\] {
        max-height: 420px
    }

    .min-h-\[calc\(100vh-80px\)\] {
        min-height: calc(100vh - 80px)
    }

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

    .w-1\/4 {
        width: 25%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[24rem\] {
        width: 24rem
    }

    .w-\[50px\] {
        width: 50px
    }

    .w-\[60px\] {
        width: 60px
    }

    .w-\[90\%\] {
        width: 90%
    }

    .w-\[95\%\] {
        width: 95%
    }

    .w-\[140px\] {
        width: 140px
    }

    .w-\[260px\] {
        width: 260px
    }

    .w-auto {
        width: auto
    }

    .w-auto\! {
        width: auto !important
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

    .max-w-2xl {
        max-width: var(--container-2xl)
    }

    .max-w-3xl {
        max-width: var(--container-3xl)
    }

    .max-w-4xl {
        max-width: var(--container-4xl)
    }

    .max-w-6xl {
        max-width: var(--container-6xl)
    }

    .max-w-7xl {
        max-width: var(--container-7xl)
    }

    .max-w-\[160px\] {
        max-width: 160px
    }

    .max-w-\[200px\] {
        max-width: 200px
    }

    .max-w-\[250px\] {
        max-width: 250px
    }

    .max-w-full {
        max-width: 100%
    }

    .max-w-lg {
        max-width: var(--container-lg)
    }

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .max-w-xl {
        max-width: var(--container-xl)
    }

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

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

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

    .min-w-\[3px\] {
        min-width: 3px
    }

    .min-w-\[48px\] {
        min-width: 48px
    }

    .min-w-max {
        min-width: -moz-max-content;
        min-width: max-content
    }

    .flex-1 {
        flex: 1
    }

    .flex-shrink {
        flex-shrink: 1
    }

    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow {
        flex-grow: 1
    }

    .border-collapse {
        border-collapse: collapse
    }

    .border-separate {
        border-collapse: separate
    }

    .border-spacing-0 {
        --tw-border-spacing-x: calc(var(--spacing) * 0);
        --tw-border-spacing-y: calc(var(--spacing) * 0);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        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-x-0\.5 {
        --tw-translate-x: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-4 {
        --tw-translate-x: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .rotate-180 {
        rotate: 180deg
    }

    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }

    .transform\! {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .cursor-default {
        cursor: default
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .resize\! {
        resize: both !important
    }

    .list-disc {
        list-style-type: disc
    }

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

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

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

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

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .content-start {
        align-content: flex-start
    }

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

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

    .justify-items-center {
        justify-items: center
    }

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

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

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

    .gap-x-3 {
        -moz-column-gap: calc(var(--spacing) * 3);
        column-gap: calc(var(--spacing) * 3)
    }

    .gap-x-4 {
        -moz-column-gap: calc(var(--spacing) * 4);
        column-gap: calc(var(--spacing) * 4)
    }

    .gap-x-6 {
        -moz-column-gap: calc(var(--spacing) * 6);
        column-gap: calc(var(--spacing) * 6)
    }

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

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing) * .5)
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1)
    }

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

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-gray-50>:not(:last-child)) {
        border-color: var(--color-gray-50)
    }

    :where(.divide-gray-100>:not(:last-child)) {
        border-color: var(--color-gray-100)
    }

    .self-end {
        align-self: flex-end
    }

    .self-start {
        align-self: flex-start
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

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

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

    .rounded-md {
        border-radius: calc(var(--radius) - 2px)
    }

    .rounded-sm {
        border-radius: calc(var(--radius) - 4px)
    }

    .rounded-xl {
        border-radius: calc(var(--radius) + 4px)
    }

    .rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .rounded-t-md {
        border-top-left-radius: calc(var(--radius) - 2px);
        border-top-right-radius: calc(var(--radius) - 2px)
    }

    .rounded-t-xl {
        border-top-left-radius: calc(var(--radius) + 4px);
        border-top-right-radius: calc(var(--radius) + 4px)
    }

    .rounded-l-md {
        border-top-left-radius: calc(var(--radius) - 2px);
        border-bottom-left-radius: calc(var(--radius) - 2px)
    }

    .rounded-r-md {
        border-top-right-radius: calc(var(--radius) - 2px);
        border-bottom-right-radius: calc(var(--radius) - 2px)
    }

    .rounded-b-xl {
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px)
    }

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

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

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

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

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

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

    .border-amber-200\/50 {
        border-color: #fee68580
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-200\/50 {
            border-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent)
        }
    }

    .border-amber-300\/50 {
        border-color: #ffd23680
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-300\/50 {
            border-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent)
        }
    }

    .border-amber-400\/80 {
        border-color: #fcbb00cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-400\/80 {
            border-color: color-mix(in oklab, var(--color-amber-400) 80%, transparent)
        }
    }

    .border-amber-500\/40 {
        border-color: #f99c0066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-500\/40 {
            border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent)
        }
    }

    .border-blue-200\/50 {
        border-color: #bedbff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-blue-200\/50 {
            border-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent)
        }
    }

    .border-border,
    .border-border\/40 {
        border-color: var(--border)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/40 {
            border-color: color-mix(in oklab, var(--border) 40%, transparent)
        }
    }

    .border-border\/50 {
        border-color: var(--border)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/50 {
            border-color: color-mix(in oklab, var(--border) 50%, transparent)
        }
    }

    .border-emerald-200\/50 {
        border-color: #a4f4cf80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-emerald-200\/50 {
            border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent)
        }
    }

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

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

    .border-gray-200\/30 {
        border-color: #e5e7eb4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-gray-200\/30 {
            border-color: color-mix(in oklab, var(--color-gray-200) 30%, transparent)
        }
    }

    .border-gray-200\/50 {
        border-color: #e5e7eb80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-gray-200\/50 {
            border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent)
        }
    }

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

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

    .border-gray-700\/60 {
        border-color: #36415399
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-gray-700\/60 {
            border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent)
        }
    }

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

    .border-green-600\/50 {
        border-color: #00a54480
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-green-600\/50 {
            border-color: color-mix(in oklab, var(--color-green-600) 50%, transparent)
        }
    }

    .border-indigo-200\/50 {
        border-color: #c7d2ff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-indigo-200\/50 {
            border-color: color-mix(in oklab, var(--color-indigo-200) 50%, transparent)
        }
    }

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

    .border-neutral-700\/70 {
        border-color: #404040b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-neutral-700\/70 {
            border-color: color-mix(in oklab, var(--color-neutral-700) 70%, transparent)
        }
    }

    .border-primary\/20 {
        border-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/20 {
            border-color: color-mix(in oklab, var(--primary) 20%, transparent)
        }
    }

    .border-primary\/30 {
        border-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/30 {
            border-color: color-mix(in oklab, var(--primary) 30%, transparent)
        }
    }

    .border-purple-200\/50 {
        border-color: #e9d5ff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-200\/50 {
            border-color: color-mix(in oklab, var(--color-purple-200) 50%, transparent)
        }
    }

    .border-red-200\/30 {
        border-color: #ffcaca4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-200\/30 {
            border-color: color-mix(in oklab, var(--color-red-200) 30%, transparent)
        }
    }

    .border-red-200\/50 {
        border-color: #ffcaca80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-200\/50 {
            border-color: color-mix(in oklab, var(--color-red-200) 50%, transparent)
        }
    }

    .border-red-300\/50 {
        border-color: #ffa3a380
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-300\/50 {
            border-color: color-mix(in oklab, var(--color-red-300) 50%, transparent)
        }
    }

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

    .border-rose-200\/50 {
        border-color: #ffccd380
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-rose-200\/50 {
            border-color: color-mix(in oklab, var(--color-rose-200) 50%, transparent)
        }
    }

    .border-sky-200\/50 {
        border-color: #b8e6fe80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-sky-200\/50 {
            border-color: color-mix(in oklab, var(--color-sky-200) 50%, transparent)
        }
    }

    .border-sky-300\/50 {
        border-color: #77d4ff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-sky-300\/50 {
            border-color: color-mix(in oklab, var(--color-sky-300) 50%, transparent)
        }
    }

    .border-transparent {
        border-color: #0000
    }

    .border-violet-200\/50 {
        border-color: #ddd6ff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-violet-200\/50 {
            border-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent)
        }
    }

    .border-white\/10 {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .bg-\[\#1a1b1f\] {
        background-color: #1a1b1f
    }

    .bg-\[\#070809\] {
        background-color: #070809
    }

    .bg-\[\#f5c518\] {
        background-color: #f5c518
    }

    .bg-accent,
    .bg-accent\/50 {
        background-color: var(--accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-accent\/50 {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent)
        }
    }

    .bg-amber-50 {
        background-color: var(--color-amber-50)
    }

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

    .bg-amber-400 {
        background-color: var(--color-amber-400)
    }

    .bg-amber-500 {
        background-color: var(--color-amber-500)
    }

    .bg-amber-500\/10 {
        background-color: #f99c001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/10 {
            background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent)
        }
    }

    .bg-amber-500\/15 {
        background-color: #f99c0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/15 {
            background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent)
        }
    }

    .bg-amber-500\/30 {
        background-color: #f99c004d
    }

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

    .bg-amber-500\/90 {
        background-color: #f99c00e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/90 {
            background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent)
        }
    }

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

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

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

    .bg-black\/10 {
        background-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/10 {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
    }

    .bg-black\/20 {
        background-color: #0003
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/20 {
            background-color: color-mix(in oklab, var(--color-black) 20%, transparent)
        }
    }

    .bg-black\/30 {
        background-color: #0000004d
    }

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

    .bg-black\/40 {
        background-color: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/40 {
            background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
        }
    }

    .bg-black\/50 {
        background-color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
    }

    .bg-black\/90 {
        background-color: #000000e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/90 {
            background-color: color-mix(in oklab, var(--color-black) 90%, transparent)
        }
    }

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

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

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

    .bg-blue-400\/60 {
        background-color: #54a2ff99
    }

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

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

    .bg-blue-500\/15 {
        background-color: #3080ff26
    }

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

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

    .bg-blue-600\/20 {
        background-color: #155dfc33
    }

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

    .bg-card,
    .bg-card\/30 {
        background-color: var(--card)
    }

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

    .bg-card\/40 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/40 {
            background-color: color-mix(in oklab, var(--card) 40%, transparent)
        }
    }

    .bg-card\/50 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/50 {
            background-color: color-mix(in oklab, var(--card) 50%, transparent)
        }
    }

    .bg-card\/60 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/60 {
            background-color: color-mix(in oklab, var(--card) 60%, transparent)
        }
    }

    .bg-card\/70 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/70 {
            background-color: color-mix(in oklab, var(--card) 70%, transparent)
        }
    }

    .bg-cyan-50 {
        background-color: var(--color-cyan-50)
    }

    .bg-emerald-50 {
        background-color: var(--color-emerald-50)
    }

    .bg-emerald-50\/50 {
        background-color: #ecfdf580
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-50\/50 {
            background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent)
        }
    }

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

    .bg-emerald-300 {
        background-color: var(--color-emerald-300)
    }

    .bg-emerald-400 {
        background-color: var(--color-emerald-400)
    }

    .bg-emerald-500 {
        background-color: var(--color-emerald-500)
    }

    .bg-emerald-500\/90 {
        background-color: #00bb7fe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-500\/90 {
            background-color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent)
        }
    }

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

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

    .bg-gray-200 {
        background-color: var(--color-gray-200)
    }

    .bg-gray-300 {
        background-color: var(--color-gray-300)
    }

    .bg-gray-700 {
        background-color: var(--color-gray-700)
    }

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

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

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

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

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

    .bg-green-600\/10 {
        background-color: #00a5441a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-600\/10 {
            background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent)
        }
    }

    .bg-green-600\/20 {
        background-color: #00a54433
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-600\/20 {
            background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent)
        }
    }

    .bg-indigo-50 {
        background-color: var(--color-indigo-50)
    }

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

    .bg-indigo-100\/50 {
        background-color: #e0e7ff80
    }

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

    .bg-indigo-500 {
        background-color: var(--color-indigo-500)
    }

    .bg-indigo-500\/90 {
        background-color: #625fffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-indigo-500\/90 {
            background-color: color-mix(in oklab, var(--color-indigo-500) 90%, transparent)
        }
    }

    .bg-input\/30 {
        background-color: var(--input)
    }

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

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

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

    .bg-orange-50 {
        background-color: var(--color-orange-50)
    }

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

    .bg-orange-500 {
        background-color: var(--color-orange-500)
    }

    .bg-orange-700\/25 {
        background-color: #c53c0040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-700\/25 {
            background-color: color-mix(in oklab, var(--color-orange-700) 25%, transparent)
        }
    }

    .bg-pink-50 {
        background-color: var(--color-pink-50)
    }

    .bg-primary,
    .bg-primary\/5 {
        background-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/5 {
            background-color: color-mix(in oklab, var(--primary) 5%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/10 {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent)
        }
    }

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

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

    .bg-purple-400\/70 {
        background-color: #c07effb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-purple-400\/70 {
            background-color: color-mix(in oklab, var(--color-purple-400) 70%, transparent)
        }
    }

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

    .bg-red-50 {
        background-color: var(--color-red-50)
    }

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

    .bg-red-200 {
        background-color: var(--color-red-200)
    }

    .bg-red-500 {
        background-color: var(--color-red-500)
    }

    .bg-red-500\/10 {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/10 {
            background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent)
        }
    }

    .bg-red-600 {
        background-color: var(--color-red-600)
    }

    .bg-red-600\/10 {
        background-color: #e400141a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-600\/10 {
            background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent)
        }
    }

    .bg-red-600\/20 {
        background-color: #e4001433
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-600\/20 {
            background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent)
        }
    }

    .bg-red-600\/80 {
        background-color: #e40014cc
    }

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

    .bg-red-600\/90 {
        background-color: #e40014e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-600\/90 {
            background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent)
        }
    }

    .bg-rose-50 {
        background-color: var(--color-rose-50)
    }

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

    .bg-rose-500 {
        background-color: var(--color-rose-500)
    }

    .bg-rose-500\/90 {
        background-color: #ff2357e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-rose-500\/90 {
            background-color: color-mix(in oklab, var(--color-rose-500) 90%, transparent)
        }
    }

    .bg-sky-50 {
        background-color: var(--color-sky-50)
    }

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

    .bg-sky-500 {
        background-color: var(--color-sky-500)
    }

    .bg-sky-500\/90 {
        background-color: #00a5efe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-sky-500\/90 {
            background-color: color-mix(in oklab, var(--color-sky-500) 90%, transparent)
        }
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-violet-50 {
        background-color: var(--color-violet-50)
    }

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

    .bg-white\/10 {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .bg-white\/30 {
        background-color: #ffffff4d
    }

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

    .bg-white\/60 {
        background-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/60 {
            background-color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }

    .bg-white\/70 {
        background-color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/70 {
            background-color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }

    .bg-white\/90 {
        background-color: #ffffffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/90 {
            background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }
    }

    .bg-yellow-400 {
        background-color: var(--color-yellow-400)
    }

    .bg-yellow-500 {
        background-color: var(--color-yellow-500)
    }

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

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

    .bg-gradient-to-l {
        --tw-gradient-position: to left 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))
    }

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

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

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

    .from-background {
        --tw-gradient-from: var(--background);
        --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-background\/30 {
        --tw-gradient-from: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-background\/30 {
            --tw-gradient-from: color-mix(in oklab, var(--background) 30%, transparent)
        }
    }

    .from-background\/30 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-background\/40 {
        --tw-gradient-from: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-background\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--background) 40%, transparent)
        }
    }

    .from-background\/40 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-black\/10 {
        --tw-gradient-from: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/10 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
    }

    .from-black\/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-black\/30 {
        --tw-gradient-from: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/30 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent)
        }
    }

    .from-black\/30 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-black\/70 {
        --tw-gradient-from: #000000b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/70 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent)
        }
    }

    .from-black\/70 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

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

    .from-gray-700\/50 {
        --tw-gradient-from: #36415380
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-gray-700\/50 {
            --tw-gradient-from: color-mix(in oklab, var(--color-gray-700) 50%, transparent)
        }
    }

    .from-gray-700\/50 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

    .from-red-500\/10 {
        --tw-gradient-from: #fb2c361a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-red-500\/10 {
            --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 10%, transparent)
        }
    }

    .from-red-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

    .via-background\/10 {
        --tw-gradient-via: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-background\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--background) 10%, transparent)
        }
    }

    .via-background\/10 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-background\/80 {
        --tw-gradient-via: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-background\/80 {
            --tw-gradient-via: color-mix(in oklab, var(--background) 80%, transparent)
        }
    }

    .via-background\/80 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-black\/10 {
        --tw-gradient-via: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
    }

    .via-black\/10 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-orange-500\/5 {
        --tw-gradient-via: #fe6e000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-orange-500\/5 {
            --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 5%, transparent)
        }
    }

    .via-orange-500\/5 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

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

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

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

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

    .to-black\/85 {
        --tw-gradient-to: #000000d9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-black\/85 {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 85%, transparent)
        }
    }

    .to-black\/85 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

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

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

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

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

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

    .mask-repeat {
        -webkit-mask-repeat: repeat;
        mask-repeat: repeat
    }

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .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-2\.5 {
        padding: calc(var(--spacing) * 2.5)
    }

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

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

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

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

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

    .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-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5)
    }

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

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

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

    .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-5 {
        padding-block: calc(var(--spacing) * 5)
    }

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

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

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

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

    .py-px {
        padding-block: 1px
    }

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

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

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

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

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

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

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

    .pt-\[5px\] {
        padding-top: 5px
    }

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

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

    .pr-2\.5 {
        padding-right: calc(var(--spacing) * 2.5)
    }

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

    .pr-28 {
        padding-right: calc(var(--spacing) * 28)
    }

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

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

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

    .pb-64 {
        padding-bottom: calc(var(--spacing) * 64)
    }

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

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

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

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .font-mono {
        font-family: var(--font-geist-mono)
    }

    .font-sans {
        font-family: Poppins, Poppins Fallback, ui-sans-serif, system-ui, sans-serif
    }

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

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

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

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

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

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

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

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

    .text-\[8px\] {
        font-size: 8px
    }

    .text-\[9px\] {
        font-size: 9px
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[11px\] {
        font-size: 11px
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5)
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7)
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

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

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

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

    .font-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-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

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

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

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

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

    .tracking-\[0\.18em\] {
        --tw-tracking: .18em;
        letter-spacing: .18em
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-\[\#009966\] {
        color: #096
    }

    .text-amber-200 {
        color: var(--color-amber-200)
    }

    .text-amber-500 {
        color: var(--color-amber-500)
    }

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

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

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

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

    .text-blue-500 {
        color: var(--color-blue-500)
    }

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

    .text-blue-600\/70 {
        color: #155dfcb3
    }

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

    .text-blue-800 {
        color: var(--color-blue-800)
    }

    .text-card-foreground {
        color: var(--card-foreground)
    }

    .text-cyan-500 {
        color: var(--color-cyan-500)
    }

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

    .text-emerald-400 {
        color: var(--color-emerald-400)
    }

    .text-emerald-500 {
        color: var(--color-emerald-500)
    }

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

    .text-emerald-600\/70 {
        color: #009767b3
    }

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

    .text-foreground,
    .text-foreground\/40 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/40 {
            color: color-mix(in oklab, var(--foreground) 40%, transparent)
        }
    }

    .text-foreground\/50 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/50 {
            color: color-mix(in oklab, var(--foreground) 50%, transparent)
        }
    }

    .text-foreground\/70 {
        color: var(--foreground)
    }

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

    .text-foreground\/85 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/85 {
            color: color-mix(in oklab, var(--foreground) 85%, transparent)
        }
    }

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

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

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

    .text-gray-400\/70 {
        color: #99a1afb3
    }

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

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

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

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

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

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

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

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

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

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

    .text-indigo-400 {
        color: var(--color-indigo-400)
    }

    .text-indigo-500 {
        color: var(--color-indigo-500)
    }

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

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

    .text-muted-foreground,
    .text-muted-foreground\/40 {
        color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-muted-foreground\/40 {
            color: color-mix(in oklab, var(--muted-foreground) 40%, transparent)
        }
    }

    .text-muted-foreground\/70 {
        color: var(--muted-foreground)
    }

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

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

    .text-orange-500 {
        color: var(--color-orange-500)
    }

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

    .text-orange-600\/80 {
        color: #f05100cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-orange-600\/80 {
            color: color-mix(in oklab, var(--color-orange-600) 80%, transparent)
        }
    }

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

    .text-pink-500 {
        color: var(--color-pink-500)
    }

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

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

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

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

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

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

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

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

    .text-red-600\/70 {
        color: #e40014b3
    }

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

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

    .text-red-800 {
        color: var(--color-red-800)
    }

    .text-rose-500 {
        color: var(--color-rose-500)
    }

    .text-rose-500\/70 {
        color: #ff2357b3
    }

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

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

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

    .text-sky-500 {
        color: var(--color-sky-500)
    }

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

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

    .text-slate-200 {
        color: var(--color-slate-200)
    }

    .text-teal-500 {
        color: var(--color-teal-500)
    }

    .text-violet-500 {
        color: var(--color-violet-500)
    }

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

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

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

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

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

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .line-through {
        text-decoration-line: line-through
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-5 {
        opacity: .05
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-85 {
        opacity: .85
    }

    .opacity-90 {
        opacity: .9
    }

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

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

    .shadow-\[0_18px_40px_rgba\(0\,0\,0\,0\.8\)\] {
        --tw-shadow: 0 18px 40px var(--tw-shadow-color, #000c);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring\! {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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
    }

    .ring-0 {
        --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)
    }

    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --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)
    }

    .shadow-amber-600\/30 {
        --tw-shadow-color: #dd74004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-amber-600\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-600) 30%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-gray-400\/30 {
        --tw-shadow-color: #99a1af4d
    }

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

    .shadow-gray-500\/20 {
        --tw-shadow-color: #6a728233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-gray-500\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-500) 20%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-yellow-500\/30 {
        --tw-shadow-color: #edb2004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-yellow-500\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 30%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }

    .ring-blue-300 {
        --tw-ring-color: var(--color-blue-300)
    }

    .ring-gray-300 {
        --tw-ring-color: var(--color-gray-300)
    }

    .ring-indigo-200 {
        --tw-ring-color: var(--color-indigo-200)
    }

    .ring-white\/80 {
        --tw-ring-color: #fffc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }

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

    .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-3xl {
        --tw-blur: blur(var(--blur-3xl));
        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-md {
        --tw-blur: blur(var(--blur-md));
        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, )
    }

    .brightness-0 {
        --tw-brightness: brightness(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, )
    }

    .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-md {
        --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
        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, )
    }

    .saturate-100 {
        --tw-saturate: saturate(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, )
    }

    .sepia {
        --tw-sepia: sepia(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, )
    }

    .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, ) !important
    }

    .backdrop-blur {
        --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, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

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

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

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

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

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

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

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

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

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

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

    .select-all {
        -webkit-user-select: all;
        -moz-user-select: all;
        user-select: all
    }

    .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }

    .\[wire\:model\=\"\'\+i\+\'\"\] {
        wire: model="'+i+'"
    }

    .\[wire\:model\=\\\"\'\+expression\+\'\\\"\] {
        wire: model=\""+expression+" \"
    }

    .\[wire\:model\] {
        wire: model
    }

    .backface-hidden {
        backface-visibility: hidden
    }

    @media (hover:hover) {
        .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-0\.5:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * .5);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:translate-y-0:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .group-hover\:scale-\[1\.06\]:is(:where(.group):hover *) {
            scale: 1.06
        }

        .group-hover\:bg-gray-100\/70:is(:where(.group):hover *) {
            background-color: #f3f4f6b3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-gray-100\/70:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-gray-100) 70%, transparent)
            }
        }

        .group-hover\:bg-primary:is(:where(.group):hover *),
        .group-hover\:bg-primary\/10:is(:where(.group):hover *) {
            background-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-primary\/10:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--primary) 10%, transparent)
            }
        }

        .group-hover\:text-current:is(:where(.group):hover *) {
            color: currentColor
        }

        .group-hover\:text-foreground:is(:where(.group):hover *),
        .group-hover\:text-foreground\/60:is(:where(.group):hover *) {
            color: var(--foreground)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:text-foreground\/60:is(:where(.group):hover *) {
                color: color-mix(in oklab, var(--foreground) 60%, transparent)
            }
        }

        .group-hover\:text-primary:is(:where(.group):hover *) {
            color: var(--primary)
        }

        .group-hover\:text-primary-foreground:is(:where(.group):hover *) {
            color: var(--primary-foreground)
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }

        .group-hover\:shadow-md:is(:where(.group):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)
        }

        .group-hover\:backdrop-blur-xs:is(:where(.group):hover *) {
            --tw-backdrop-blur: blur(var(--blur-xs));
            -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
        }
    }

    .group-\[\.status-down\]\:bg-red-600:is(:where(.group).status-down *) {
        background-color: var(--color-red-600)
    }

    .selection\:bg-red-500 ::-moz-selection {
        background-color: var(--color-red-500)
    }

    .selection\:bg-red-500 ::selection {
        background-color: var(--color-red-500)
    }

    .selection\:bg-red-500::-moz-selection {
        background-color: var(--color-red-500)
    }

    .selection\:bg-red-500::selection {
        background-color: var(--color-red-500)
    }

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

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

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

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

    .placeholder\:text-muted-foreground\/70::-moz-placeholder {
        color: var(--muted-foreground)
    }

    .placeholder\:text-muted-foreground\/70::placeholder {
        color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-muted-foreground\/70::-moz-placeholder {
            color: color-mix(in oklab, var(--muted-foreground) 70%, transparent)
        }

        .placeholder\:text-muted-foreground\/70::placeholder {
            color: color-mix(in oklab, var(--muted-foreground) 70%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .hover\:border-blue-300:hover {
            border-color: var(--color-blue-300)
        }

        .hover\:border-border\/50:hover {
            border-color: var(--border)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-border\/50:hover {
                border-color: color-mix(in oklab, var(--border) 50%, transparent)
            }
        }

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

        .hover\:border-green-600\/40:hover {
            border-color: #00a54466
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-green-600\/40:hover {
                border-color: color-mix(in oklab, var(--color-green-600) 40%, transparent)
            }
        }

        .hover\:border-primary\/20:hover {
            border-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primary\/20:hover {
                border-color: color-mix(in oklab, var(--primary) 20%, transparent)
            }
        }

        .hover\:border-primary\/40:hover {
            border-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primary\/40:hover {
                border-color: color-mix(in oklab, var(--primary) 40%, transparent)
            }
        }

        .hover\:border-red-600\/40:hover {
            border-color: #e4001466
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-red-600\/40:hover {
                border-color: color-mix(in oklab, var(--color-red-600) 40%, transparent)
            }
        }

        .hover\:border-white\/10:hover {
            border-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/10:hover {
                border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
            }
        }

        .hover\:bg-accent:hover,
        .hover\:bg-accent\/80:hover {
            background-color: var(--accent)
        }

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

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

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-background\/60:hover {
                background-color: color-mix(in oklab, var(--background) 60%, transparent)
            }
        }

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

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

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

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

        .hover\:bg-card:hover,
        .hover\:bg-card\/80:hover {
            background-color: var(--card)
        }

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

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

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

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

        .hover\:bg-gray-50\/50:hover {
            background-color: #f9fafb80
        }

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

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

        .hover\:bg-gray-100\/50:hover {
            background-color: #f3f4f680
        }

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

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

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

        .hover\:bg-gray-700\/40:hover {
            background-color: #36415366
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-gray-700\/40:hover {
                background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent)
            }
        }

        .hover\:bg-green-600\/20:hover {
            background-color: #00a54433
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-green-600\/20:hover {
                background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent)
            }
        }

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

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

        .hover\:bg-muted:hover,
        .hover\:bg-muted\/40:hover {
            background-color: var(--muted)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/40:hover {
                background-color: color-mix(in oklab, var(--muted) 40%, transparent)
            }
        }

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

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/50:hover {
                background-color: color-mix(in oklab, var(--muted) 50%, transparent)
            }
        }

        .hover\:bg-muted\/60:hover {
            background-color: var(--muted)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/60:hover {
                background-color: color-mix(in oklab, var(--muted) 60%, transparent)
            }
        }

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

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

        .hover\:bg-primary\/5:hover {
            background-color: var(--primary)
        }

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

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

        .hover\:bg-red-50\/50:hover {
            background-color: #fef2f280
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-50\/50:hover {
                background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent)
            }
        }

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

        .hover\:bg-red-600\/10:hover {
            background-color: #e400141a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-600\/10:hover {
                background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent)
            }
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .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-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .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\:shadow-primary\/5:hover {
            --tw-shadow-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-primary\/5:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 5%, transparent) var(--tw-shadow-alpha), transparent)
            }
        }
    }

    .focus\:z-10:focus {
        z-index: 10
    }

    .focus\:border-blue-300:focus {
        border-color: var(--color-blue-300)
    }

    .focus\:border-red-500:focus {
        border-color: var(--color-red-500)
    }

    .focus\:ring: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-red-500:focus {
        --tw-ring-color: var(--color-red-500)
    }

    .focus\:outline:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus\:outline-2:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus\:outline-red-500:focus {
        outline-color: var(--color-red-500)
    }

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

    .focus-visible\:ring-1:focus-visible {
        --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-visible\:ring-primary:focus-visible {
        --tw-ring-color: var(--primary)
    }

    .active\:scale-\[0\.97\]:active {
        scale: .97
    }

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

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

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

    @media (min-width:40rem) {
        .sm\:right-5 {
            right: calc(var(--spacing) * 5)
        }

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

        .sm\:left-auto {
            left: auto
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

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

        .sm\:w-3\/4 {
            width: 75%
        }

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

        .sm\:w-\[360px\] {
            width: 360px
        }

        .sm\:max-w-sm {
            max-width: var(--container-sm)
        }

        .sm\:flex-1 {
            flex: 1
        }

        .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\:items-center {
            align-items: center
        }

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

        .sm\:justify-start {
            justify-content: flex-start
        }

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

        .sm\:p-4 {
            padding: calc(var(--spacing) * 4)
        }

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

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

        .sm\:pt-0 {
            padding-top: calc(var(--spacing) * 0)
        }

        .sm\:pb-4 {
            padding-bottom: calc(var(--spacing) * 4)
        }

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

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

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

        .sm\:text-\[10px\] {
            font-size: 10px
        }
    }

    @media (min-width:48rem) {
        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline-block {
            display: inline-block
        }

        .md\:w-1\/4 {
            width: 25%
        }

        .md\:w-3\/4 {
            width: 75%
        }

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

        .md\:max-w-\[200px\] {
            max-width: 200px
        }

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

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

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

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

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

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-start {
            align-items: flex-start
        }

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

        .md\:px-3 {
            padding-inline: calc(var(--spacing) * 3)
        }

        .md\:py-1 {
            padding-block: calc(var(--spacing) * 1)
        }

        .md\:text-left {
            text-align: left
        }

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

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

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

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

    @media (min-width:64rem) {
        .lg\:static {
            position: static
        }

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

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

        .lg\:col-span-1 {
            grid-column: span 1/span 1
        }

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

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

        .lg\:mt-25 {
            margin-top: calc(var(--spacing) * 25)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:aspect-video {
            aspect-ratio: var(--aspect-video)
        }

        .lg\:h-8 {
            height: calc(var(--spacing) * 8)
        }

        .lg\:w-1\/4 {
            width: 25%
        }

        .lg\:w-3\/4 {
            width: 75%
        }

        .lg\:w-8 {
            width: calc(var(--spacing) * 8)
        }

        .lg\:w-\[360px\] {
            width: 360px
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .lg\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

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

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

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

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

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

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

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-end {
            align-items: flex-end
        }

        .lg\:items-start {
            align-items: flex-start
        }

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

        .lg\:justify-start {
            justify-content: flex-start
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

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

        .lg\:pr-0 {
            padding-right: calc(var(--spacing) * 0)
        }

        .lg\:text-left {
            text-align: left
        }

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

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

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

    @media (min-width:80rem) {
        .xl\:w-1\/2 {
            width: 50%
        }

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

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

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

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

    @media (min-width:96rem) {
        .\32xl\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

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

    .rtl\:flex-row-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        flex-direction: row-reverse
    }

    :where(.dark\:divide-gray-700\/30:is(.dark .dark\:divide-gray-700\/30)>:not(:last-child)) {
        border-color: #3641534d
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.dark\:divide-gray-700\/30:is(.dark .dark\:divide-gray-700\/30)>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent)
        }
    }

    :where(.dark\:divide-gray-700\/50:is(.dark .dark\:divide-gray-700\/50)>:not(:last-child)) {
        border-color: #36415380
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.dark\:divide-gray-700\/50:is(.dark .dark\:divide-gray-700\/50)>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent)
        }
    }

    :where(.dark\:divide-gray-800:is(.dark .dark\:divide-gray-800)>:not(:last-child)) {
        border-color: var(--color-gray-800)
    }

    .dark\:border-amber-500\/10:is(.dark .dark\:border-amber-500\/10) {
        border-color: #f99c001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-amber-500\/10:is(.dark .dark\:border-amber-500\/10) {
            border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent)
        }
    }

    .dark\:border-amber-500\/30:is(.dark .dark\:border-amber-500\/30) {
        border-color: #f99c004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-amber-500\/30:is(.dark .dark\:border-amber-500\/30) {
            border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent)
        }
    }

    .dark\:border-blue-500\/10:is(.dark .dark\:border-blue-500\/10) {
        border-color: #3080ff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-blue-500\/10:is(.dark .dark\:border-blue-500\/10) {
            border-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent)
        }
    }

    .dark\:border-emerald-500\/10:is(.dark .dark\:border-emerald-500\/10) {
        border-color: #00bb7f1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-emerald-500\/10:is(.dark .dark\:border-emerald-500\/10) {
            border-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
        }
    }

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

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

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

    .dark\:border-gray-700\/30:is(.dark .dark\:border-gray-700\/30) {
        border-color: #3641534d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-gray-700\/30:is(.dark .dark\:border-gray-700\/30) {
            border-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent)
        }
    }

    .dark\:border-gray-700\/50:is(.dark .dark\:border-gray-700\/50) {
        border-color: #36415380
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-gray-700\/50:is(.dark .dark\:border-gray-700\/50) {
            border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent)
        }
    }

    .dark\:border-indigo-500\/10:is(.dark .dark\:border-indigo-500\/10) {
        border-color: #625fff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-indigo-500\/10:is(.dark .dark\:border-indigo-500\/10) {
            border-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent)
        }
    }

    .dark\:border-purple-500\/10:is(.dark .dark\:border-purple-500\/10) {
        border-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-purple-500\/10:is(.dark .dark\:border-purple-500\/10) {
            border-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent)
        }
    }

    .dark\:border-red-500\/10:is(.dark .dark\:border-red-500\/10) {
        border-color: #fb2c361a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-red-500\/10:is(.dark .dark\:border-red-500\/10) {
            border-color: color-mix(in oklab, var(--color-red-500) 10%, transparent)
        }
    }

    .dark\:border-red-500\/20:is(.dark .dark\:border-red-500\/20) {
        border-color: #fb2c3633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-red-500\/20:is(.dark .dark\:border-red-500\/20) {
            border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent)
        }
    }

    .dark\:border-red-500\/30:is(.dark .dark\:border-red-500\/30) {
        border-color: #fb2c364d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-red-500\/30:is(.dark .dark\:border-red-500\/30) {
            border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent)
        }
    }

    .dark\:border-rose-500\/20:is(.dark .dark\:border-rose-500\/20) {
        border-color: #ff235733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-rose-500\/20:is(.dark .dark\:border-rose-500\/20) {
            border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent)
        }
    }

    .dark\:border-sky-500\/10:is(.dark .dark\:border-sky-500\/10) {
        border-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-sky-500\/10:is(.dark .dark\:border-sky-500\/10) {
            border-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent)
        }
    }

    .dark\:border-sky-500\/30:is(.dark .dark\:border-sky-500\/30) {
        border-color: #00a5ef4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-sky-500\/30:is(.dark .dark\:border-sky-500\/30) {
            border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent)
        }
    }

    .dark\:border-violet-500\/10:is(.dark .dark\:border-violet-500\/10) {
        border-color: #8d54ff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-violet-500\/10:is(.dark .dark\:border-violet-500\/10) {
            border-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent)
        }
    }

    .dark\:border-white\/5:is(.dark .dark\:border-white\/5) {
        border-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/5:is(.dark .dark\:border-white\/5) {
            border-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }

    .dark\:border-white\/10:is(.dark .dark\:border-white\/10) {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/10:is(.dark .dark\:border-white\/10) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .dark\:bg-\[\#0d0d0f\]:is(.dark .dark\:bg-\[\#0d0d0f\]) {
        background-color: #0d0d0f
    }

    .dark\:bg-\[\#0d0d0f\]\/60:is(.dark .dark\:bg-\[\#0d0d0f\]\/60) {
        background-color: #0d0d0f99
    }

    .dark\:bg-\[\#0d0d0f\]\/70:is(.dark .dark\:bg-\[\#0d0d0f\]\/70) {
        background-color: #0d0d0fb3
    }

    .dark\:bg-amber-500\/10:is(.dark .dark\:bg-amber-500\/10) {
        background-color: #f99c001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-amber-500\/10:is(.dark .dark\:bg-amber-500\/10) {
            background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent)
        }
    }

    .dark\:bg-amber-500\/15:is(.dark .dark\:bg-amber-500\/15) {
        background-color: #f99c0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-amber-500\/15:is(.dark .dark\:bg-amber-500\/15) {
            background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent)
        }
    }

    .dark\:bg-amber-900\/20:is(.dark .dark\:bg-amber-900\/20) {
        background-color: #7b330633
    }

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

    .dark\:bg-black:is(.dark .dark\:bg-black) {
        background-color: var(--color-black)
    }

    .dark\:bg-blue-200:is(.dark .dark\:bg-blue-200) {
        background-color: var(--color-blue-200)
    }

    .dark\:bg-blue-500\/10:is(.dark .dark\:bg-blue-500\/10) {
        background-color: #3080ff1a
    }

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

    .dark\:bg-blue-500\/15:is(.dark .dark\:bg-blue-500\/15) {
        background-color: #3080ff26
    }

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

    .dark\:bg-blue-600:is(.dark .dark\:bg-blue-600) {
        background-color: var(--color-blue-600)
    }

    .dark\:bg-blue-900\/20:is(.dark .dark\:bg-blue-900\/20) {
        background-color: #1c398e33
    }

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

    .dark\:bg-card\/80:is(.dark .dark\:bg-card\/80) {
        background-color: var(--card)
    }

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

    .dark\:bg-cyan-900\/20:is(.dark .dark\:bg-cyan-900\/20) {
        background-color: #104e6433
    }

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

    .dark\:bg-emerald-500\/5:is(.dark .dark\:bg-emerald-500\/5) {
        background-color: #00bb7f0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-emerald-500\/5:is(.dark .dark\:bg-emerald-500\/5) {
            background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent)
        }
    }

    .dark\:bg-emerald-500\/10:is(.dark .dark\:bg-emerald-500\/10) {
        background-color: #00bb7f1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-emerald-500\/10:is(.dark .dark\:bg-emerald-500\/10) {
            background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
        }
    }

    .dark\:bg-emerald-500\/15:is(.dark .dark\:bg-emerald-500\/15) {
        background-color: #00bb7f26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-emerald-500\/15:is(.dark .dark\:bg-emerald-500\/15) {
            background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent)
        }
    }

    .dark\:bg-emerald-600:is(.dark .dark\:bg-emerald-600) {
        background-color: var(--color-emerald-600)
    }

    .dark\:bg-gray-200:is(.dark .dark\:bg-gray-200) {
        background-color: var(--color-gray-200)
    }

    .dark\:bg-gray-600:is(.dark .dark\:bg-gray-600) {
        background-color: var(--color-gray-600)
    }

    .dark\:bg-gray-700:is(.dark .dark\:bg-gray-700) {
        background-color: var(--color-gray-700)
    }

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

    .dark\:bg-gray-800\/50:is(.dark .dark\:bg-gray-800\/50) {
        background-color: #1e293980
    }

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

    .dark\:bg-gray-800\/60:is(.dark .dark\:bg-gray-800\/60) {
        background-color: #1e293999
    }

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

    .dark\:bg-gray-800\/90:is(.dark .dark\:bg-gray-800\/90) {
        background-color: #1e2939e6
    }

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

    .dark\:bg-gray-900:is(.dark .dark\:bg-gray-900) {
        background-color: var(--color-gray-900)
    }

    .dark\:bg-gray-900\/20:is(.dark .dark\:bg-gray-900\/20) {
        background-color: #10182833
    }

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

    .dark\:bg-gray-900\/30:is(.dark .dark\:bg-gray-900\/30) {
        background-color: #1018284d
    }

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

    .dark\:bg-gray-900\/40:is(.dark .dark\:bg-gray-900\/40) {
        background-color: #10182866
    }

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

    .dark\:bg-gray-950:is(.dark .dark\:bg-gray-950) {
        background-color: var(--color-gray-950)
    }

    .dark\:bg-green-600:is(.dark .dark\:bg-green-600) {
        background-color: var(--color-green-600)
    }

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

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

    .dark\:bg-indigo-500\/5:is(.dark .dark\:bg-indigo-500\/5) {
        background-color: #625fff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-indigo-500\/5:is(.dark .dark\:bg-indigo-500\/5) {
            background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent)
        }
    }

    .dark\:bg-indigo-500\/10:is(.dark .dark\:bg-indigo-500\/10) {
        background-color: #625fff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-indigo-500\/10:is(.dark .dark\:bg-indigo-500\/10) {
            background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent)
        }
    }

    .dark\:bg-indigo-500\/20:is(.dark .dark\:bg-indigo-500\/20) {
        background-color: #625fff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-indigo-500\/20:is(.dark .dark\:bg-indigo-500\/20) {
            background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent)
        }
    }

    .dark\:bg-orange-500\/5:is(.dark .dark\:bg-orange-500\/5) {
        background-color: #fe6e000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-orange-500\/5:is(.dark .dark\:bg-orange-500\/5) {
            background-color: color-mix(in oklab, var(--color-orange-500) 5%, transparent)
        }
    }

    .dark\:bg-orange-500\/10:is(.dark .dark\:bg-orange-500\/10) {
        background-color: #fe6e001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-orange-500\/10:is(.dark .dark\:bg-orange-500\/10) {
            background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent)
        }
    }

    .dark\:bg-orange-500\/15:is(.dark .dark\:bg-orange-500\/15) {
        background-color: #fe6e0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-orange-500\/15:is(.dark .dark\:bg-orange-500\/15) {
            background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent)
        }
    }

    .dark\:bg-orange-900\/20:is(.dark .dark\:bg-orange-900\/20) {
        background-color: #7e2a0c33
    }

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

    .dark\:bg-pink-500\/10:is(.dark .dark\:bg-pink-500\/10) {
        background-color: #f6339a1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-pink-500\/10:is(.dark .dark\:bg-pink-500\/10) {
            background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent)
        }
    }

    .dark\:bg-purple-500\/10:is(.dark .dark\:bg-purple-500\/10) {
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-purple-500\/10:is(.dark .dark\:bg-purple-500\/10) {
            background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent)
        }
    }

    .dark\:bg-purple-500\/15:is(.dark .dark\:bg-purple-500\/15) {
        background-color: #ac4bff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-purple-500\/15:is(.dark .dark\:bg-purple-500\/15) {
            background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent)
        }
    }

    .dark\:bg-purple-900\/20:is(.dark .dark\:bg-purple-900\/20) {
        background-color: #59168b33
    }

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

    .dark\:bg-red-200:is(.dark .dark\:bg-red-200) {
        background-color: var(--color-red-200)
    }

    .dark\:bg-red-500\/10:is(.dark .dark\:bg-red-500\/10) {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-red-500\/10:is(.dark .dark\:bg-red-500\/10) {
            background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent)
        }
    }

    .dark\:bg-red-500\/15:is(.dark .dark\:bg-red-500\/15) {
        background-color: #fb2c3626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-red-500\/15:is(.dark .dark\:bg-red-500\/15) {
            background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent)
        }
    }

    .dark\:bg-red-500\/20:is(.dark .dark\:bg-red-500\/20) {
        background-color: #fb2c3633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-red-500\/20:is(.dark .dark\:bg-red-500\/20) {
            background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent)
        }
    }

    .dark\:bg-red-600:is(.dark .dark\:bg-red-600) {
        background-color: var(--color-red-600)
    }

    .dark\:bg-red-900\/20:is(.dark .dark\:bg-red-900\/20) {
        background-color: #82181a33
    }

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

    .dark\:bg-rose-500\/10:is(.dark .dark\:bg-rose-500\/10) {
        background-color: #ff23571a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-rose-500\/10:is(.dark .dark\:bg-rose-500\/10) {
            background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent)
        }
    }

    .dark\:bg-rose-500\/15:is(.dark .dark\:bg-rose-500\/15) {
        background-color: #ff235726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-rose-500\/15:is(.dark .dark\:bg-rose-500\/15) {
            background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent)
        }
    }

    .dark\:bg-sky-500\/10:is(.dark .dark\:bg-sky-500\/10) {
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-sky-500\/10:is(.dark .dark\:bg-sky-500\/10) {
            background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent)
        }
    }

    .dark\:bg-transparent:is(.dark .dark\:bg-transparent) {
        background-color: #0000
    }

    .dark\:bg-violet-500\/10:is(.dark .dark\:bg-violet-500\/10) {
        background-color: #8d54ff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-violet-500\/10:is(.dark .dark\:bg-violet-500\/10) {
            background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent)
        }
    }

    .dark\:bg-white\/5:is(.dark .dark\:bg-white\/5) {
        background-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-white\/5:is(.dark .dark\:bg-white\/5) {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }

    .dark\:bg-white\/10:is(.dark .dark\:bg-white\/10) {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-white\/10:is(.dark .dark\:bg-white\/10) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .dark\:bg-white\/\[0\.01\]:is(.dark .dark\:bg-white\/\[0\.01\]) {
        background-color: #ffffff03
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-white\/\[0\.01\]:is(.dark .dark\:bg-white\/\[0\.01\]) {
            background-color: color-mix(in oklab, var(--color-white) 1%, transparent)
        }
    }

    .dark\:bg-zinc-800:is(.dark .dark\:bg-zinc-800) {
        background-color: var(--color-zinc-800)
    }

    .dark\:from-red-500\/5:is(.dark .dark\:from-red-500\/5) {
        --tw-gradient-from: #fb2c360d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:from-red-500\/5:is(.dark .dark\:from-red-500\/5) {
            --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 5%, transparent)
        }
    }

    .dark\:from-red-500\/5:is(.dark .dark\:from-red-500\/5) {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .dark\:via-orange-500\/3:is(.dark .dark\:via-orange-500\/3) {
        --tw-gradient-via: #fe6e0008
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:via-orange-500\/3:is(.dark .dark\:via-orange-500\/3) {
            --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 3%, transparent)
        }
    }

    .dark\:via-orange-500\/3:is(.dark .dark\:via-orange-500\/3) {
        --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)
    }

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

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

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

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

    .dark\:text-blue-400\/70:is(.dark .dark\:text-blue-400\/70) {
        color: #54a2ffb3
    }

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

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

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

    .dark\:text-emerald-400\/70:is(.dark .dark\:text-emerald-400\/70) {
        color: #00d294b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-emerald-400\/70:is(.dark .dark\:text-emerald-400\/70) {
            color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent)
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dark\:text-orange-400\/70:is(.dark .dark\:text-orange-400\/70) {
        color: #ff8b1ab3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-orange-400\/70:is(.dark .dark\:text-orange-400\/70) {
            color: color-mix(in oklab, var(--color-orange-400) 70%, transparent)
        }
    }

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

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

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

    .dark\:text-red-50:is(.dark .dark\:text-red-50) {
        color: var(--color-red-50)
    }

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

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

    .dark\:text-red-400\/70:is(.dark .dark\:text-red-400\/70) {
        color: #ff6568b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-red-400\/70:is(.dark .dark\:text-red-400\/70) {
            color: color-mix(in oklab, var(--color-red-400) 70%, transparent)
        }
    }

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

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

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

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

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

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

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

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

    .dark\:ring-gray-900\/80:is(.dark .dark\:ring-gray-900\/80) {
        --tw-ring-color: #101828cc
    }

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

    .dark\:ring-indigo-500\/30:is(.dark .dark\:ring-indigo-500\/30) {
        --tw-ring-color: #625fff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-indigo-500\/30:is(.dark .dark\:ring-indigo-500\/30) {
            --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent)
        }
    }

    .dark\:invert-0:is(.dark .dark\:invert-0) {
        --tw-invert: invert(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, )
    }

    .dark\:filter-none:is(.dark .dark\:filter-none) {
        filter: none
    }

    @media (hover:hover) {
        .dark\:group-hover\:bg-white\/\[0\.02\]:is(.dark .dark\:group-hover\:bg-white\/\[0\.02\]):is(:where(.group):hover *) {
            background-color: #ffffff05
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:group-hover\:bg-white\/\[0\.02\]:is(.dark .dark\:group-hover\:bg-white\/\[0\.02\]):is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-white) 2%, transparent)
            }
        }

        .dark\:hover\:bg-blue-200:is(.dark .dark\:hover\:bg-blue-200):hover {
            background-color: var(--color-blue-200)
        }

        .dark\:hover\:bg-blue-300:is(.dark .dark\:hover\:bg-blue-300):hover {
            background-color: var(--color-blue-300)
        }

        .dark\:hover\:bg-blue-500\/20:is(.dark .dark\:hover\:bg-blue-500\/20):hover {
            background-color: #3080ff33
        }

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

        .dark\:hover\:bg-emerald-500\/10:is(.dark .dark\:hover\:bg-emerald-500\/10):hover {
            background-color: #00bb7f1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-emerald-500\/10:is(.dark .dark\:hover\:bg-emerald-500\/10):hover {
                background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent)
            }
        }

        .dark\:hover\:bg-emerald-500\/20:is(.dark .dark\:hover\:bg-emerald-500\/20):hover {
            background-color: #00bb7f33
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-emerald-500\/20:is(.dark .dark\:hover\:bg-emerald-500\/20):hover {
                background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent)
            }
        }

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

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

        .dark\:hover\:bg-gray-700\/20:is(.dark .dark\:hover\:bg-gray-700\/20):hover {
            background-color: #36415333
        }

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

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

        .dark\:hover\:bg-gray-800\/50:is(.dark .dark\:hover\:bg-gray-800\/50):hover {
            background-color: #1e293980
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-gray-800\/50:is(.dark .dark\:hover\:bg-gray-800\/50):hover {
                background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent)
            }
        }

        .dark\:hover\:bg-indigo-500\/15:is(.dark .dark\:hover\:bg-indigo-500\/15):hover {
            background-color: #625fff26
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-indigo-500\/15:is(.dark .dark\:hover\:bg-indigo-500\/15):hover {
                background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent)
            }
        }

        .dark\:hover\:bg-neutral-800\/70:is(.dark .dark\:hover\:bg-neutral-800\/70):hover {
            background-color: #262626b3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-neutral-800\/70:is(.dark .dark\:hover\:bg-neutral-800\/70):hover {
                background-color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent)
            }
        }

        .dark\:hover\:bg-orange-500\/20:is(.dark .dark\:hover\:bg-orange-500\/20):hover {
            background-color: #fe6e0033
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-orange-500\/20:is(.dark .dark\:hover\:bg-orange-500\/20):hover {
                background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent)
            }
        }

        .dark\:hover\:bg-red-500\/5:is(.dark .dark\:hover\:bg-red-500\/5):hover {
            background-color: #fb2c360d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-red-500\/5:is(.dark .dark\:hover\:bg-red-500\/5):hover {
                background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent)
            }
        }

        .dark\:hover\:bg-red-500\/10:is(.dark .dark\:hover\:bg-red-500\/10):hover {
            background-color: #fb2c361a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-red-500\/10:is(.dark .dark\:hover\:bg-red-500\/10):hover {
                background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent)
            }
        }

        .dark\:hover\:bg-red-500\/20:is(.dark .dark\:hover\:bg-red-500\/20):hover {
            background-color: #fb2c3633
        }

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

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

        .dark\:hover\:bg-rose-500\/10:is(.dark .dark\:hover\:bg-rose-500\/10):hover {
            background-color: #ff23571a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-rose-500\/10:is(.dark .dark\:hover\:bg-rose-500\/10):hover {
                background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent)
            }
        }

        .dark\:hover\:bg-white\/\[0\.01\]:is(.dark .dark\:hover\:bg-white\/\[0\.01\]):hover {
            background-color: #ffffff03
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-white\/\[0\.01\]:is(.dark .dark\:hover\:bg-white\/\[0\.01\]):hover {
                background-color: color-mix(in oklab, var(--color-white) 1%, transparent)
            }
        }

        .dark\:hover\:bg-white\/\[0\.02\]:is(.dark .dark\:hover\:bg-white\/\[0\.02\]):hover {
            background-color: #ffffff05
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-white\/\[0\.02\]:is(.dark .dark\:hover\:bg-white\/\[0\.02\]):hover {
                background-color: color-mix(in oklab, var(--color-white) 2%, transparent)
            }
        }

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

        .hover\:dark\:bg-red-300:hover:is(.dark .hover\:dark\:bg-red-300:hover) {
            background-color: var(--color-red-300)
        }

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

        .dark\:hover\:text-indigo-400:is(.dark .dark\:hover\:text-indigo-400):hover {
            color: var(--color-indigo-400)
        }

        .dark\:hover\:text-red-200:is(.dark .dark\:hover\:text-red-200):hover {
            color: var(--color-red-200)
        }
    }

    .dark\:focus\:border-blue-700:is(.dark .dark\:focus\:border-blue-700):focus {
        border-color: var(--color-blue-700)
    }

    .dark\:focus\:border-blue-800:is(.dark .dark\:focus\:border-blue-800):focus {
        border-color: var(--color-blue-800)
    }

    .dark\:active\:bg-gray-700:is(.dark .dark\:active\:bg-gray-700):active {
        background-color: var(--color-gray-700)
    }

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

    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
    }
}

:root {
    --font-sans: "Poppins", "Poppins Fallback", ui-sans-serif, system-ui, sans-serif;
    --radius: .625rem;
    --background: #f6f6f7;
    --foreground: oklch(14.1% .005 285.823);
    --card: oklch(100% 0 0);
    --card-foreground: oklch(14.1% .005 285.823);
    --popover: oklch(100% 0 0);
    --popover-foreground: oklch(14.1% .005 285.823);
    --primary: oklch(21% .006 285.885);
    --primary-foreground: oklch(98.5% 0 0);
    --secondary: oklch(96.7% .001 286.375);
    --secondary-foreground: oklch(21% .006 285.885);
    --muted: oklch(96.7% .001 286.375);
    --muted-foreground: oklch(55.2% .016 285.938);
    --accent: oklch(96.7% .001 286.375);
    --accent-foreground: oklch(21% .006 285.885);
    --destructive: oklch(57.7% .245 27.325);
    --border: oklch(92% .004 286.32);
    --input: oklch(92% .004 286.32);
    --ring: oklch(70.5% .015 286.067);
    --chart-1: oklch(64.6% .222 41.116);
    --chart-2: oklch(60% .118 184.704);
    --chart-3: oklch(39.8% .07 227.392);
    --chart-4: oklch(82.8% .189 84.429);
    --chart-5: oklch(76.9% .188 70.08);
    --sidebar: oklch(98.5% 0 0);
    --sidebar-foreground: oklch(14.1% .005 285.823);
    --sidebar-primary: oklch(21% .006 285.885);
    --sidebar-primary-foreground: oklch(98.5% 0 0);
    --sidebar-accent: oklch(96.7% .001 286.375);
    --sidebar-accent-foreground: oklch(21% .006 285.885);
    --sidebar-border: oklch(92% .004 286.32);
    --sidebar-ring: oklch(70.5% .015 286.067);
    --filter-freek: invert(0)
}

.dark {
    --background: #171818;
    --foreground: oklch(94% .003 270);
    --card: #1d1f1e;
    --card-foreground: oklch(98.5% 0 0);
    --popover: oklch(21% .006 285.885);
    --popover-foreground: oklch(98.5% 0 0);
    --primary: oklch(92% .004 286.32);
    --primary-foreground: oklch(21% .006 285.885);
    --secondary: oklch(27.4% .006 286.033);
    --secondary-foreground: oklch(98.5% 0 0);
    --muted: oklch(27.4% .006 286.033);
    --muted-foreground: oklch(70.5% .015 286.067);
    --accent: oklch(27.4% .006 286.033);
    --accent-foreground: oklch(98.5% 0 0);
    --destructive: oklch(70.4% .191 22.216);
    --border: oklch(100% 0 0/.1);
    --input: oklch(100% 0 0/.15);
    --ring: oklch(55.2% .016 285.938);
    --chart-1: oklch(48.8% .243 264.376);
    --chart-2: oklch(69.6% .17 162.48);
    --chart-3: oklch(76.9% .188 70.08);
    --chart-4: oklch(62.7% .265 303.9);
    --chart-5: oklch(64.5% .246 16.439);
    --filter-freek: invert(1)
}

.rich-content p {
    margin-bottom: 1em
}

.rich-content p:last-child {
    margin-bottom: 0
}

.rich-content h2 {
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-size: 1.25rem;
    font-weight: 700
}

.rich-content h3 {
    margin-top: 1.25em;
    margin-bottom: .5em;
    font-size: 1.1rem;
    font-weight: 600
}

.rich-content ul,
.rich-content ol {
    margin-bottom: 1em;
    padding-left: 1.5em
}

.rich-content ul {
    list-style-type: disc
}

.rich-content ol {
    list-style-type: decimal
}

.rich-content li {
    margin-bottom: .25em
}

.rich-content blockquote {
    border-left: 3px solid var(--border);
    margin: 1em 0;
    padding-left: 1em;
    font-style: italic
}

.rich-content a {
    color: var(--primary);
    text-decoration: underline
}

.rich-content strong {
    font-weight: 700
}

.rich-content br+br {
    content: "";
    margin-top: .5em;
    display: block
}

.img-wrap {
    background: linear-gradient(110deg, #1f1f1f 40%, #2e2e2e, #1f1f1f 60%) 0 0/200% 100%;
    animation: 1.5s ease-in-out infinite shimmer
}

@keyframes shimmer {
    to {
        background-position: -200% 0
    }
}

.pagination {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 15px;
    display: flex
}

.pagination .page-item {
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--foreground);
    border-radius: 8px;
    padding: 6px 2px
}

.pagination .page-link {
    padding: 12px
}

.pagination .page-item:hover {
    cursor: pointer;
    background: var(--muted)
}

.pagination .active,
.pagination .active:hover {
    cursor: default;
    background: #00a63e;
    color: var(--primary-foreground) !important
}

@media only screen and (max-width:600px) {
    .pagination {
        gap: 3px
    }

    .pagination .page-item {
        align-items: center;
        height: 26px;
        padding: 8px;
        font-size: 14px;
        display: flex
    }

    .pagination .page-link {
        padding: 0
    }
}

.freek-icon {
    filter: var(--filter-freek);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.fi-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-house w-5 h-5%22 aria-hidden=%22true%22%3E%3Cpath d=%22M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8%22%3E%3C/path%3E%3Cpath d=%22M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-serial {
    background-image: url("data:image/svg+xml,%3Csvg fill=%22none%22 height=%2264%22 viewBox=%220 0 28 28%22 width=%2264%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath clip-rule=%22evenodd%22 d=%22M20.33 8.2c.1.54.62.9 1.17.8a1 1 0 0 0 .82-1.15c-.31-1.73-.55-2.97-1.25-3.9a5.07 5.07 0 0 0-2.57-1.77c-.65-.2-1.3-.21-2.05-.14-.71.06-1.59.22-2.67.4l-5.28.92c-1.08.2-1.95.34-2.65.53-.72.18-1.33.42-1.87.82a5.01 5.01 0 0 0-1.8 2.53 5 5 0 0 0-.15 1.96c.06.7.2 1.53.4 2.55.09.55.62.91 1.17.82s.92-.62.82-1.16c-.19-1.06-.32-1.8-.37-2.38-.05-.58-.02-.92.07-1.2A3 3 0 0 1 5.2 6.31c.24-.18.57-.33 1.16-.49.61-.15 1.4-.3 2.54-.49l5.2-.9a35.6 35.6 0 0 1 2.54-.4c.62-.05.98-.02 1.27.06.61.19 1.15.56 1.54 1.07.35.46.54 1.16.88 3.04zm5.17 11.37.05-.28c.2-1.07.35-1.93.41-2.64.07-.73.06-1.38-.14-2.02a5.01 5.01 0 0 0-1.8-2.54 5.23 5.23 0 0 0-1.87-.82c-.7-.18-1.57-.33-2.65-.52l-5.28-.92a36.44 36.44 0 0 0-2.67-.4 5.26 5.26 0 0 0-2.05.13c-1.02.31-1.92.93-2.57 1.78a5.1 5.1 0 0 0-.83 1.85c-.18.69-.34 1.55-.53 2.62l-.05.28c-.19 1.07-.34 1.94-.4 2.64-.08.73-.06 1.39.13 2.03.32 1 .95 1.9 1.8 2.53.54.4 1.16.64 1.87.82.7.18 1.57.34 2.66.53l5.28.92c1.08.18 1.95.34 2.67.4.74.07 1.4.06 2.04-.14a5.07 5.07 0 0 0 2.57-1.77c.4-.54.64-1.15.83-1.85.19-.7.34-1.56.53-2.63zm-1.62-4.35c.09.28.12.64.06 1.24-.06.62-.2 1.4-.4 2.53l-.03.2c-.2 1.12-.34 1.9-.5 2.5-.16.59-.3.91-.49 1.15-.39.5-.93.88-1.54 1.07-.29.08-.65.11-1.26.06a35.6 35.6 0 0 1-2.55-.4l-5.2-.9c-1.13-.2-1.92-.34-2.53-.5-.6-.15-.93-.3-1.17-.48a3 3 0 0 1-1.08-1.52 3.16 3.16 0 0 1-.06-1.25c.06-.62.2-1.4.4-2.52l.03-.2c.2-1.12.34-1.9.5-2.5.16-.6.31-.92.5-1.15.38-.51.92-.88 1.53-1.07.29-.09.65-.12 1.27-.06s1.41.2 2.55.4l5.2.9c1.13.2 1.92.33 2.53.49.6.15.92.3 1.16.48a3 3 0 0 1 1.08 1.53zm-9.02-.65a.5.5 0 0 0-.83.28l-.87 5.1a.5.5 0 0 0 .68.55l4.43-1.79a.5.5 0 0 0 .16-.83z%22 fill=%22currentColor%22 fill-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-youtube w-4 h-4 text-red-600%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17%22%3E%3C/path%3E%3Cpath d=%22m10 15 5-3-5-3z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-thumbs-up {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-thumbs-up h-4 w-4 sm:h-5 sm:w-5%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7 10v12%22%3E%3C/path%3E%3Cpath d=%22M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-thumbs-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-thumbs-down h-4 w-4 sm:h-5 sm:w-5%22 aria-hidden=%22true%22%3E%3Cpath d=%22M17 14V2%22%3E%3C/path%3E%3Cpath d=%22M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-arrow-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-arrow-down w-4 h-4 text-foreground%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 5v14%22%3E%3C/path%3E%3Cpath d=%22m19 12-7 7-7-7%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-film {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-clapperboard w-4 h-4 transition-colors text-blue-500 group-hover:text-current%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z%22%3E%3C/path%3E%3Cpath d=%22m6.2 5.3 3.1 3.9%22%3E%3C/path%3E%3Cpath d=%22m12.4 3.4 3.1 4%22%3E%3C/path%3E%3Cpath d=%22M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-multfilm {
    background-image: url("data:image/svg+xml,%3Csvg fill=%22none%22 height=%2264%22 viewBox=%220 0 28 28%22 width=%2264%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath clip-rule=%22evenodd%22 d=%22M7.52 14.41A3 3 0 0 1 10.46 12h2.94c.56 0 .84 0 1.05-.1a1 1 0 0 0 .44-.45c.11-.21.11-.49.11-1.05v-.9a5.5 5.5 0 0 1 9.7-3.55c.54.64.3.99-.7 1.05v4.25c0 .41-.34.75-.75.75h-.13c-.34 0-.57 0-.97-.36L22 11.5l-1.43-1.2a7.64 7.64 0 0 1-.07-.04c-.13-.1-.18-.14-.3-.1-.13.06-.2.53-.2.76a.53.53 0 0 0 0 .08l1.63 9c.05.28.07.42.15.51.08.11.21.19.35.2.12.01.24-.04.49-.13l.01-.01a1 1 0 0 1 1.3.57 1 1 0 0 1-.57 1.3h-.01a19.47 19.47 0 0 1-3.14.94l-.89.18c-1.65.3-3.42.44-5.32.44a30.05 30.05 0 0 1-6.79-.76 21.2 21.2 0 0 1-2.56-.8h-.01a1 1 0 1 1 .74-1.86c.27.1.4.15.54.14a.51.51 0 0 0 .3-.17c.1-.1.12-.25.18-.55zm-2.86 4.1.9-4.5a5 5 0 0 1 4.9-4.01H13v-.5a7.5 7.5 0 0 1 13.22-4.84c.22.25.5.63.65 1.12A2.35 2.35 0 0 1 26 8.42v2.83A2.75 2.75 0 0 1 23.25 14h-.17c-.1 0-.28 0-.5-.03l.81 4.56a3 3 0 0 1 .7 5.76C21.13 25.45 17.75 26 14 26s-7.13-.55-10.1-1.7a3 3 0 0 1 .76-5.78zM9 21.3c0 .1 0 .15.03.2l.09.1.2.05c1.44.24 3 .36 4.67.36 1.78 0 3.44-.14 4.97-.41L19 21a5 5 0 1 0-10 .3zm7.77-1.42a3 3 0 0 0-5.56 0 28.63 28.63 0 0 0 5.56 0z%22 fill=%22currentColor%22 fill-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-rectangles {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4%22%3E%3Cpath d=%22M5.566 4.657A4.505 4.505 0 0 1 6.75 4.5h10.5c.41 0 .806.055 1.183.157A3 3 0 0 0 15.75 3h-7.5a3 3 0 0 0-2.684 1.657ZM2.25 12a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3v-6ZM5.25 7.5c-.41 0-.806.055-1.184.157A3 3 0 0 1 6.75 6h10.5a3 3 0 0 1 2.683 1.657A4.505 4.505 0 0 0 18.75 7.5H5.25Z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-time {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-clock h-6 w-6 lg:h-8 lg:w-8 text-foreground flex-shrink-0%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 6v6l4 2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3C/svg%3E")
}

.fi-globe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-globe h-4 w-4 text-foreground%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cpath d=%22M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%22%3E%3C/path%3E%3Cpath d=%22M2 12h20%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-tag {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-tag h-4 w-4 text-foreground%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z%22%3E%3C/path%3E%3Ccircle cx=%227.5%22 cy=%227.5%22 r=%22.5%22 fill=%22currentColor%22%3E%3C/circle%3E%3C/svg%3E")
}

.fi-download {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-download w-4 h-4%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 15V3%22%3E%3C/path%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22%3E%3C/path%3E%3Cpath d=%22m7 10 5 5 5-5%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-language {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-languages h-6 w-6 lg:h-8 lg:w-8 text-foreground flex-shrink-0%22 aria-hidden=%22true%22%3E%3Cpath d=%22m5 8 6 6%22%3E%3C/path%3E%3Cpath d=%22m4 14 6-6 2-3%22%3E%3C/path%3E%3Cpath d=%22M2 5h12%22%3E%3C/path%3E%3Cpath d=%22M7 2h1%22%3E%3C/path%3E%3Cpath d=%22m22 22-5-10-5 10%22%3E%3C/path%3E%3Cpath d=%22M14 18h6%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-calendar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-calendar h-6 w-6 lg:h-8 lg:w-8 text-foreground flex-shrink-0%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8 2v4%22%3E%3C/path%3E%3Cpath d=%22M16 2v4%22%3E%3C/path%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%224%22 rx=%222%22%3E%3C/rect%3E%3Cpath d=%22M3 10h18%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-info-circle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-info w-4 h-4 sm:w-5 sm:h-5 text-primary%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cpath d=%22M12 16v-4%22%3E%3C/path%3E%3Cpath d=%22M12 8h.01%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-bolt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22size-6%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-circle-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-circle-arrow-right h-4 w-4%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cpath d=%22m12 16 4-4-4-4%22%3E%3C/path%3E%3Cpath d=%22M8 12h8%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22size-6%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-circle-play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22size-6%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm14.024-.983a1.125 1.125 0 0 1 0 1.966l-5.603 3.113A1.125 1.125 0 0 1 9 15.113V8.887c0-.857.921-1.4 1.671-.983l5.603 3.113Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-cat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-cat w-5 h-5%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 5c.67 0 1.35.09 2 .26 1.78-2 5.03-2.84 6.42-2.26 1.4.58-.42 7-.42 7 .57 1.07 1 2.24 1 3.44C21 17.9 16.97 21 12 21s-9-3-9-7.56c0-1.25.5-2.4 1-3.44 0 0-1.89-6.42-.5-7 1.39-.58 4.72.23 6.5 2.23A9.04 9.04 0 0 1 12 5Z%22%3E%3C/path%3E%3Cpath d=%22M8 14v.5%22%3E%3C/path%3E%3Cpath d=%22M16 14v.5%22%3E%3C/path%3E%3Cpath d=%22M11.25 16.25h1.5L12 17l-.75-.75Z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-defend-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-eye {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath d=%22M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z%22%3E%3C/path%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 0 1 0-1.113ZM17.25 12a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-finger-print {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M12 3.75a6.715 6.715 0 0 0-3.722 1.118.75.75 0 1 1-.828-1.25 8.25 8.25 0 0 1 12.8 6.883c0 3.014-.574 5.897-1.62 8.543a.75.75 0 0 1-1.395-.551A21.69 21.69 0 0 0 18.75 10.5 6.75 6.75 0 0 0 12 3.75ZM6.157 5.739a.75.75 0 0 1 .21 1.04A6.715 6.715 0 0 0 5.25 10.5c0 1.613-.463 3.12-1.265 4.393a.75.75 0 0 1-1.27-.8A6.715 6.715 0 0 0 3.75 10.5c0-1.68.503-3.246 1.367-4.55a.75.75 0 0 1 1.04-.211ZM12 7.5a3 3 0 0 0-3 3c0 3.1-1.176 5.927-3.105 8.056a.75.75 0 1 1-1.112-1.008A10.459 10.459 0 0 0 7.5 10.5a4.5 4.5 0 1 1 9 0c0 .547-.022 1.09-.067 1.626a.75.75 0 0 1-1.495-.123c.041-.495.062-.996.062-1.503a3 3 0 0 0-3-3Zm0 2.25a.75.75 0 0 1 .75.75c0 3.908-1.424 7.485-3.781 10.238a.75.75 0 0 1-1.14-.975A14.19 14.19 0 0 0 11.25 10.5a.75.75 0 0 1 .75-.75Zm3.239 5.183a.75.75 0 0 1 .515.927 19.417 19.417 0 0 1-2.585 5.544.75.75 0 0 1-1.243-.84 17.915 17.915 0 0 0 2.386-5.116.75.75 0 0 1 .927-.515Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-flame {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-flame w-6 h-6 text-orange-500%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-heart-puls {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-heart-pulse w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5%22%3E%3C/path%3E%3Cpath d=%22M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-map {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-map w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z%22%3E%3C/path%3E%3Cpath d=%22M15 5.764v15%22%3E%3C/path%3E%3Cpath d=%22M9 3.236v15%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-messages {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath d=%22M4.913 2.658c2.075-.27 4.19-.408 6.337-.408 2.147 0 4.262.139 6.337.408 1.922.25 3.291 1.861 3.405 3.727a4.403 4.403 0 0 0-1.032-.211 50.89 50.89 0 0 0-8.42 0c-2.358.196-4.04 2.19-4.04 4.434v4.286a4.47 4.47 0 0 0 2.433 3.984L7.28 21.53A.75.75 0 0 1 6 21v-4.03a48.527 48.527 0 0 1-1.087-.128C2.905 16.58 1.5 14.833 1.5 12.862V6.638c0-1.97 1.405-3.718 3.413-3.979Z%22%3E%3C/path%3E%3Cpath d=%22M15.75 7.5c-1.376 0-2.739.057-4.086.169C10.124 7.797 9 9.103 9 10.609v4.285c0 1.507 1.128 2.814 2.67 2.94 1.243.102 2.5.157 3.768.165l2.782 2.781a.75.75 0 0 0 1.28-.53v-2.39l.33-.026c1.542-.125 2.67-1.433 2.67-2.94v-4.286c0-1.505-1.125-2.811-2.664-2.94A49.392 49.392 0 0 0 15.75 7.5Z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-moon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M9.528 1.718a.75.75 0 0 1 .162.819A8.97 8.97 0 0 0 9 6a9 9 0 0 0 9 9 8.97 8.97 0 0 0 3.463-.69.75.75 0 0 1 .981.98 10.503 10.503 0 0 1-9.694 6.46c-5.799 0-10.5-4.7-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 0 1 .818.162Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-smile {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-2.625 6c-.54 0-.828.419-.936.634a1.96 1.96 0 0 0-.189.866c0 .298.059.605.189.866.108.215.395.634.936.634.54 0 .828-.419.936-.634.13-.26.189-.568.189-.866 0-.298-.059-.605-.189-.866-.108-.215-.395-.634-.936-.634Zm4.314.634c.108-.215.395-.634.936-.634.54 0 .828.419.936.634.13.26.189.568.189.866 0 .298-.059.605-.189.866-.108.215-.395.634-.936.634-.54 0-.828-.419-.936-.634a1.96 1.96 0 0 1-.189-.866c0-.298.059-.605.189-.866Zm2.023 6.828a.75.75 0 1 0-1.06-1.06 3.75 3.75 0 0 1-5.304 0 .75.75 0 0 0-1.06 1.06 5.25 5.25 0 0 0 7.424 0Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-sparkles {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-tarixiy-bino {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22currentColor%22 aria-hidden=%22true%22 data-slot=%22icon%22 class=%22w-4 h-4 transition-colors text-black dark:text-white group-hover:text-current%22%3E%3Cpath d=%22M11.584 2.376a.75.75 0 0 1 .832 0l9 6a.75.75 0 1 1-.832 1.248L12 3.901 3.416 9.624a.75.75 0 0 1-.832-1.248l9-6Z%22%3E%3C/path%3E%3Cpath fill-rule=%22evenodd%22 d=%22M20.25 10.332v9.918H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h.75v-9.918a.75.75 0 0 1 .634-.74A49.109 49.109 0 0 1 12 9c2.59 0 5.134.202 7.616.592a.75.75 0 0 1 .634.74Zm-7.5 2.418a.75.75 0 0 0-1.5 0v6.75a.75.75 0 0 0 1.5 0v-6.75Zm3-.75a.75.75 0 0 1 .75.75v6.75a.75.75 0 0 1-1.5 0v-6.75a.75.75 0 0 1 .75-.75ZM9 12.75a.75.75 0 0 0-1.5 0v6.75a.75.75 0 0 0 1.5 0v-6.75Z%22 clip-rule=%22evenodd%22%3E%3C/path%3E%3Cpath d=%22M12 7.875a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z%22%3E%3C/path%3E%3C/svg%3E")
}

.fi-tg {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22utf-8%22%3F%3E%3C%21-- Uploaded to: SVG Repo%2C www.svgrepo.com%2C Generator: SVG Repo Mixer Tools --%3E%3Csvg width=%22800px%22 height=%22800px%22 viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M41.4193 7.30899C41.4193 7.30899 45.3046 5.79399 44.9808 9.47328C44.8729 10.9883 43.9016 16.2908 43.1461 22.0262L40.5559 39.0159C40.5559 39.0159 40.3401 41.5048 38.3974 41.9377C36.4547 42.3705 33.5408 40.4227 33.0011 39.9898C32.5694 39.6652 24.9068 34.7955 22.2086 32.4148C21.4531 31.7655 20.5897 30.4669 22.3165 28.9519L33.6487 18.1305C34.9438 16.8319 36.2389 13.8019 30.8426 17.4812L15.7331 27.7616C15.7331 27.7616 14.0063 28.8437 10.7686 27.8698L3.75342 25.7055C3.75342 25.7055 1.16321 24.0823 5.58815 22.459C16.3807 17.3729 29.6555 12.1786 41.4193 7.30899Z%22 fill=%22%234d91cf%22/%3E%3C/svg%3E")
}

.push-bell-gold {
    color: gold;
    border: 1px solid #ffd70066
}

.push-bell-gold:hover {
    background: #ffd7001a;
    border-color: gold
}

@font-face {
    font-family: Poppins Fallback;
    src: local(Arial);
    size-adjust: 112%;
    ascent-override: 90%;
    descent-override: 22%;
    line-gap-override: 0%
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(../fonts/poppins-400-latin.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(../fonts/poppins-400-latin-ext.woff2)format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: optional;
    src: url(../fonts/poppins-600-latin.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: optional;
    src: url(../fonts/poppins-600-latin-ext.woff2)format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url(../fonts/poppins-700-latin.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url(../fonts/poppins-700-latin-ext.woff2)format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: 'GothamPro';
  src: url('/fonts/Gotham-Pro-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
}

.swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(#0000, #00000080)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000)
}

.swiper-lazy-preloader {
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: #0000;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
    top: 50%;
    left: 50%
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: 50%;
    width: 100%;
    height: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity .3s;
    position: absolute;
    transform: translate(0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    width: 100%;
    left: 0
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    display: inline-block
}

button.swiper-pagination-bullet {
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, top .2s;
    display: inline-block
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, #00000040);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0)
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
    left: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, #0000001a);
    position: relative
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, #00000080);
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-flow: column wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    opacity: .6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    filter: blur(50px);
    background: #000;
    position: absolute;
    inset: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: bottom;
    backface-visibility: hidden;
    overflow: hidden
}

.flag {
    background-position: 50%;
    background-size: cover;
    border-radius: 2px;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: inline-block
}

.flag-india {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%22900%22 height=%22600%22 fill=%22%2307038D%22 viewBox=%22-45 -30 90 60%22%3E%3Cpath fill=%22%23FFF%22 d=%22M-45-30h90v60h-90z%22/%3E%3Cpath fill=%22%23FF6820%22 d=%22M-45-30h90v20h-90z%22/%3E%3Cpath fill=%22%23046A38%22 d=%22M-45 10h90v20h-90z%22/%3E%3Ccircle r=%229.25%22/%3E%3Ccircle r=%228%22 fill=%22%23FFF%22/%3E%3Ccircle r=%221.6%22/%3E%3Cg id=%22d%22%3E%3Cg id=%22c%22%3E%3Cg id=%22b%22%3E%3Cg id=%22a%22%3E%3Cpath d=%22m0-8 .3 4.814L0-.802l-.3-2.384z%22/%3E%3Ccircle cy=%22-8%22 r=%22.35%22 transform=%22rotate%287.5%29%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23a%22 transform=%22scale%28-1%29%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23b%22 transform=%22rotate%2815%29%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23c%22 transform=%22rotate%2830%29%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23d%22 transform=%22rotate%2860%29%22/%3E%3Cuse xlink:href=%22%23d%22 transform=%22rotate%28120%29%22/%3E%3C/svg%3E")
}

.flag-amerika {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%221235%22 height=%22650%22 viewBox=%220 0 7410 3900%22%3E%3Cpath fill=%22%23b31942%22 d=%22M0 0h7410v3900H0%22/%3E%3Cpath stroke=%22%23FFF%22 stroke-width=%22300%22 d=%22M0 450h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0%22/%3E%3Cpath fill=%22%230a3161%22 d=%22M0 0h2964v2100H0%22/%3E%3Cg fill=%22%23FFF%22%3E%3Cg id=%22d%22%3E%3Cg id=%22c%22%3E%3Cg id=%22e%22%3E%3Cg id=%22b%22%3E%3Cpath id=%22a%22 d=%22m247 90 70.534 217.082-184.66-134.164h228.253L176.466 307.082z%22/%3E%3Cuse xlink:href=%22%23a%22 y=%22420%22/%3E%3Cuse xlink:href=%22%23a%22 y=%22840%22/%3E%3Cuse xlink:href=%22%23a%22 y=%221260%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23a%22 y=%221680%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23b%22 x=%22247%22 y=%22210%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23c%22 x=%22494%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23d%22 x=%22988%22/%3E%3Cuse xlink:href=%22%23c%22 x=%221976%22/%3E%3Cuse xlink:href=%22%23e%22 x=%222470%22/%3E%3C/g%3E%3C/svg%3E")
}

.flag-turkey {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221200%22 height=%22800%22 viewBox=%220 -30000 90000 60000%22%3E%3Cpath fill=%22%23e30a17%22 d=%22M0-30000h90000v60000H0z%22/%3E%3Cpath fill=%22%23fff%22 d=%22m41750 0 13568-4408-8386 11541V-7133l8386 11541zm925 8021a15000 15000 0 1 1 0-16042 12000 12000 0 1 0 0 16042z%22/%3E%3C/svg%3E")
}

.flag-south-korea {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22900%22 height=%22600%22 viewBox=%22-72 -48 144 96%22%3E%3Cpath fill=%22%23fff%22 d=%22M-72-48v96H72v-96z%22/%3E%3Cg stroke=%22%23000%22 stroke-width=%224%22%3E%3Cpath d=%22M-34.946-37.72-48.26-17.75m4.992 3.328 13.313-19.97m4.992 3.329-13.312 19.969m63.236 42.157 6.101-9.152m1.11-1.664 6.101-9.153m4.993 3.328-6.102 9.153m-1.11 1.664-6.101 9.152m4.992 3.329 6.102-9.153m1.11-1.664 6.1-9.153M-48.259 17.75l13.313 19.97m4.992-3.329-6.102-9.152m-1.109-1.664-6.102-9.153m4.993-3.328 13.312 19.97m63.236-42.158-6.101-9.153m-1.11-1.664-6.101-9.152m4.992-3.328 13.313 19.969m4.992-3.328-6.102-9.153m-1.11-1.664-6.1-9.153%22/%3E%3C/g%3E%3Cpath fill=%22%23cd2e3a%22 d=%22M9.985 6.656A18 18 0 1 1-19.97-13.313a24 24 0 1 1 39.938 26.626%22/%3E%3Cpath fill=%22%230047a0%22 d=%22M0 0a12 12 0 1 1 19.97 13.313 24 24 0 1 1-39.94-26.626A12 12 0 1 0 0 0%22/%3E%3C/svg%3E")
}

.flag-uzbekistan {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%221000%22 height=%22500%22%3E%3Cpath fill=%22%23308738%22 d=%22M0 0h1000v500H0z%22/%3E%3Cpath fill=%22%233081f7%22 d=%22M0 0h1000v250H0z%22/%3E%3Cpath fill=%22%23ee162e%22 d=%22M0 160h1000v180H0z%22/%3E%3Cpath fill=%22%23fff%22 d=%22M0 170h1000v160H0z%22/%3E%3Ccircle cx=%22140%22 cy=%2280%22 r=%2260%22 fill=%22%23fff%22/%3E%3Ccircle cx=%22160%22 cy=%2280%22 r=%2260%22 fill=%22%233081f7%22/%3E%3Cg fill=%22%23fff%22 transform=%22matrix%282 0 0 2 272 128%29%22%3E%3Cg id=%22e%22%3E%3Cg id=%22d%22%3E%3Cg id=%22c%22%3E%3Cg id=%22b%22%3E%3Cpath id=%22a%22 d=%22M0-6v6h3%22 transform=%22rotate%2818 0 -6%29%22/%3E%3Cuse xlink:href=%22%23a%22 width=%22100%25%22 height=%22100%25%22 transform=%22scale%28-1 1%29%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23b%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate%2872%29%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23b%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate%28-72%29%22/%3E%3Cuse xlink:href=%22%23c%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate%28144%29%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23d%22 width=%22100%25%22 height=%22100%25%22 y=%22-24%22/%3E%3Cuse xlink:href=%22%23d%22 width=%22100%25%22 height=%22100%25%22 y=%22-48%22/%3E%3C/g%3E%3Cuse xlink:href=%22%23e%22 width=%22100%25%22 height=%22100%25%22 x=%2224%22/%3E%3Cuse xlink:href=%22%23e%22 width=%22100%25%22 height=%22100%25%22 x=%2248%22/%3E%3Cuse xlink:href=%22%23d%22 width=%22100%25%22 height=%22100%25%22 x=%22-48%22/%3E%3Cuse xlink:href=%22%23d%22 width=%22100%25%22 height=%22100%25%22 x=%22-24%22/%3E%3Cuse xlink:href=%22%23d%22 width=%22100%25%22 height=%22100%25%22 x=%22-24%22 y=%22-24%22/%3E%3C/g%3E%3C/svg%3E")
}

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

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

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

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

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

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

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

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

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

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

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

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

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

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

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

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

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

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

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

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

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

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

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}